Cómo agregar un formulario de contacto emergente de WordPress (luz)

¿Busca una manera fácil de agregar un formulario de contacto emergente de WordPress a su sitio? Un formulario de contacto emergente hace que los visitantes de su sitio se comuniquen con usted muy fácilmente. La ventana emergente aparece en la misma página donde están los visitantes, para que no tengan que pasar tiempo tratando de encontrar la página de contacto. Y puede configurar una ventana emergente para que se active exactamente cuando desea que los visitantes la vean. El único problema es que puede ser muy difícil crear una ventana emergente de formulario de contacto. Si intenta resolver su problema con un complemento, ¿qué complemento usa? ¿Utiliza un complemento emergente o un complemento de formulario de contacto? ¿O tienes que usarlos a ambos?
¿Y cuál de los más de 150 complementos es adecuado para las necesidades de su negocio? En este artículo, respondemos estas preguntas y le mostramos paso a paso cómo agregar un formulario de contacto emergente de WordPress en su sitio que buceamos. Antes de agregar el formulario de contacto emergente de WordPress para aclarar algo antes de comenzar a crear un formulario. Hay muchas formas de crear un formulario de contacto emergente de WordPress. Sí, puede hacerlo con complementos emergentes y formularios. Pero en este artículo, suponemos que no tiene experiencia de codificación. También suponemos que esta es la primera vez que agrega un formulario de contacto de cualquier tipo en su sitio web de WordPress.
Y es por eso que le mostraremos la forma más simple posible de crear e integrar un formulario de contacto emergente de WordPress como este:

Nuestro método combina un complemento de WordPress con un complemento emergente de WordPress. Confíe en nosotros cuando lo decimos: este enfoque reducirá las horas de trabajo. Entonces dividiremos todo el proceso en dos partes: crear una forma de WordPress
Incorporando el formulario en una ventana emergente
¿Suena bien? Ahora estamos listos para comenzar. Cómo crear un formulario de contacto de WordPress En primer lugar, necesitará un complemento para el formulario de contacto para crear un formulario de contacto de WordPress.
Paso #1: Seleccione un complemento para el formulario de contacto de WordPress que recomendamos usar WPFORMS para crear un formulario de contacto de WordPress.
WPFORMS es el complemento #1 para WordPress Formula Generator, con más de 3 millones de usuarios. Obtenga un generador de formulación deslizándose y colocación, lo que significa que puede crear formas de WordPress con características increíbles en unos minutos. Paso 2: Cree un nuevo formulario Una vez que esté configurado el complemento, desea crear un nuevo formulario yendo a WPForms »Agregar nuevo desde el panel de WordPress:

Y seleccione la plantilla de formulario simple:

Personalice el formulario utilizando el generador de formulación deslizante y el lugar:

Paso #3: Obtenga el formulario de contacto de código corto después de finalizar la creación de un formulario de contacto, asegúrese de hacer clic en el botón Guardar en la esquina superior derecha para guardar sus cambios. Luego haga clic en la opción de incorporación en la esquina superior, cerca del botón Guardar. Cuando aparezca una nueva ventana, seleccione la opción de usar un código corto.

¡Eso es todo! He terminado. A continuación, incorporaremos este formulario en una ventana emergente utilizando el código corto. Si esta es la primera vez que usa WPFORMS, debe consultar nuestro tutorial sobre cómo crear un formulario de contacto en WordPress para obtener instrucciones más detalladas. Cómo incorporar su formulario de contacto en una ventana emergente para crear una ventana pop -up de contacto Formulario, necesitará un complemento emergente de WordPress. Paso.

OptinMonster es las herramientas de conversión Set 1 en el mundo y las usé solas. OptinMonster hace que sea muy simple crear ventanas emergentes fuertes que se conviertan. Y nunca tendrá que usar ninguna codificación. Paso 2: Cree una campaña emergente Continuar y regístrese en OptinMonster. Luego, en el tablero OptinMonster, presione el botón Crear campaña:
En la siguiente pantalla, deberá seleccionar un tipo de campaña. Puede elegir elegir una plantilla probada de los libros de jugadas o plantillas OptInmonster, pero usaremos el modo Canvas para crear emergentes:

Luego seleccione el tipo de campaña POP –Up:

Luego nombra tu campaña para comenzar:


Paso 3: Agregue el código corto al formulario de contacto emergente de WordPress utilizando el generador de deslizamiento y colocación en OptinMonster, puede editar la plantilla emergente. Para comenzar, haga clic en el botón + Agregar bloques en la parte superior:

Para agregar el código corto, debe extraer y colocar el bloque de diseño HTML en la vista previa del diseño:

Ingrese el código corto copiado en su bloque HTML OptInmonster, donde escribe Agregar HTML aquí: IMPORTANTE: No verá el formulario de contacto en la vista previa. Verá el código corto solo en la vista previa. Se crea un shortcode para WordPress y no para el tablero OptinMonster. Entonces es perfectamente normal si ves algo como esto:

El formulario funcionará perfectamente una vez que publique la ventana emergente en su sitio web Paso #4: Configure el formulario de contacto emergente de WordPress, entonces puede acceder a las reglas de visualización de la parte superior para elegir cuando la ventana emergente debe aparecer en su sitio web :

Por defecto, OptinMonster establecerá que se active la ventana emergente cuando la hora en la página sea de 5 segundos. Además, por defecto, la ventana emergente aparecerá en todas las páginas. Sin embargo, puede cambiar la configuración de la regla de configuración y seleccionar diferentes desencadenantes y opciones de dirección. Recomendamos usar Monsterink (haga clic en dirección). De esta manera, su ventana emergente aparecerá cuando un visitante haga clic en un enlace o botón:

Después de eso, puede hacer clic en el código Copiate Monsterink y puede agregarlo a cualquier texto, imagen o botón en su sitio:

Si desea usar un botón personalizado en su sitio, solo puede copiar URL en el código Monsterink. Luego pegue el enlace a cualquier botón en WordPress. Paso 5: Publique el formulario de contacto emergente de WordPress Cuando esté satisfecho con el aspecto de su campaña, cambie el estado de publicación en la publicación:

¡Y terminaste! Si ha seguido cada paso por el camino, debe ver este formulario de contacto en su sitio web:

¿Que sigue? ¡Eso es todo por eso, buena gente! Cuéntanos si este artículo ha ayudado. Crear ventanas emergentes en su sitio puede ayudarlo a convertir su tráfico en correo electrónico y potenciales clientes comerciales. Y le recomendamos que cree un formulario de contacto emergente de WordPress inmediatamente. Luego, querrá enviar más tráfico a su sitio para que la ventana emergente pueda hacer su magia. Y si está buscando una forma accesible de aumentar su tráfico, recomendamos usar notificaciones push. Las notificaciones push pueden ayudarlo a generar un tráfico y participación más repetidos en el sitio. También puede crear campañas automáticas de notificación push que generen ventas. ¿No estás convencido? Consulte estos recursos:

7 estrategias inteligentes para estimular la participación del cliente

¿Son efectivas las notificaciones push? 7 estadísticas + 3 consejos de expertos

Cómo configurar las notificaciones push para la canasta abandonada (tutorial fácil)
Recomendamos usar Pushengage para crear sus campañas de notificación push. Pushengage es el software de notificación push número 1 en el mundo. Entonces, si aún no lo ha hecho, ¡comience con Pushngage hoy!