Crear un popup de cupón para tu sitio de WordPress es una excelente manera de aumentar las conversiones y ofrecer ofertas especiales a tus visitantes.
Sin embargo, necesitas una solución que sea fácil y efectiva para no perder tiempo configurándola.
Con más de 16 años de experiencia ayudando a propietarios de sitios de comercio electrónico, hemos descubierto que OptinMonster es la mejor herramienta para crear popups de cupones que realmente convierten.
Sus funciones de arrastrar y soltar y sus plantillas listas para usar facilitan la creación de popups sin necesidad de habilidades de codificación. Además, hemos visto de primera mano lo rápido y fácil que puede ser el proceso.
En este artículo, te guiaremos a través del proceso paso a paso para crear un popup de cupón en WordPress.

¿Por qué deberías ofrecer cupones a tus visitantes?
A menudo, los nuevos dueños de negocios se preocupan de que los cupones afecten sus ganancias. Sin embargo, los dueños de negocios establecidos saben que ofrecer descuentos es una forma poderosa de hacer que los visitantes tomen una decisión en lugar de quedarse indecisos.
Ofrecer códigos de cupón te ayuda a:
- Recuperar ventas de carritos abandonados,
- Convertir visitantes en clientes, y
- Realizar más ventas.
La mayoría de las plataformas de comercio electrónico, como WooCommerce, te permiten crear códigos de cupón fácilmente. Sin embargo, compartir estos códigos de cupón con tus clientes marca toda la diferencia.
Es por eso que, en este artículo, compartiremos dos formas diferentes de compartir cupones con tus visitantes. Estas incluyen una ventana emergente de salida de cupones y una opción de girar la rueda de cupones.
Veamos cómo crear una ventana emergente de cupones en WordPress o WooCommerce.
Cómo crear tu ventana emergente de cupones en WordPress
La mejor manera de crear una ventana emergente de cupones es usando OptinMonster. Es el mejor plugin de ventanas emergentes de WordPress y software de generación de leads del mercado.
En WPBeginner, usamos OptinMonster para crear ventanas emergentes, deslizables, ventanas emergentes incrustadas y banners de encabezado para ofertas especiales y promociones. Para más información sobre nuestras experiencias con él, consulta nuestra reseña de OptinMonster.
Primero, necesitas visitar el sitio web de OptinMonster para crear una cuenta. Simplemente haz clic en el botón ‘Get OptinMonster Now’ para empezar.

Necesitarás al menos el plan Growth porque incluye Campañas de Rueda de Cupones y reglas de segmentación avanzadas para tus ventanas emergentes.
Después de eso, necesitas instalar y activar el plugin de OptinMonster en tu sitio de WordPress. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
El plugin actúa como un conector entre tu cuenta de OptinMonster y tu sitio web de WordPress.
Al activar el plugin, verás el asistente de configuración de OptinMonster. Continúa y haz clic en el botón ‘Connect Your Existing Account’.

Ahora se abrirá una nueva ventana donde deberá conectar su sitio de WordPress con OptinMonster.
Simplemente haga clic en el botón ‘Conectar a WordPress’ para continuar.

También puede conectar su tienda WooCommerce con OptinMonster. Solo asegúrese de haber configurado una tienda de comercio electrónico en WordPress.
Primero, deberá ir a OptinMonster » Configuración desde su panel de administración de WordPress.
Después, diríjase a la pestaña ‘General’ y haga clic en el botón ‘Generar claves automáticamente + Conectar WooCommerce’.

WooCommerce ahora generará claves automáticamente y se conectará a su cuenta de OptinMonster.
Ahora, ya está todo listo para crear su primera campaña de pop-up de cupones. En la siguiente sección, le mostraremos cómo hacerlo. Pero primero, aquí tiene un resumen rápido de todos los pasos que seguirá:
- Creación de su campaña de pop-up de cupones
- Diseño de su pop-up de cupones
- Decidir cómo entregar su código de cupón
- Cambio de las reglas de visualización de su pop-up de cupones
- Integrating OptinMonster With Your Email List
- Preguntas Frecuentes
¿Listo? ¡Empecemos!
Paso 1: Creación de su campaña de pop-up de cupones
Para crear una campaña, puede ir a OptinMonster » Campañas desde su panel de WordPress y luego hacer clic en el botón 'Crear su primera campaña'.

En la siguiente pantalla, OptinMonster le mostrará diferentes tipos de campañas y plantillas.
Primero, deberá elegir un tipo de campaña. Vamos a usar 'Pop-up', que debería ser la selección predeterminada.

Después de eso, se le pedirá que seleccione una plantilla.
OptinMonster tiene una amplia gama de plantillas entre las que puede elegir, con muchos diseños y esquemas de colores diferentes. La plantilla 'Cupón' es perfecta para crear este pop-up. Aunque, puede seleccionar una plantilla diferente si lo prefiere.
Puede usar el cuadro de búsqueda para encontrar la plantilla de cupón o desplazarse hacia abajo en la página.

A continuación, pase el cursor sobre la plantilla y haga clic en el botón 'Usar plantilla'.
El último paso antes de crear su pop-up de cupones es nombrar la campaña. Después de ingresar un nombre, haga clic en el botón 'Empezar a construir'.

Paso 2: Diseño de su pop-up de cupones
Una vez que haya hecho clic en 'Empezar a construir', verá el constructor de campañas de arrastrar y soltar.
Puede usarlo para agregar diferentes bloques a su plantilla y cambiar el texto, los colores y el diseño del cupón de la manera que desee.

También puede hacer clic en cualquier elemento del diseño para cambiarlo aún más. Aquí, hemos editado el texto y le hemos dado un color diferente.
Tan pronto como realice sus cambios, verá actualizaciones en tiempo real en la plantilla del pop-up de cupones.

Quizás quiera experimentar con diferentes fuentes y colores para que su texto resalte en el pop-up o coincida con su marca.
Fuera del texto y los elementos dentro del popup, también puedes cambiar el color de fondo, agregar una imagen a tu cupón, establecer el color del borde, cambiar el estilo del borde y más.

Una vez que hayas terminado con los cambios, asegúrate de guardar tu campaña haciendo clic en el botón verde 'Guardar' en la parte superior de la pantalla.
Paso 3: Decidir cómo entregar tu código de cupón
Ahora que has configurado tu popup de cupón, necesitas decidir cómo entregarás realmente el código de cupón a tu visitante.
Hay varias formas de hacer esto en OptinMonster, pero la mejor manera es entregar el código de cupón de inmediato a través de la vista de Éxito de OptinMonster y enviarlo por boletín informativo por correo electrónico.
De esa manera, si el visitante no está listo para comprar de inmediato, tendrá el código de cupón en su bandeja de entrada de correo electrónico para consultarlo fácilmente más tarde.
Por defecto, tu popup de cupón ya está diseñado para usar 'la vista de Éxito' tan pronto como se haga clic en el botón. Para verificarlo, puedes hacer clic en el botón y luego ver la opción 'Ir a Vista' en el lado izquierdo de tu pantalla.

Si deseas una acción de botón diferente, puedes cambiarla aquí. Sin embargo, para tu primer cupón, recomendamos mantener el predeterminado.
Luego, puedes editar tu vista de éxito en la pestaña 'Diseño' de la opción 'Éxito' en la parte inferior de la pantalla.
El predeterminado se ve así, pero puedes editarlo como quieras, al igual que editaste tu popup de cupón.

Paso 4: Cambiar las reglas de visualización de tu popup de cupón
Por defecto, tu popup de cupón aparecerá a los visitantes después de que hayan estado en cualquier página de tu sitio durante 5 segundos.
Si deseas cambiar esto, ve a la pestaña 'Reglas de visualización'.

Puedes establecer las reglas de visualización que desees, pero una excelente para probar es Intención de Salida®.
Esta tecnología especial de OptinMonster puede detectar cuándo un visitante está a punto de abandonar tu sitio y mostrarle tu popup de cupón en el momento justo.
Puedes agregar la intención de salida seleccionando 'salida detectada' del menú desplegable y eligiendo en qué dispositivos mostrar la campaña. Por defecto, se configurará para mostrarse en todos los dispositivos.

También hay una opción para controlar la sensibilidad de la intención de salida.
Después de eso, desplázate hacia abajo y elige las páginas donde te gustaría mostrar tu campaña.
Por ejemplo, puedes usar la configuración predeterminada de 'ruta de URL actual' y seleccionar la opción 'es cualquier página'. De esta manera, tu campaña aparecerá en todo tu sitio web.

Después de agregar las reglas de visualización, puedes hacer clic en el botón 'Siguiente paso'.
OptinMonster también ofrece opciones para reproducir un efecto de sonido y mostrar una animación cuando aparece el popup de cupón.

Ahora, puedes hacer clic en el botón 'Siguiente paso'.
En la siguiente pantalla, verás un resumen de tus reglas de visualización. No olvides hacer clic en el botón 'Guardar' para almacenar tu configuración.

Paso 5: Integrar OptinMonster con tu lista de correo electrónico
Para enviar tu código de cupón por correo electrónico automáticamente y que el visitante se agregue a tu lista de correo, necesitarás integrar OptinMonster con un servicio de marketing por correo electrónico.
Constant Contact es un gran servicio para usar con OptinMonster. Lo probamos para probar todas las funciones, que puedes consultar en nuestra reseña completa de Constant Contact.
La buena noticia es que los lectores de WPBeginner pueden obtener un 20% de descuento en sus primeros 3 meses usando este cupón.
Sin embargo, si usas un servicio de correo electrónico diferente, OptinMonster se integra con prácticamente todos los proveedores importantes.
Simplemente ve a la pestaña 'Integración' y haz clic en el botón '+ Agregar Nueva Integración' para agregar tu servicio de marketing por correo electrónico.

Después de eso, puedes configurar un correo electrónico automatizado que se envíe cada vez que alguien se suscriba a la lista de correo electrónico a través de tu popup de cupón.
Una vez que estés satisfecho con tu popup de cupón, puedes ir a la pestaña 'Publicar' en la parte superior.
Luego, asegúrate de que 'Publicar' esté marcado en la sección 'Estado de Publicación'.

No olvides hacer clic en el botón 'Guardar' en la parte superior y cerrar el constructor de campañas.
Ahora puedes visitar tu sitio web para ver el popup de cupón en acción.

Consejo Extra: Creación de una Rueda de Cupones "Gira para Ganar"
Una rueda de cupones "gira para ganar" es una excelente manera de hacer que tus cupones sean más interesantes y divertidos para los visitantes de tu sitio. Es como un minijuego que los visitantes pueden jugar para ganar un descuento u otro bono.
Tus opciones de gira para ganar podrían incluir cosas como 10% de descuento, 20% de descuento, envío gratis, una prueba gratuita, o lo que quieras ofrecer.
OptinMonster ofrece un tipo de campaña 'Gamificada' que te permite crear pop-ups de ruleta.

Después de eso, desplázate hacia abajo y selecciona una de las plantillas de Ruleta.
El plugin tiene diferentes plantillas de gira para ganar. Simplemente pasa el cursor sobre una plantilla y haz clic en el botón 'Usar plantilla'.

A continuación, edita cualquier aspecto de tu ruleta de cupones.
Para editar las opciones de la ruleta de cupones en sí, deberás hacer clic en el botón ‘Personalizar Secciones de la Ruleta’ en el lado izquierdo.

Luego puedes escribir cualquier texto como Etiqueta para cada opción y agregar el código de cupón para cada opción ganadora.
Ten en cuenta que la ‘Probabilidad de Ganar’ se determina automáticamente. Si cambias el interruptor en una o más de las opciones ‘Puede Ganar’, OpinMonster recalculará las probabilidades de ganar.

Si necesitas más ayuda para crear tu ruleta de cupones y agregarla a tu sitio, consulta nuestra publicación sobre cómo agregar opciones de girar para ganar en WordPress y WooCommerce, que detalla el proceso con más profundidad.
Luego puedes visitar tu sitio web para ver el popup de cupón de girar para ganar en acción.

Preguntas Frecuentes
Aquí hay algunas preguntas que nuestros lectores hacen con frecuencia sobre la creación de un popup de cupón en WordPress:
¿Puedo hacer que mi popup de cupón aparezca solo en ciertas páginas?
Sí, la mayoría de los plugins de creación de popups te permiten dirigirte a páginas específicas o categorías de productos.
Por ejemplo, podrías querer mostrar un popup de 10% de descuento solo en tu página de pago o de productos, no en tu página de inicio o blog.
Con herramientas como OptinMonster, puedes usar reglas de visualización como:
- URL de la página (por ejemplo, mostrar en
/tiendao/carrito) - Fuente de referencia (por ejemplo, mostrar solo a visitantes de Google)
- Tipo de dispositivo (por ejemplo, mostrar solo en escritorio o móvil)
Esto te permite ofrecer ofertas más personalizadas y evitar molestar a tus lectores habituales.
¿Cómo entrego el código de cupón a los usuarios después de que ven el popup?
Puedes mostrar el código de cupón directamente dentro del popup o enviarlo por correo electrónico después de que el visitante se suscriba. Ambos métodos funcionan bien, depende de tu objetivo.
Si estás intentando hacer crecer tu lista de correo, pedir a los usuarios que ingresen su correo electrónico para desbloquear el código puede ser efectivo.
Sin embargo, si deseas conversiones inmediatas, mostrar el código de cupón al instante o aplicarlo automáticamente al carrito podría funcionar mejor.
¿Cómo puedo evitar molestar a los usuarios con demasiados popups?
La clave para evitar molestar a los usuarios es implementar una segmentación y un tiempo inteligentes en OptinMonster.
En lugar de mostrar el popup inmediatamente, considera usar la intención de salida, el porcentaje de desplazamiento o el retraso de tiempo. De esta manera, no estás interrumpiendo la experiencia del visitante.
Además, establece límites de frecuencia para que los usuarios no vean el mismo popup cada vez que visitan tu sitio. La mayoría de las herramientas te permiten controlar con qué frecuencia aparece un popup por sesión, día o visitante.
¿Los popups de cupones son amigables con los dispositivos móviles?
Sí, la mayoría de los plugins de popup modernos son totalmente responsivos y amigables con los dispositivos móviles por defecto.
Sin embargo, sigue siendo importante probar tu popup en diferentes tamaños de pantalla para asegurarte de que sea fácil de leer y no bloquee contenido importante.
Si estás utilizando un plugin como OptinMonster, incluso puedes diseñar versiones separadas de tu popup para usuarios de escritorio y móviles, asegurando una experiencia más fluida para todos los visitantes.
Esperamos que este artículo te haya ayudado a aprender cómo crear un popup de cupón en WordPress. También podrías querer ver nuestra selección de los mejores plugins de WooCommerce o nuestra guía sobre cómo agregar notificaciones push a tu sitio de WordPress.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.


Dennis Muthomi
Uso la herramienta de creación de cupones integrada de WooCommerce. Es útil pero limitada.
Voy a intentar usar OptinMonster para configurar pop-ups de cupones más dirigidos en mi sitio.
Esa tecnología de intención de salida parece una excelente manera de convertir visitantes que abandonan en clientes.
También me gusta que OptinMonster pueda integrarse con servicios de marketing por correo electrónico para enviar el código del cupón automáticamente.
¡GRACIAS POR ESTE TUTORIAL!