Tema AvadaLa herramienta Off Canvas Builder puede ayudarle a implantar fácilmente elventana emergenteyBarra lateral deslizanteycuadro modalymenú desplegabley otros efectos, y No se necesitan plug-ins de tercerosyOperación código ceroEl proceso de creación de una aplicación, que se realiza íntegramente a través de una interfaz visual. Este tutorial le mostrará a mano cómo crear un Barra deslizante para suscripciones de correo electrónicoy configurarlo para que aparezca automáticamente después de que un visitante permanezca durante 4 segundos, perfecto para recopilar correos electrónicos de clientes potenciales, hacer promociones de eventos, mostrar mensajes importantes, etc.

Panel Avada Off Canvas

Avada Off Canvas Builder es un módulo de funciones avanzadas que viene con el tema Avada y le permite crear fácilmente varias áreas de contenido "fuera de la página", como por ejemploVentana emergenteLas siguientes son algunas de las características más populares de este producto: barra deslizante, menú desplegable, modal, etc.No es necesario instalar ningún complemento adicionaly altamente integrada con el comportamiento del usuario para lograr un marketing de precisión, interacción con el usuario, mejora funcional y otros fines.

El Constructor Off Canvas de Avada soporta los siguientes formularios comunes:

tipología	breve
Ventana emergente	Ventana modal centrada, utilizada habitualmente para alertas de eventos, notificaciones de anuncios, formularios de suscripción, etc.
Barra corredera	área de contenido que se desliza por la página y que suele utilizarse para mostrar ofertas, botones CTA, ventanas de chat, etc.
Menú Push	De forma similar al menú lateral para móviles, aleja el contenido de la página y desliza la navegación.
Menú desplegable	Deslizarse rápidamente como un menú para paneles tipo gadget como botones de inicio de sesión, navegación rápida, etc.
Alertas en la barra de notificaciones/esquina	Suele combinarse con una pantalla animada y se utiliza para notificar e incitar al usuario a actuar.

procedimiento

I. Entrar en Off Canvas Builder

• Inicie sesión en el backend de WordPress.
• Ir a la barra de menú de la izquierda Avada > Fuera del lienzo.
• Haga clic en la esquina superior derecha de la página "A?adir nuevo fuera de lienzo"(A?adir nuevo Off Canvas).
• Ponle un nombre, por ejemplo:Barra lateral de suscripción.
• Haga clic en "Crear nuevo fuera de lienzo".

II. Elegir una plantilla o empezar de cero

• ara?arA?adir contenedores y maquetar contenidos manualmente (para usuarios avanzados).
• Uso de plantillas de Avada Studio(Recomendado para principiantes):
  • golpe (en el teclado) "Estudio Avada" Botón.
  • En la galería de plantillas que aparece, filtre "Suscripción"Clasificación.
  • Elija una plantilla de deslizador que le guste (ej:Suscripción Barra corredera).
  • Haga clic en "Importar" y marque "Usar configuración local de color y fuente", luego importe la plantilla.

Contenido personalizado fuera del lienzo

Una vez importada la plantilla, verá la estructura preestablecida, que generalmente incluye:

• fotografía
• Título y texto explicativo
• Formulario (normalmente Avada Form)

Puede realizar los siguientes cambios para adaptarlos al estilo de su marca:

• Reemplace la imagen (haga clic en Imagen > Reemplazar medios).
• Modifique el contenido del texto (haga clic directamente en el editor de texto).
• Ajuste la copia del botón, por ejemplo, "Suscribirse ahora" a "Suscribirse ahora".
• Si necesita editar el contenido del formulario, diríjase al apartado Avada > Formularios Configurar página.

Configuración de la apariencia y el comportamiento fuera del lienzo

En la parte derecha del editor, verá varias pesta?as, que explicaremos sucesivamente:

Nombre del módulo	Descripción de la función
Configuración general	Tipo de panel de control (emergente, barra deslizante, etc.), posición, estado de apertura/cierre, etc.
Dise?o	Estilos visuales como fondo, borde, anchura, márgenes interior y exterior, sombra, etc.
Máscara de fondo superpuesta	Establezca si desea enmascarar el contenido de la página y personalice el color y la transparencia de la máscara.
Cerrar Cerrar control	Botón de control de apagado, máscara de clic de apagado, tecla ESC de apagado, tiempo de apagado automático, etc.
Animación	Establezca el tipo de animación de entrada y salida (deslizamiento, fundido, etc.)
Condiciones de uso	Controlar qué páginas se muestran
Disparadores Método de disparo	Controla cómo se activa Off Canvas
Reglas Mostrar reglas	Controle la frecuencia de visualización, la necesidad de conectarse o no, la fuente de acceso, el tipo de dispositivo, etc.
CSS / JS personalizados	Se pueden a?adir estilos y scripts personalizados (para usuarios avanzados)

1. Generalidades

• Tipo: Seleccione "Barra deslizante".
• Estado inicial: Configurado como "Cerrado".
• Posición: Ajustar a "Derecha".
• Transición: Seleccione "Empujar".

2. Dise?o

• establecercolor de fondoO fotos.
• A?ade bordes y sombras para una visión más tridimensional.
• Establezca la anchura, el espaciado y la alineación.

3. Superposición

• Activar fondo de máscaraCuando está marcada, la página se oscurece cuando aparece la ventana emergente, lo que atrae más la atención.

4. Cerrar

• Haciendo clic en la zona de la máscara se puede cerrar.
• golpe (en el teclado) ESC Cerrar.
• Establece si se muestra el botón Cerrar y la posición del botón.

5. Animación

• Se pueden establecer animaciones de entrada y salida, como deslizamiento, fundido, etc.

V. Ajuste de las condiciones de activación

Este paso determina el Lienzo desactivado ?Cuándo y cómo?.

1. Condiciones (en qué páginas)

• El valor predeterminado es "Todo el sitio".
• Puede configurarse para que sólo se muestre en la página de inicio, en la página del artículo o en la página de una categoría específica.

2. Activadores

Puedes elegir más de un disparador, y aquí te mostramos dos:

• Intención de salida: detecta que el usuario está listo para abandonar la página (se utiliza a menudo enventana emergente de alerta).
• Tiempo en página: Ajuste el tiempo de retardo para que aparezca, por ejemplo:
  • Activar "Tiempo en página"
  • ajustado a 4 segundos.

3. Normas (frecuencias y condiciones)

• Establezca si desea que se muestre sólo una vez o cada varios días.
• Se muestra en función del estado de inicio de sesión o del dispositivo (teléfono móvil/ordenador).
• Por ejemplo, sólo se mostrará en el móvil para los usuarios que no hayan iniciado sesión.

Sexto, guardar y probar el efecto

1. Pulse el botón "Guardar" en la esquina superior derecha.
2. Vuelva a la página de inicio del sitio y actualice la página.
3. Espera 4 segundos a que el deslizador se introduzca en la página desde la derecha y muestre lo que has configurado.

Consejos avanzados

• Puede crear varios Off Canvas, por ejemplo uno para las ventanas emergentes de anuncios y otro para los menús de navegación.
• Utilice la función "Importar/Exportar" para copiar rápidamente las configuraciones de Off Canvas en otros sitios.
• Combinación de Avada Forms + Mail Services (p. ej. Mailchimp) que permite automatizar el marketing por correo electrónico.

resúmenes

El Constructor de lienzos Avada Off le permiteCree fácilmente ventanas emergentes y paneles deslizantes atractivos y eficacesque se utilizan para captar la atención de los usuarios y mejorar los resultados de conversión. A través de la interfaz intuitiva, autobiblioteca de plantillasy ricas configuraciones de comportamiento para interacciones complejas incluso sin experiencia en programación. Para saber más sobre el tema Avada en acción, consulte este artículo, elTutorial de cuidado del tema Avada", que contiene la importación de plantillas del tema Avada, la configuración de la página, el dise?o de la página, los ajustes de integración de Woocommerce y otros conocimientos sobre el funcionamiento del tema Avada.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres