¿Buscas una forma fácil de añadir un formulario de contacto emergente de WordPress en tu sitio?
Un formulario de contacto emergente facilita enormemente que los visitantes de tu sitio se pongan en contacto contigo. El emergente aparece en la misma página en la que se encuentran los visitantes, por lo que no tienen que perder tiempo intentando encontrar la página de contacto. Y puedes configurar un emergente para que se active exactamente cuando quieras que tus visitantes lo vean.
El único problema es que puede ser realmente difícil crear un formulario de contacto emergente desde cero. Si intentas resolver tu problema con un plugin, ¿qué plugin usas? ¿Usas un plugin de emergentes o un plugin de formularios de contacto? ¿O tienes que usar ambos?
¿Y cuál de los más de 150 plugins se adapta a las necesidades de tu negocio?
En este artículo, respondemos a estas preguntas y te mostramos paso a paso cómo añadir un formulario de contacto emergente de WordPress a tu sitio.
Vamos a ello.
Antes de añadir tu formulario de contacto emergente de WordPress
Aclaremos algo antes de empezar a crear un formulario.
Hay MÚLTIPLES formas de crear un formulario de contacto emergente de WordPress. Sí, puedes hacerlo usando plugins de emergentes y plugins de formularios por igual. Pero en este artículo, asumimos que tienes cero experiencia en codificación. También asumimos que es la primera vez que añades un formulario de contacto de cualquier tipo a tu sitio de WordPress.
Y es por eso que te vamos a mostrar la forma más fácil posible de crear e integrar un formulario de contacto emergente de WordPress como este:
Nuestro método combina un plugin de formularios de WordPress con un plugin de emergentes de WordPress.
Confía en nosotros cuando te decimos: este enfoque te ahorrará HORAS de trabajo.
Así que, vamos a dividir todo el proceso en dos partes:
¿Suena bien? Ahora, estamos listos para empezar.
Cómo crear un formulario de contacto de WordPress
Primero lo primero, necesitarás un plugin de formularios de contacto para crear un formulario de contacto de WordPress.
Paso n.º 1: Seleccionar un plugin de formularios de contacto de WordPress
Recomendamos usar WPForms para crear un formulario de contacto de WordPress.
WPForms es el plugin creador de formularios de WordPress n.º 1 con más de 3 millones de usuarios. Obtienes un creador de formularios de arrastrar y soltar, lo que significa que puedes crear formularios de WordPress con características increíbles en cuestión de minutos.
Paso n.º 2: Crear un nuevo formulario
Una vez que el plugin esté configurado, querrás crear un nuevo formulario yendo a WPForms » Añadir nuevo desde tu panel de WordPress:
Y selecciona la plantilla Formulario simple:
Personaliza el formulario usando el creador de arrastrar y soltar:
Paso n.º 3: Obtener el shortcode de tu formulario de contacto
Una vez que hayas terminado de crear un formulario de contacto, asegúrate de hacer clic en el botón Guardar en la esquina superior derecha para guardar tus cambios. Luego, haz clic en la opción Incrustar en la esquina superior junto al botón Guardar. Cuando aparezca una nueva ventana, selecciona la opción usar un shortcode.
¡Eso es todo! Ya está. A continuación, vamos a incrustar este formulario en un emergente usando el shortcode.
Si es la primera vez que usas WPForms, deberías consultar nuestro tutorial sobre cómo crear un formulario de contacto en WordPress para obtener instrucciones más detalladas.
Cómo Incrustar Tu Formulario de Contacto en una Ventana Emergente
Para crear una ventana emergente de formulario de contacto, necesitarás un plugin de ventanas emergentes para WordPress.
Paso n.º 1: Selección de un Plugin de Ventanas Emergentes para WordPress
Recomendamos usar OptinMonster para crear ventanas emergentes instantáneas para WordPress.
OptinMonster es el kit de herramientas de conversión n.º 1 del mundo y lo hemos utilizado nosotros mismos. OptinMonster hace que sea muy sencillo crear potentes ventanas emergentes que convierten. Y nunca tendrás que usar ningún código.
Paso n.º 2: Crear una Campaña de Ventana Emergente
Regístrate en OptinMonster. Luego, en el panel de control de OptinMonster, pulsa el botón Crear Campaña :
En la siguiente pantalla, tendrás que seleccionar un tipo de campaña. Puedes elegir una plantilla probada de los Playbooks o Plantillas de OptinMonster, pero vamos a usar el modo Canvas para crear la ventana emergente:
Luego, selecciona el tipo de campaña Popup :
Luego, ponle nombre a tu campaña para empezar:
Paso n.º 3: Añadir el Shortcode a Tu Formulario de Contacto Emergente de WordPress
Usando el constructor de arrastrar y soltar en OptinMonster, puedes editar tu plantilla de ventana emergente. Para empezar, haz clic en el botón + Añadir Bloques en la parte superior:
Para añadir tu shortcode, querrás arrastrar y soltar el bloque de diseño HTML en la vista previa de tu diseño:
Introduce el shortcode copiado en tu bloque HTML de OptinMonster, donde dice Añadir HTML aquí :
IMPORTANTE: No verás el formulario de contacto en la vista previa. Solo verás el shortcode en la vista previa. El shortcode está hecho para WordPress y no para el panel de control de OptinMonster. Por lo tanto, es perfectamente normal si ves algo como esto:
El formulario funcionará perfectamente una vez que publiques la ventana emergente en tu sitio.
Paso n.º 4: Configurar las Reglas de Visualización del Formulario de Contacto Emergente de WordPress
A continuación, puedes ir a la pestaña Reglas de Visualización en la parte superior para elegir cuándo debe aparecer la ventana emergente en tu sitio web:
Por defecto, OptinMonster configurará la ventana emergente para que se active cuando el tiempo de permanencia en la página sea de 5 segundos. Además, por defecto, la ventana emergente aparecerá en todas las páginas. Sin embargo, puedes cambiar la configuración de las reglas de visualización y seleccionar diferentes activadores y opciones de segmentación.
Recomendamos usar MonsterLink (segmentación al hacer clic). De esta manera, tu ventana emergente aparecerá cuando un visitante haga clic en un enlace o un botón:
Después de eso, puedes hacer clic en el botón Copiar Código MonsterLink y añadirlo a cualquier texto, imagen o botón de tu sitio web:
Si quieres usar un botón personalizado en tu sitio, simplemente puedes copiar la URL del código MonsterLink. Luego, solo tienes que pegar el enlace en cualquier botón de WordPress.
Paso n.º 5: Publicar Tu Formulario de Contacto Emergente de WordPress
Cuando estés satisfecho con la apariencia de tu campaña, cambia el Estado de Publicación de Borrador a Publicado :
¡Y listo!
Si has seguido todos los pasos, deberías ver este formulario de contacto aparecer en tu sitio:
¿Qué Sigue?
¡Eso es todo por ahora, amigos!
Haznos saber si este artículo te ha sido útil. Crear ventanas emergentes en tu sitio puede ayudarte a convertir tu tráfico en suscriptores de correo electrónico y clientes potenciales de negocio reales. Y te recomendamos encarecidamente que crees un formulario de contacto emergente de WordPress de inmediato.
A continuación, querrás dirigir más tráfico a tu sitio para que la ventana emergente pueda hacer su magia.
Y si buscas una forma asequible de aumentar tu tráfico, te recomendamos usar notificaciones push. Las notificaciones push pueden ayudarte a atraer más tráfico recurrente y a aumentar la interacción en el sitio. También puedes crear campañas automatizadas de notificaciones push que generen ventas.
¿No estás convencido? Consulta estos recursos:
- 7 estrategias inteligentes para aumentar la participación del cliente
- ¿Son efectivas las notificaciones push? 7 estadísticas + 3 consejos de expertos
- Cómo configurar notificaciones push de carritos abandonados (tutorial fácil)
- Cómo añadir un plugin de WordPress de notificaciones web a tu sitio
Te recomendamos usar PushEngage para crear tus campañas de notificaciones push. PushEngage es el software de notificaciones push número 1 del mundo. Por lo tanto, si aún no lo has hecho, ¡empieza con PushEngage hoy mismo!
