¿Cómo agregar un formulario de contacto de Joomla en una ventana emergente?

Durante los últimos días, he notado que las personas están activando su formulario de contacto en la ventana emergente para llamar la atención de un visitante. Y sí, funciona de maravilla.

Si su formulario es atractivo y tiene una llamada a la acción perfecta, existe un 95% de posibilidades de que un usuario envíe sus datos de contacto.

También he notado que algunas personas activan una ventana emergente cuando un visitante hace clic en el botón Contáctenos y otras activan una ventana emergente cuando un usuario está a punto de irse o pasar unos minutos en su sitio web. . Todo depende del comportamiento de sus usuarios y de su negocio.

Crea un formulario de contacto

Primero, debe crear un formulario de contacto que desee mostrar a su visitante. En este tutorial, usaré Convert Forms. Convertir formularios es un creador de formularios de contacto líder en Joomla que le ayuda a diseñar formularios de conversión perfectos para su sitio web Joomla que encajan en una lista cada vez mayor de servicios de campañas de terceros líderes como MailChimp, GetResponse y ActiveCampaign.

Si aún no tiene los formularios de conversión, Descárgalo ahora gratis.

Después de una instalación exitosa, el siguiente paso es crear un formulario Joomla con Convert Forms. Aquí hay una guía paso a paso sobre cómo crear un formulario con Convertir formularios.

¿Cómo cargar formularios de conversión en Popup?

Para cargar los formularios de conversión en la ventana emergente, necesitaremos otra extensión Joomla Popup -EngageBox. Es la mejor extensión de generación de prospectos y ventanas emergentes de Joomla que convierte visitantes en suscriptores y clientes.

Entonces, si no lo ha comprado, consiguelo ahora e instálelo en su sitio web Joomla.

Crea una ventana emergente

Para crear su primera ventana emergente,

Ir hacia Componente> EngageBox> Nuevo.

Cuando haga clic en Nuevo, será llevado a la siguiente pantalla. Por defecto tu Texto libre Tipo de caja. Si no es así, elija el tipo de cuadro de texto libre en.

Elija Texto libre.jpg


Ahora debe ingresar el código corto de su formulario en el campo Texto.

Para obtener un código corto,

  • Ir hacia Componentes> Convertir formularios> Formularios
  • Mientras está en la vista de lista de sus formularios, busque el formulario que le interesa y coloque el cursor sobre el ícono de «enlace de cadena» a la derecha de la fila de formularios. Vea la captura de pantalla a continuación.

Convertir código corto de formularios


Tenemos el formulario Shortcode. Todo lo que tenemos que hacer es ingresar este código en el campo de texto Engagebox. Ingrese el código aquí.

EngageBox


Finalmente, haga clic en el Guardar y cerrar botón.

Ahora su formulario de contacto se activará en la ventana emergente

Otros beneficios de usar EngageBox

  • Puede configurar fácilmente la posición de su ventana emergente, es decir, arriba a la izquierda, arriba a la derecha, abajo a la izquierda, abajo al centro, abajo a la derecha o al centro.
  • Puede configurar fácilmente cuándo se activa la ventana emergente.
    • por desplazamiento -% de la altura de la página: Aumente a un cierto porcentaje de la altura de la página.
    • en Scroll – Elemento: Se activa cuando aparece un elemento en la ventana.
    • en la página lista: Activar inmediatamente después de que la página esté lista.
    • al cargar la página: Se activa después de cargar toda la página.
    • al salir de la página (intención de salida): Se activa cuando el usuario tiene la intención de abandonar su sitio web. (No funciona en dispositivos táctiles)
    • en el elemento Hover: Se activa cuando el usuario se desplaza sobre un elemento específico.
    • bajo demanda (usando llamadas a API): Activación mediante la API de eventos de JavaScript EngageBox.
  • Puede establecer fácilmente la frecuencia con la que debe aparecer la ventana emergente para el visitante único
  • Puedes agregar hermosas animaciones.


Comparte en redes sociales:

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de sus datos para estos propósitos. Más información
Privacidad