Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo crear popups móviles que conviertan (sin dañar el SEO)

Aquí está el detalle sobre los pop-ups móviles: funcionan increíblemente bien para las conversiones, pero la mayoría de la gente los implementa mal. Hemos visto innumerables sitios web ser penalizados por Google o perder visitantes porque crearon pop-ups intrusivos que arruinaron la experiencia móvil.

Por otro lado, también hemos visto a dueños de negocios perder miles de clientes potenciales por tener demasiado miedo de usar pop-ups en absoluto.

En WPBeginner, usamos OptinMonster para mostrar pop-ups, slide-ins, pop-ups en línea y banners en la cabecera para ofertas especiales y promociones. Creemos que estos pop-ups pueden ser muy efectivos para animar a los visitantes a realizar una compra o tomar una decisión. Pero tomó muchas pruebas para hacerlo bien.

En esta guía, te mostraremos exactamente cómo crear pop-ups móviles que aumenten tus conversiones sin dejar de estar del lado bueno de Google. Aprenderás las técnicas específicas que usamos para capturar más clientes potenciales y ventas sin molestar a tus visitantes móviles ni perjudicar tu posicionamiento en buscadores.

Cómo crear una ventana emergente de cupones 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 generar 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 un popup de cupón es usando OptinMonster. Es el mejor plugin de popup para WordPress y software de generación de leads en el mercado.

Para más información, consulta nuestra reseña completa de OptinMonster.

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’.

Conecta tu cuenta existente

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.

Conecta OptinMonster a WordPress

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’.

Generar claves automáticamente y conectar WooCommerce

WooCommerce ahora generará claves automáticamente y se conectará a su cuenta de OptinMonster.

Ahora, estás listo para crear tu primera campaña de popup de cupón.

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'.

Crea tu primera campaña de OptinMonster

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.

Elige un tipo de campaña y una plantilla

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.

Seleccionar una plantilla

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'.

Ingresa un nombre para tu campaña

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.

Editar la plantilla de tu campaña

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.

Edita el texto y el color de los elementos en la plantilla

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.

Guarda los cambios de tu ventana emergente

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.

Decide 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.

Cambia la vista de éxito

Si deseas una acción de botón diferente, puedes cambiarla aquí. Sin embargo, para tu primer cupón, recomendamos mantener el predeterminado.

Integración de 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, y 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.

Agregar una nueva integración

Una vez que hayas hecho eso, puedes configurar un correo electrónico automatizado para que se envíe cada vez que alguien se registre en la lista de correo electrónico a través de tu ventana emergente de cupón.

Consejo extra: Edita la plantilla de vista de éxito

Puedes ver y cambiar la plantilla de 'Vista de éxito' volviendo a la pestaña Diseño de tu campaña y haciendo clic en la opción 'Éxito' en la parte inferior de la pantalla.

El diseño predeterminado se ve así, pero puedes editarlo como quieras, al igual que editaste tu ventana emergente de cupón.

Cambiar a la vista de éxito

Cambia las reglas de visualización de tu ventana emergente 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'.

Regla de visualización de OptinMonster

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.

Selecciona la sensibilidad de la intención de salida

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.

A continuación, OptinMonster también ofrece opciones para reproducir un efecto de sonido y mostrar una animación cuando aparece la ventana emergente de cupón.

Agregar MonsterEffects y animaciones

Hay más configuraciones también.

OptinMonster te permite configurar las cookies para tu campaña y establecer el número de días después de los cuales la campaña se mostrará a diferentes usuarios.

Cambiar la configuración de cookies

Una vez que estés satisfecho con tu popup de cupón, puedes ir a la pestaña 'Publicar' en la parte superior.

Después de eso, simplemente asegúrate de que 'Publicar' esté marcado en la sección 'Estado de publicación'.

Publicar tu campaña

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.

Vista previa de la ventana emergente de cupones

Creación de una rueda de cupón de 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 popups de girar la rueda.

Selecciona el tipo de campaña de gamificación

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'.

Seleccionar una 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.

Personaliza tu ruleta

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.

Edita las secciones de la rueda

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.

Vista previa de la ventana emergente de la ruleta de la suerte

Preguntas Frecuentes Sobre Popups Móviles

Los popups móviles pueden ser confusos, especialmente cuando intentas equilibrar las conversiones con las mejores prácticas de SEO. Aquí están las preguntas más comunes que recibimos sobre la creación de popups móviles que convierten sin dañar tus rankings de búsqueda.

1. ¿Los popups móviles perjudicarán mis rankings de SEO?

Los popups móviles no perjudicarán tus rankings de SEO si siguen las directrices de Google para la compatibilidad con dispositivos móviles. Google penaliza los intersticiales intrusivos que cubren el contenido principal inmediatamente después de que un usuario navega a una página desde los resultados de búsqueda. Sin embargo, los popups que aparecen después de un retraso, los popups de intención de salida o los banners que no cubren contenido significativo están perfectamente bien y no afectarán tus rankings.

2. ¿Cuál es el mejor retraso para los popups móviles?

Recomendamos establecer un retraso de al menos 5-10 segundos para los popups móviles. Esto le da a los visitantes suficiente tiempo para comenzar a leer tu contenido antes de que aparezca el popup. Los popups de intención de salida son aún mejores para móviles, ya que solo se activan cuando alguien está a punto de abandonar tu sitio. Evita mostrar popups inmediatamente cuando alguien aterriza en tu página, ya que esto crea una mala experiencia de usuario.

3. ¿Cómo creo popups móviles que no molesten a los usuarios?

La clave es hacer que tus popups móviles sean fáciles de cerrar y valiosos para los usuarios. Incluye siempre un botón de cierre (X) claro y prominente en la esquina superior derecha. Asegúrate de que tu popup ofrezca algo genuinamente útil como un descuento, un recurso gratuito o contenido exclusivo. Mantén el popup lo suficientemente pequeño para que los usuarios aún puedan ver parte de tu contenido principal, y nunca muestres el mismo popup varias veces al mismo visitante.

4. ¿Qué tamaño deben tener los popups móviles?

Los pop-ups móviles no deben ocupar más del 50-60% de la pantalla para evitar ser considerados intrusivos. Recomendamos usar pop-ups responsivos que se ajustan automáticamente a diferentes tamaños de pantalla. Los pop-ups de deslizamiento o tipo banner funcionan especialmente bien en móviles porque no bloquean completamente el contenido. Siempre prueba tus pop-ups en diferentes dispositivos móviles para asegurarte de que se muestren correctamente.

5. ¿Los pop-ups móviles realmente aumentan las conversiones?

Sí, cuando se implementan correctamente, los pop-ups móviles pueden aumentar significativamente las conversiones. Hemos visto tasas de suscripción por correo electrónico aumentar en un 600% al usar pop-ups móviles diseñados adecuadamente. La clave es ofrecer valor genuino, programarlos apropiadamente y hacer que sean fáciles de descartar. Los usuarios móviles son más propensos a convertir cuando los pop-ups son relevantes para sus intereses y no interrumpen su experiencia de navegación.

Recursos Adicionales para Crear Pop-ups de Alta Conversión

También puedes consultar otras guías útiles sobre cómo crear pop-ups para aumentar las conversiones en tu sitio:

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.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

4 CommentsLeave a Reply

  1. He tenido éxito usando pop-ups de intención de salida en escritorio para reducir el abandono del carrito.
    Me interesa probar la intención de salida también en móvil. ¿Cómo funciona la intención de salida en móvil? ¿Cómo se activa siquiera?

      • triggering by detecting scrolling up is clever – Now I have a better grasp of how to utilize this on my woocommerce store.
        Appreciate you taking the time to answer my question :-)

    • Tengo este disparador configurado en una de las campañas. Funciona brillantemente en escritorio, pero desafortunadamente, solo funciona ocasionalmente en móviles. Debo decir que hay disparadores mucho mejores para móviles que este. A veces funciona, a veces no. Probablemente depende del sistema operativo y el navegador del dispositivo móvil, pero personalmente, este disparador no me funciona bien.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.