Cómo crear una ventana emergente en WordPress 2022

El mejor plugin para crear ventanas emergentes en WordPress 2022 (paso a paso)

Cómo crear una ventana emergente en WordPress 2022

¿Desea utilizar ventanas emergentes para mejorar la participación, los clientes potenciales y las ventas en su sitio web de WordPress?

Las ventanas emergentes pueden ayudarle a llamar la atención del visitante para que realice acciones como, por ejemplo, suscribirse a un boletín de noticias, comprar algo, acudir a una venta flash, etc.

¡Hay tantas opciones con las ventanas emergentes! En este tutorial, le mostraremos la mejor manera de crear una ventana emergente en WordPress.

Lo que debe saber antes de crear una ventana emergente en WordPress

No hace mucho tiempo, las ventanas emergentes tenían mala reputación por ser intrusivas, agresivas y simplemente molestas. Y por una buena razón. Los sitios web han abusado de las ventanas emergentes y las muestran donde pueden.

Este tipo de estrategia no genera una tasa de conversión, sino que puede alejar a los visitantes de su sitio.

En su lugar, dirija sus anuncios a sus clientes en el momento y lugar adecuados, donde es más probable que conviertan. Si les muestra una oferta o un eslogan relevante, tendrá más posibilidades de convertirlos en suscriptores y clientes.

Para crear bonitas ventanas emergentes que realmente funcionen y produzcan resultados, recomendamos utilizar una herramienta potente como OptinMonster.

optinmonster-
optinmonster

OptinMonster es, de lejos, el mejor plugin creador de ventanas emergentes para WordPress que existe. Le permite crear cualquier tipo de campaña de conversión o de generación de contactos en su sitio web. Esto significa que no está limitado a las ventanas emergentes. También puede crear barras flotantes, diapositivas, cuadros de desplazamiento, formularios incrustados, alfombras de pantalla completa y mucho más.

OptinMonster funciona con cualquier sitio web, incluyendo Shopify, BigCommerce y sitios HTML. Existe un plugin especial en el repositorio de WordPress para sitios de WordPress y WooCommerce. Esto le permite acceder al generador de ventanas emergentes de OptinMonster directamente desde el panel de administración de su sitio web.

OptinMonster está diseñado para que cualquiera pueda realizar grandes campañas sin necesidad de tener conocimientos de diseño o programación.

Hay plantillas hermosas, responsivas y listas para usar. Puede encontrar una plantilla para casi cualquier festividad y propósito de marketing, como Navidad y Black Friday.

optinmonster

Una vez que hayas elegido una plantilla, puedes personalizarla con el sencillo creador de campañas de arrastrar y soltar.

La principal razón por la que recomendamos OptinMonster ahora es porque viene con potentes reglas de segmentación y activadores de campaña. Algunas de ellas son:

  • Al hacer clic: muestra una ventana emergente cuando el usuario hace clic en un botón, enlace o imagen
  • Profundidad de desplazamiento: interactúe con los visitantes interesados en su contenido
  • Geolocalización: interactuar con los visitantes en función de su entorno
  • Hora y fecha: programar las campañas para que aparezcan en fechas y horas determinadas
  • Intento de salida: restaurar los visitantes abandonados
  • Nivel de página: personalizar las campañas en función de la intención de la página.

Y esas son sólo algunas reglas populares. En OptinMonster usted tiene el control total sobre dónde, cuándo y a quién se muestra su ventana emergente.

Además de todas estas características, OptinMonster se integra perfectamente con los proveedores de correo electrónico y otras herramientas de marketing.

Una vez que su ventana emergente haya recibido algunas interacciones, OptinMonster hará un seguimiento de su rendimiento y proporcionará información valiosa para ver cuántas personas lo vieron y cuántas se convirtieron.

¿Estás listo para aprender a hacer una ventana emergente de alta conversión para tu sitio de WordPress? Vamos a sumergirnos en el tutorial.

La forma correcta de crear una ventana emergente en WordPress

Para seguir esta guía, necesitarás crear una cuenta de OptinMonster.

OptinMonster no tiene una prueba gratuita, pero sus planes son asequibles y valen cada centavo. Puedes empezar con una garantía de devolución del dinero de 14 días por sólo 9 dólares al mes.

Después de iniciar sesión, vaya a su sitio de WordPress e instale el plugin OptinMonster.

Es un plugin conector de WordPress que está disponible de forma gratuita en el repositorio de WordPress.

Al activar el plugin de WordPress, un asistente de configuración automática le ayudará a conectar su sitio con su cuenta de OptinMonster.

Una vez que haya terminado, puede ir al tablero de OptinMonster en el panel de administración de WordPress y comenzar a crear campañas.

Este es un ejemplo del tipo de ventana emergente que vamos a crear hoy. Está diseñado para animar a los visitantes del sitio web a suscribirse a los boletines de noticias ofreciéndoles un imán básico.

popup
Ejemplo

Tenga en cuenta que OptinMonster tiene muchas plantillas, por lo que puede elegir un diseño que se adapte a sus objetivos de marketing. Puede crear cualquier tipo de ventana emergente, incluyendo un descuento, una venta, una notificación, un formulario de contacto, etc.

Cómo crear una ventana emergente en WordPress 2022

Paso 1: Crear una campaña de ventanas emergentes

Abra la página del plugin OptinMonster en su panel de control de WordPress. Aquí puede ver los diferentes tipos de campañas disponibles. Sigamos adelante y seleccionemos una campaña «popup».

Paso 1

Esto abrirá la biblioteca de plantillas, donde podrá buscar, examinar y seleccionar la plantilla que desee. Para este tutorial elegimos una plantilla de imán que está precargada con un formulario de afiliación, CTA (llamada a la acción) y una imagen impresionante.

Siéntase libre de elegir la plantilla que le guste. Los pasos siguientes son los mismos para todos los temas contextuales.

paso2

Cuando elija una plantilla, OptinMonster le pedirá que añada un nombre para que la nueva ventana emergente pueda ser identificada posteriormente en la lista de campañas que haya creado. A continuación, haga clic en el botón «Empezar a construir».

Ahora se encuentra en el Constructor de Campaña de OptinMonster, donde puede configurar su diseño contextual.

Paso 2: Personalizar la ventana emergente

OptinMonster tiene un constructor visual de arrastrar y soltar increíblemente fácil de usar. Verás una vista previa de tu campaña en la que podrás hacer cambios directamente.

Si es la primera vez que utiliza OptinMonster, cuando abra el generador verá una guía en pantalla que le mostrará rápidamente cómo utilizar el generador y cómo navegar por el menú de configuración.

Recuerda que los modelos se ven bien por sí solos, así que no tendrás que cambiar demasiado. Le mostraremos cómo configurar una plantilla emergente para su objetivo o meta.

En primer lugar, cuando se selecciona un cuadro de texto, se puede editar al instante. Puede simplemente eliminar el contenido existente e introducir el suyo propio.

Si quieres añadir nuevos bloques, sólo tienes que seleccionar el que quieras en el menú de la izquierda y arrastrarlo y soltarlo en tu diseño emergente.

De este modo, puede añadir, eliminar y modificar cualquier elemento del modelo de contexto. También puede cambiar los colores, las fuentes, el tamaño, etc.

Luego, para actualizar su imagen, sólo tiene que seleccionarla y cargar una imagen desde el menú de la izquierda.

En la pestaña «Ajustes avanzados» puedes cambiar el color de fondo, los bordes, el espaciado y el estilo de las esquinas. Esta sección también muestra las opciones de personalización de cada columna.

Después de que un visitante haya completado y enviado un formulario de registro, puede mostrar un mensaje de éxito para agradecerle el registro.

Para personalizar el mensaje de envío del formulario, haga clic en la pestaña Éxito. Verá la misma plantilla de diseño con un mensaje de confirmación.

Puede personalizar el mensaje de la misma manera que personaliza el diseño de la ventana emergente.

El constructor de OptinMonster es fácil de usar. Usted mismo puede explorar otros parámetros para personalizar su campaña exactamente como lo desea.

Su diseño contextual está ahora completo. Le recomendamos que guarde su diseño para guardar sus ajustes. A continuación, le mostraremos cómo cambiar la configuración de las ventanas emergentes y añadir reglas de orientación.

Paso 3. Añadir reglas de orientación contextual

Para controlar dónde y cuándo aparecerá la ventana emergente en su sitio, vaya a la pestaña «Reglas de visualización».

Aquí puede ver que OptinMonster, por defecto, muestra una ventana emergente a los visitantes del sitio que pasan al menos 5 segundos en cualquier página de su sitio.

Puede empezar modificando las reglas existentes para añadir las suyas propias. Cuando abra el menú desplegable que establece el «Tiempo en la página», verá una lista de reglas.

Como hay tantas normas, están clasificadas de forma organizada para ayudarle a encontrar lo que necesita rápidamente. Los filtros incluyen:

  • Popular
  • deducción
  • Alineación
  • Ajuste
  • Comercio electrónico

Aquí le mostraremos cómo agregar 2 reglas para mostrar una ventana emergente a los visitantes que están en una página en particular y quieren salir de su sitio.

Para dirigir a los visitantes a una página específica, elija una regla de segmentación de páginas.

A continuación, puede seleccionar un filtro para determinar las páginas que desea. Puede elegir mostrar sólo la página de inicio, páginas de destino específicas, páginas que coincidan con la palabra clave, etc. Finalmente, en la última columna, puedes introducir la URL de la página o palabra clave en la que quieres mostrar la ventana emergente.

A continuación, edite la segunda regla y seleccione la regla Exit-Intent®. Esto detectará automáticamente cuando un visitante abandone su sitio y mostrará una ventana emergente para animarle a suscribirse a los correos electrónicos.

¿Ves lo fácil que es añadir activadores de campaña y reglas de segmentación? OptinMonster le permite hacer esto con un solo clic.

Ahora que ha aprendido a añadir reglas de visualización, es el momento de integrar la ventana emergente en su cuenta de correo electrónico.

Paso 4. Sincroniza tu cuenta de correo electrónico

OptinMonster se conecta a todos los servicios de correo electrónico populares, incluyendo Constant Contact, Mailchimp, AWeber y Drip.

Cuando sincronice la ventana emergente con su cuenta de marketing por correo electrónico, todos los nuevos clientes potenciales se añadirán automáticamente a su lista de contactos de correo electrónico.

Para ello, abra la pestaña Integraciones en el constructor de OptinMonster. A continuación, haga clic en el botón Añadir nueva integración.

Ahora verá un menú desplegable con las integraciones disponibles. Seleccione su proveedor de servicios de correo electrónico y siga las instrucciones en pantalla para conectar su cuenta.

Después, también puede segmentar los clientes potenciales y añadir etiquetas para organizar su lista de correo electrónico. Esto le permite enviar mensajes de correo electrónico dirigidos a su público en función de lo que hayan suscrito.

¡Eso es todo! Su ventana emergente ha sido diseñada y configurada correctamente. Todo lo que tienes que hacer es iniciar la ventana emergente en tu sitio de WordPress.

Paso 5: Publicar la ventana emergente de WordPress

Para publicar la ventana emergente en su sitio de WordPress, vaya a la pestaña Publicar. Aquí puede ver un ejemplo de su ventana emergente tal y como aparecerá en su sitio activo de WordPress.

A continuación, establezca el estado en «Publicar» y la ventana emergente se activará.

A continuación, vaya al panel de administración de WordPress. Vaya a la página «Campañas» de OptinMonster. Asegúrese de que el estado de su campaña también está configurado como Publicado aquí.

Ahora puede visitar su sitio y ver una ventana emergente que sigue las reglas de visualización establecidas.

Es realmente muy fácil. No hay necesidad de crear con CSS y HTML o incrustar códigos de acceso contextual en su sitio.

Si utiliza OptinMonster para crear formularios en línea, encontrará widgets de WordPress listos para añadir fácilmente formularios a las páginas, las publicaciones y las barras laterales.

Esto realmente hace que OptinMonster sea el mejor complemento emergente de WordPress del mercado.

Con eso, ha aprendido a crear una impresionante ventana emergente de alta conversión en WordPress. ¡Puede continuar usando OptinMonster para crear más campañas como barras flotantes, diapositivas y cuadros de desplazamiento!

Cómo crear una ventana emergente en WordPress 2022

En Estrategia Creativa tenemos toda la información que necesitas sobre el mundo de digital y en especial para tus emprendimiento Si quieres seguir leyendo información útil  ¡echa un vistazo a nuestros artículos!

Nuestra puntuación

Deja una respuesta