Cómo añadir formularios emergentes en WordPress

formulario emergenteSi las ventanas emergentes se muestran en el momento y el lugar adecuados, pueden ser eficaces para captar la atención de los usuarios y dirigirlos a realizar acciones específicas, como suscribirse a un boletín o completar una compra.

En este detallado tutorial, le guiaremos paso a paso sobre cómo utilizar la función Plugin de WordPressCrear y personalizar formularios emergentes. Utilizaremos el OptinMonsterEste es el principal constructor de popups para WordPress que le ayudará a crear fácilmente popups profesionales y eficientes.

¿Qué es OptinMonster?

OptinMonster es una potente herramienta diseñada específicamente para ayudar a los webmasters a crear atractivos pop-ups. Si desea mostrar ofertas especiales, recoger direcciones de correo electrónico, o guardar su pronto-a-ser suscriptores perdidos, OptinMonster tiene lo que usted necesita.

La potencia de OptinMonster reside en sus precisas reglas de segmentación. Por ejemplo, las ventanas emergentes pueden configurarse para que se muestren cuando un usuario está viendo una página específica, está a punto de abandonar el sitio, ha estado inactivo durante mucho tiempo o se ha desplazado hasta un determinado punto de la página. Este control tan preciso puede mejorar significativamente la experiencia del usuario, al tiempo que ayuda a optimizar el SEO.

Preparación antes de empezar

Antes de empezar a crear un formulario emergente, en primer lugar, elRegístrese para obtener una cuenta OptinMonstery asegúrese de haber iniciado sesión en su cuenta en una pestaña independiente del navegador. Requiere instalación y activación en el sitio web de WordPress. Plugin conector gratuito para OptinMonster. El plugin puede descargarse del repositorio de WordPress.org y, una vez instalado, conectará su sitio de WordPress con su cuenta de OptinMonster.

Una vez que el plugin esté activado y conectado correctamente a su cuenta, puede empezar aestablecerSu primer formulario emergente de WordPress.

Paso 1: Crear una campaña emergente

1. Ir a OptinMonster PluginEn el panel de control de WordPress, vaya a la sección OptinMonster " Ventana emergente opción. Esto abre la biblioteca de plantillas de OptinMonster, de la que puede seleccionar una plantilla de ventana emergente adecuada.

2. Seleccionar una plantilla de ventana emergenteEn la galería de plantillas, seleccione "Popup" como tipo de campaña y navegue por las plantillas disponibles. Una vez que haya encontrado una plantilla que se adapte a sus necesidades, pase el ratón sobre ella y haga clic en "Uso de plantillas"Botón

3. Nombre de la campañaA continuación, unventana emergenteLas campañas de OptinMonster reciben el nombre de sus campañas publicitarias. Esto es sólo para uso interno para ayudarle a gestionar y organizar todas las campañas de OptinMonster.

Paso 2: Personalizar la ventana emergente

Una vez que haya seleccionado una plantilla y haya asignado un nombre a su campaña, accederá a la interfaz de creación de campañas de OptinMonster.

Aquí, las ventanas emergentes pueden personalizarse totalmente.

1. Edición del contenido del textoHaga clic en el cuadro de texto de la ventana emergente para editarlo y sustituirlo directamente por el suyo. Las fuentes, el formato y el tama? o pueden modificarse con la barra de herramientas de edici?
2. Cambiar imagen: Seleccione la imagen en la ventana emergente y, a continuación, en la barra de tareas de la izquierda, seleccione "Imágenes de sustitución". Las imágenes pueden cargarse desde el ordenador local o desde la aplicación Unsplash Selecciona una imagen de la biblioteca de imágenes. Cuando hayas terminado, también puedes ajustar la alineación, la anchura y el texto alternativo de la imagen.
3. CTA personalizado botonesHaga clic en la ventana emergente CTA modificando su contenido textual y los destinos de los enlaces. Es posible determinar lo que ocurre cuando un usuario hace clic en un botón (por ejemplo, saltar a una página específica o enviar un formulario). También es posible modificar el contenido del texto y el destino del enlace de un botón OptinMonster Se ofrecen opciones avanzadas para cambiar el estilo, el fondo, la fuente, etc. de los botones.
4. Añadir un nuevo bloqueSi necesita añadir un nuevo elemento, puede arrastrarlo y soltarlo en el área de previsualización. Por ejemplo, se puede añadir un bloque de formulario incrustado colocando el botón WPForms o el shortcode de otro plugin de formulario incrustado en la ventana emergente.

5. Mensaje de configuración correcta: Cambia a la parte inferior de la página del constructor en "éxitos"edite el mensaje de éxito que se muestra después de que el usuario envíe el formulario. Asegúrese de que el mensaje de éxito es coherente con su estilo de diseño general.
6. Preservación del diseño: Una vez finalizado el diseño y la personalización de la ventana emergente, haga clic en la parte superior del constructor "guardar (un archivo, etc.) (informática)"para guardar los cambios.

Paso 3: Añadir reglas de posicionamiento a la ventana emergente

La eficacia de las ventanas emergentes depende en gran medida de sus reglas de visualización. OptinMonster proporciona una amplia gama de reglas de posicionamiento para ayudarle a controlar con precisión el momento y la ubicación de las ventanas emergentes.

1. Cambiar a la pestaña Reglas de visualización: En la barra de menú superior, pase a "Normas de visualización". Por defecto, OptinMonster está configurado para mostrar una ventana emergente después de que el usuario permanezca en la página durante al menos 5 segundos.

2. Establecer reglas personalizadasRegla predeterminada: Haga clic en la opción Regla predeterminada y seleccione otra regla. Por ejemplo, puede seleccionar "Intenciones de retirada"que muestra una ventana emergente cuando detecta que el usuario está a punto de abandonar el sitio. También existe la opción de mostrar ventanas emergentes en dispositivos específicos o páginas concretas, o incluso de personalizar las reglas de visualización de ventanas emergentes en función de la ubicación geográfica del usuario o del tipo de dispositivo.

3. Añadir reglas avanzadas: Se pueden establecer otras reglas, como mostrar una ventana emergente cuando el usuario se desplaza hasta una determinada posición en la página, o cuando el usuario se encuentra en una página específica (como la páginapágina de pago) sobre la visualización de ventanas emergentes cuando está a punto de marcharse. Estas reglas le ayudan a mostrar las ventanas emergentes en el momento y lugar más adecuados, lo que aumenta las conversiones.
4. Añade animaciones y efectos de sonido (opcional)OptinMonster le permite añadir animaciones y efectos de sonido a las ventanas emergentes para mejorar la experiencia del usuario. Asegúrese de guardar los cambios una vez completados los ajustes.

Paso 4: Integración con el correo electrónico y las herramientas de análisis

Para un seguimiento y una gestión eficaces de los nuevos clientes potenciales, las ventanas emergentes pueden combinarse con un servicio de marketing por correo electrónico o un CRM Integración de sistemas.OptinMonster Ofrece opciones de integración con múltiples plataformas, como HubSpot, Constant Contact, Mailchimp y Zapier.

1. Servicios integrados de marketing por correo electrónico: en "integrado (como en circuito integrado)"seleccione el servicio de correo electrónico al que desea conectarse y siga las instrucciones en pantalla para completar la integración. De este modo, los nuevos clientes potenciales se enviarán automáticamente a su lista de correo electrónico y podrán etiquetarse y categorizarse automáticamente.
2. Configuración del complemento SMTPSi envía correos electrónicos en WordPress, asegúrese de instalar y configurar la función Plugin SMTPpara garantizar que los correos electrónicos se envían y reciben sin problemas.
3. Habilitar la analíticaOptinMonster: OptinMonster incluye análisis integrados para realizar un seguimiento de las visitas, los clics y los ingresos de sus campañas publicitarias. Si desea realizar un seguimiento de la eficacia de las ventanas emergentes en Google Analytics, puede integrar OptinMonster con Google Analytics para obtener un análisis de datos más detallado.

Paso 5: Publicar Popups en WordPress

Una vez que haya terminado de diseñar y configurar su ventana emergente, puede publicarla en su sitio de WordPress.

1. Cambiar a la pestaña PublicaciónEn el constructor de campañas de OptinMonster, abra la sección "escriba a"Pestaña Aquí puede conectar la campaña a varios sitios y ver un resumen de la configuración de la ventana emergente.
2. Establecer el estado "Publicado: Establece el estado de la ventana emergente en "escriba a". Verá que la barra de menú superior cambia a "Publicado"con una marca de verificación verde.
3. Ventana emergente de vista previaAntes de publicar, puede previsualizar el efecto de la ventana emergente utilizando la herramienta de prueba de campaña proporcionada por OptinMonster. Esto mostrará una vista previa en vivo de la ventana emergente en el sitio web o en una página específica.
4. Activar Popups en WordPressEn el panel de control de WordPress, vaya a la sección OptinMonster " Campañas página. Asegúrese de hacer clic en "escriba a" para establecer el estado de la campaña en "Publicado". De esta forma, tus pop-ups empezarán a aparecer en tu web y a interactuar con tus visitantes.

5. Ver datos analíticosUna vez que el usuario comienza a interactuar con la ventana emergente, los detalles se pueden ver en el panel de OptinMonster.Información estadística.. Esto incluye el número de visitantes, las tasas de conversión y los detalles de conversión. El análisis de los iconos también proporciona información sobre el rendimiento de todas las campañas de OptinMonster y permite tomar decisiones basadas en datos.

resúmenes

Aprenda a utilizar OptinMonster en un sitio web WordPress con este tutorial.Creación y publicación de formularios emergentes.. Las ventanas emergentes son una herramienta eficaz para impulsar la participación de los usuarios, aumentar las suscripciones y mejorar las tasas de conversión. Con las potentes reglas de segmentación y opciones de personalización de OptinMonster, puede asegurarse de que las ventanas emergentes se muestren en el momento y lugar más adecuados para maximizar la atención del usuario e impulsar la acción.