¿Busca una forma de abrir un formulario de contacto en una ventana emergente en su sitio web de WordPress? En esta publicación, le mostraré más formas en que puede crear un formulario de contacto emergente de WordPress usando complementos. Puede solicitar a los usuarios que haga clic en un botón que abre el formulario de contacto en una ventana emergente. O puede activar automáticamente el formulario de contacto de acuerdo con diferentes condiciones. En primer lugar, le mostraré cómo hacerlo usando una combinación 100% gratuita de un complemento emergente y un complemento de formulario. Luego le mostraré cómo puede hacer esto utilizando un solo complemento con la versión paga de Elementor (Elementor Pro).
Las dos formas de abrir un formulario de contacto en una ventana emergente en WordPress, comenzando a partir de ahora … cómo crear un formulario de contacto emergente gratuito aquí hay un ejemplo de lo que creará con este método:
Después de mostrarle cómo abrir la ventana emergente después de que el visitante haga clic en un botón, compartiré algunas formas de iniciar automáticamente la ventana emergente. Para obtener esta funcionalidad, necesitará dos complementos gratuitos:
Fabricante emergente: este complemento le permite crear la ventana emergente que aloja el formulario de contacto y activar ese emergente cuando un usuario hace clic en un botón.
WPFFORMS (o complemento de formulario de contacto preferido)-Para este tutorial, usaré WPFFORMS para crear el formulario de contacto que ingresa a la ventana emergente. Sin embargo, debería poder usar cualquier complemento de formulario de contacto que le permita incorporar formularios mediante un código corto.
Continúe e instale y active ambos complementos. Luego, aquí está cómo configurar todo … Paso 1: Cree su formulario de contacto para iniciar, cree el formulario de contacto que desea incluir en la ventana emergente utilizando su complemento favorito.
El artículo continúa a continuación
Si usa WPFORMS para esto, puede acceder a WPForms → Adición nueva para crear su formulario de contacto. Nuestra revisión WPFFORMS le mostrará cómo usar el complemento para crear un formulario si necesita un poco de ayuda. Después de haber terminado con el formulario, haga clic en el botón Incorpate y copie el formulario corto del formulario, ya que lo necesitará en el siguiente paso:
Paso 2: Cree su ventana emergente Una vez que haya terminado el formulario, está listo para crear la ventana emergente que realmente alojará el formulario. Para hacer esto, vaya al fabricante emergente → Agregar ventana emergente. Luego inserte el código de incorporación para el formulario de contacto en el cuerpo del editor de texto:
También puede agregar texto alrededor del formulario de contacto si lo desea. Y a continuación en la interfaz, puede usar las pestañas de pantalla y cierre para personalizar la forma en que se ve la ventana emergente:
Sin embargo, el único requisito absoluto aquí es agregar el código de incorporación de formulario al editor de texto. Cambiar cualquier otra configuración es opcional.
El artículo continúa a continuación
Cuando haya terminado, asegúrese, puede publicar POP – Up. Paso 3: Cree un botón para abrir la ventana emergente para completar las cosas, debe crear el botón en el que los visitantes harán clic para abrir la ventana emergente con el formulario de contacto. Para que el botón abra el formulario de contacto, deberá agregar una clase CSS muy específica. Aquí hay un ejemplo del botón HTML:
Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.
homefinance blog
