Cómo crear un popup en WordPress (paso a paso)

¿Quieres usar popups para mejorar la interacción, los leads y las ventas en tu sitio de WordPress?

Los popups pueden ayudarte a captar la atención de un visitante para que realice una acción, como suscribirse a un boletín, comprar algo, visitar una oferta flash y más.

¡Hay tantas posibilidades con los popups! En este tutorial, te mostraremos la mejor manera de crear un popup en WordPress.

Cosas que debes saber antes de crear un popup en WordPress

No hace mucho tiempo, los popups tenían mala reputación por ser intrusivos, insistentes y simplemente molestos. Y con razón. Los sitios web abusaban de los popups y los mostraban donde podían.

Este tipo de estrategia no aumentará las tasas de conversión, pero puede alejar a tus visitantes de tu sitio.

En cambio, querrás dirigirte a tus clientes en el momento y lugar adecuados, donde sea más probable que conviertan. Al mostrarles una oferta relevante o una llamada a la acción, tienes una mayor probabilidad de convertirlos en suscriptores y clientes.

Para crear hermosos popups que realmente funcionen y den resultados, recomendamos usar una herramienta potente como OptinMonster.

OptinMonster es, sin duda, el mejor plugin para crear popups para WordPress. Te permite crear cualquier tipo de campaña de generación de leads o conversión en tu sitio. Esto significa que no te limitarás a los popups. También puedes crear barras flotantes, slide-ins, cajas de desplazamiento, formularios en línea, mats de pantalla completa y más.

OptinMonster funciona con cualquier sitio web, incluyendo Shopify, BigCommerce y sitios HTML. Para sitios de WordPress y WooCommerce, hay un plugin dedicado disponible en el repositorio de WordPress. Esto te permite acceder al constructor de popups de OptinMonster directamente dentro del panel de administración de tu sitio web.

OptinMonster está diseñado para que sea fácil para cualquiera crear campañas impactantes sin necesidad de habilidades de diseño o codificación.

Hay plantillas hermosas que son responsivas y listas para usar. Encontrarás una plantilla para casi cualquier objetivo de marketing y festividades como Navidad y Black Friday.

Una vez que elijas una plantilla, puedes personalizarla usando el constructor de campañas fácil de arrastrar y soltar.

Ahora, la razón principal por la que recomendamos OptinMonster es porque viene con potentes reglas de segmentación y disparadores de campañas. Algunas de ellas incluyen:

• Al hacer clic: Muestra un popup cuando un usuario hace clic en un botón, enlace o imagen
• Profundidad de desplazamiento: Interactúa con visitantes que están interesados en tu contenido
• Geolocalización: Interactúa con visitantes según su área local
• Hora y fecha: Programa campañas para que aparezcan en fechas y horas establecidas
• Intención de salida: Recupera visitantes que abandonan
• Nivel de página: Adapta las campañas para que coincidan con la intención de la página

Y estas son solo algunas reglas populares. Dentro de OptinMonster, tendrás control total sobre dónde, cuándo y a quién aparece tu popup.

Sumado a toda esta funcionalidad, OptinMonster se integra perfectamente con proveedores de correo electrónico y otras herramientas de marketing.

Una vez que tu popup haya recibido cierta interacción, OptinMonster rastrea su rendimiento y te brinda información valiosa para ver cuántas personas lo vieron y cuántas convirtieron.

¿Listo para aprender cómo crear un popup de alta conversión para tu sitio de WordPress? Sumerjámonos directamente en el tutorial.

La forma CORRECTA de crear un popup en WordPress

Para seguir este tutorial, necesitarás crear una cuenta de OptinMonster.

OptinMonster no tiene una versión gratuita, pero sus planes son asequibles y valen cada centavo. Puedes empezar desde tan solo $9 al mes con una garantía de devolución de dinero de 14 días.

Después de registrarte, dirígete a tu sitio de WordPress e instala el plugin de OptinMonster.

Este es un plugin conector de WordPress que está disponible gratis en el repositorio de WordPress.

Cuando activas el plugin de WordPress, hay un asistente de configuración automatizado que te ayudará a conectar tu sitio a tu cuenta de OptinMonster.

Si necesitas más ayuda, sigue este tutorial: Cómo conectar OptinMonster a WordPress.

Una vez que todo esté configurado, podrás acceder al panel de control de OptinMonster directamente desde tu panel de administración de WordPress y empezar a crear campañas.

Aquí tienes un ejemplo del tipo de popup que crearemos hoy. Está diseñado para que los visitantes del sitio web se suscriban a boletines ofreciéndoles un lead magnet.

Ten en cuenta que OptinMonster tiene muchísimas plantillas para que puedas elegir un diseño que se adapte a tus objetivos de marketing. Puedes crear cualquier tipo de popup, incluyendo popups de descuento, de oferta, de notificación, de formulario de contacto y mucho más.

Paso 1: Crear una Campaña de Popup

En tu panel de WordPress, abre la página del plugin OptinMonster. Aquí verás los diferentes tipos de campañas disponibles. Vamos a seleccionar una campaña de 'popup'.

Esto abrirá la biblioteca de plantillas donde puedes buscar, previsualizar y seleccionar la plantilla que te guste. Para este tutorial, elegiremos la plantilla Magnet que viene precargada con un formulario de suscripción, un CTA (llamada a la acción) y una imagen impresionante.

Siéntete libre de elegir cualquier plantilla que te guste. Para todos los temas de popup, los pasos a continuación seguirán siendo los mismos.

Cuando elijas una plantilla, OptinMonster te pedirá que agregues un nombre para que puedas identificar el nuevo popup más tarde en la lista de campañas que crees. Luego, haz clic en el botón 'Empezar a Construir'.

Ahora estarás dentro del constructor de campañas de OptinMonster, donde podrás personalizar el diseño de tu popup.

Paso 2: Personalizar el Popup

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

Si estás usando OptinMonster por primera vez, al abrir el constructor, verás un tutorial en pantalla que te mostrará rápidamente cómo usar el constructor y navegar por el menú de configuración.

Ten en cuenta que las plantillas se ven geniales por sí solas, así que no necesitarás cambiar mucho. Te mostraremos cómo personalizar la plantilla emergente para que coincida con tu objetivo o propósito.

Primero, cuando selecciones el cuadro de texto, se vuelve editable al instante. Simplemente puedes eliminar el contenido existente y escribir el tuyo.

Si quieres agregar nuevos bloques, simplemente selecciona el deseado del menú de la izquierda y arrástralo y suéltalo en el diseño de tu ventana emergente.

De esta manera, puedes agregar, eliminar y editar cada elemento en la plantilla emergente. También puedes cambiar colores, fuentes, tamaño y más.

A continuación, para actualizar la imagen, simplemente selecciónala y sube la tuya en el menú de la izquierda.

En la pestaña de configuración Avanzada, puedes cambiar el color de fondo, el borde, el espaciado y el estilo de las esquinas. Incluso verás opciones para personalizar cada columna en esta sección.

Una vez que un visitante completa y envía el formulario de suscripción, puedes mostrar un mensaje de éxito para agradecerle por registrarse.

Para personalizar el mensaje de envío del formulario, abre la pestaña Éxito. Verás el mismo diseño de plantilla con un mensaje de confirmación.

Puedes personalizar el mensaje de la misma manera que personalizaste el diseño de la ventana emergente.

El constructor de OptinMonster está diseñado para que sea fácil de usar para cualquiera. Puedes explorar más configuraciones por tu cuenta para diseñar tu campaña tal como la deseas.

Ahora tu diseño de ventana emergente está listo. Recomendamos guardar tu diseño para almacenar tus personalizaciones. A continuación, te mostraremos cómo cambiar la configuración de tu ventana emergente y agregar reglas de segmentación.

Paso 3: Agregar Reglas de Segmentación para Ventanas Emergentes

Para controlar dónde y cuándo aparece tu ventana emergente en tu sitio, dirígete a la pestaña Reglas de Visualización.

Aquí, verá que por defecto, OptinMonster muestra el popup a los visitantes del sitio web que pasan al menos 5 segundos en cualquier página de su sitio.

Puede empezar editando las reglas existentes para añadir las suyas. Cuando abra el menú desplegable que está configurado en 'tiempo en página', aparecerá la lista de reglas.

Dado que hay tantas reglas, están cuidadosamente categorizadas para que puedas encontrar lo que necesitas rápidamente. Los filtros incluyen:

• Popular
• Disparador
• Segmentación
• Personalización
• eCommerce

Te mostraremos cómo agregar 2 reglas aquí para mostrar el popup a los visitantes que se encuentran en una página específica y están a punto de salir de tu sitio web.

Para segmentar a los visitantes en una página específica, elige la regla Segmentación de página.

Luego puedes elegir un filtro para determinar en qué página o páginas deseas. Puedes elegir mostrarlo solo en la página de inicio, páginas de destino específicas, páginas que coincidan con una palabra clave y mucho más. Finalmente, en la última columna, puedes ingresar la URL de la página o la palabra clave donde deseas mostrar el popup.

A continuación, edita la segunda regla y elige la regla Intención de salida®. Esto detectará automáticamente cuándo un visitante está a punto de abandonar tu sitio y mostrará el popup para que se suscriban a los correos electrónicos.

¿Ves qué fácil es agregar disparadores de campaña y reglas de segmentación de audiencia? OptinMonster lo hace tan fácil como hacer clic 1 vez.

Ahora que has aprendido a agregar reglas de visualización, puedes integrar el popup con tu 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.

Al sincronizar tu popup con tu cuenta de marketing por correo electrónico, todos los nuevos leads se agregarán automáticamente a tu lista de contactos de correo electrónico.

Para hacer esto, en el constructor de OptinMonster, abre la pestaña Integraciones. Luego haz clic en el botón 'Agregar nueva integración'.

Ahora verás un menú desplegable con las integraciones disponibles. Selecciona tu proveedor de servicios de correo electrónico y sigue las instrucciones en pantalla para conectar tu cuenta.

Una vez hecho esto, también podrás segmentar tus leads y agregar etiquetas para mantener tu lista de correo electrónico organizada. De esa manera, puedes enviar correos electrónicos dirigidos a tu audiencia según para qué se hayan registrado.

¡Eso es todo! ¡Tu popup está diseñado y configurado correctamente! Todo lo que queda por hacer es publicar el popup en tu sitio de WordPress.

Paso 5: Publica tu Popup de WordPress

Para publicar tu popup en tu sitio de WordPress, navega a la pestaña Publicar. Aquí, puedes previsualizar una muestra de tu popup tal como aparecería en tu sitio web de WordPress en vivo.

Luego, establece el estado a 'Publicar' y tu popup se activará.

A continuación, dirígete a tu panel de administración de WordPress. Abre la página OptinMonster » Campañas. Asegúrate de que el estado de tu campaña también esté configurado como Publicado aquí.

Ahora puedes visitar tu sitio y verás que tu ventana emergente aparece según las reglas de visualización que estableciste.

Es realmente así de simple. No necesitarás diseñar con CSS y HTML ni incrustar códigos cortos de popup en tu sitio.

En caso de que estés usando OptinMonster para crear formularios en línea, encontrarás widgets listos para usar en WordPress para agregar fácilmente el formulario a páginas, publicaciones y barras laterales.

Esto realmente hace de OptinMonster el mejor plugin de popup para WordPress del mercado.

Con eso, has aprendido a crear un popup impresionante y de alta conversión en WordPress. ¡Puedes seguir usando OptinMonster para crear más campañas como barras flotantes, deslizables y cajas de desplazamiento!

También te puede interesar crear notificaciones de actividad reciente para tu sitio para aumentar las conversiones y suscripciones. Obtén más información sobre eso aquí: Cómo hacer crecer tu lista de correo electrónico con notificaciones de prueba social.

Esperamos que hayas encontrado útil este tutorial sobre cómo crear un formulario popup de WordPress. También te interesará leer estos recursos:

• Cómo crear una página de captura de leads en WordPress
• Cómo crear una página de captura de alto rendimiento en WordPress
• 11 Potentes plugins de generación de leads para WordPress comparados

Estos tutoriales y reseñas de plugins de WordPress te ayudarán a generar más leads de tu sitio web para que puedas ampliar tu audiencia y construir tu marca.