AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Plugins » Cómo crear una ventana emergente de cupones en WordPress (paso a paso)

Cómo crear una ventana emergente de cupones en WordPress (paso a paso)

¿Quieres crear una ventana emergente de cupones en WordPress? Las ventanas emergentes de cupones son una gran manera de convertir a los visitantes de tu sitio web en clientes de pago.

Hay varias maneras diferentes de crear y mostrar las ventanas emergentes de los cupones. Sin embargo, mostrar el cupón en el momento preciso hace una gran diferencia en la conversión de los visitantes abandonados en clientes.

En este artículo, veremos cómo añadir un cupón emergente a tu sitio de WordPress o WooCommerce. También te mostraremos dos maneras de entregar tu cupón para que sean más efectivos y altamente rentables.

¿Por qué debería ofrecer a los visitantes un cupón?

A menudo los nuevos propietarios de negocios están preocupados de que los cupones se coman sus beneficios. Pero los dueños de negocios establecidos saben que ofrecer un descuento es una manera poderosa de hacer que un visitante se decida, en lugar de sentarse en la valla. (Y afrontémoslo, ¿quién no ama mucho?)

Ofrecer códigos de cupones te ayuda a recuperar las ventas abandonadas de los carritos, convertir a los visitantes en clientes y hacer más ventas.

La mayoría de las plataformas de comercio electrónico como WooCommerce te permiten crear fácilmente códigos de cupones. Sin embargo, compartir estos códigos de cupones con tus clientes hace toda la diferencia.

Por eso en este artículo compartiremos dos formas diferentes de compartir los cupones con sus visitantes: una ventana emergente de salida de cupón y un cupón que gira una rueda de opción.

Veamos cómo crear un popup de cupón en WordPress o WooCommerce.

Video Tutorial

Suscríbase a WPBeginner

Si prefieres instrucciones escritas, sigue leyendo.

Cómo crear la ventana emergente de tu cupón en WordPress

En este tutorial, usaremos OptinMonster para crear tanto la ventana emergente del cupón como un cupón que gire una rueda.

Usamos OptinMonster en nuestros propios sitios web, y fue creado por el fundador de WPBeginner, Syed Balkhi. Desde su lanzamiento en 2013, se está usando en más de un millón de sitios web.

Primero, tienes que visitar la página web de OptinMonster para crear una cuenta.

Después de eso, necesitas instalar y activar el plugin OptinMonster en tu sitio de WordPress. Para obtener 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, debes hacer clic en el menú de OptinMonster en la barra lateral de administración de WordPress para conectarte con la página web de OptinMonster.

Ahora está todo listo para crear su primera campaña de cupones.

Creando tu campaña de cupones emergentes

Simplemente ingresa a tu tablero de OptinMonster y haz clic en el botón Crear Nueva Campaña .

A continuación, tendrás que elegir un tipo de campaña. Vamos a usar Popup , que debería ser la selección por defecto.

En la siguiente pantalla, se le pedirá que seleccione una plantilla.

OptinMonster tiene una gran variedad de plantillas que puedes elegir (todas diseñadas profesionalmente), con muchos diseños y combinaciones de colores diferentes. La plantilla Coupon es perfecta para crear una ventana emergente de cupones, aunque puedes elegir una plantilla diferente si lo prefieres.

Puedes usar el cuadro de búsqueda para encontrar la plantilla del cupón, o puedes desplazarte por la página.

A continuación, haz clic en la plantilla y selecciona Use Template .

El último paso antes de empezar a construir la ventana emergente del cupón es nombrar la campaña y seleccionar el sitio web en el que quieres usarla.

Si ya has conectado OptinMonster a tu sitio de WordPress, entonces el nombre y la URL de ese sitio aparecerá bajo ¿En qué sitio(s) web quieres cargar esta campaña?

Diseñando tu cupón popup

Una vez que hayas hecho clic en Empezar a construir , verás el constructor de la campaña de arrastrar y soltar. Puedes usarlo para cambiar el texto, los colores y el diseño del cupón de la forma que quieras.

Simplemente haga clic en cualquier elemento del diseño para cambiarlo. Aquí, hemos editado el texto y le hemos dado un color diferente. Tan pronto como haga los cambios en el lado izquierdo, verá esos cambios en la ventana emergente de su cupón a la derecha.

Puedes cambiar cualquiera de los textos de la misma manera. Puede que quieras experimentar con diferentes fuentes y colores.

Además del texto y los elementos dentro de la ventana emergente, también puede cambiar el color de fondo y otros ajustes.

Primero, cierra el elemento en el que estás haciendo clic en el botón X o en el Home .

Después de eso, ve a Ajustes de Optina » Estilos de vista de Optina .

Aquí, puedes cambiar la superposición de fondo que es el color alrededor de tu popup que cubre tu contenido cuando el popup aparece en la pantalla de un visitante. En esta ficha de configuración, también puedes cambiar el Estilo de fondo (sólido o degradado) y el Color de fondo.

Hemos usado el selector de colores para cambiar el fondo a un amarillo brillante.

Aquí también es donde puedes añadir una imagen a tu cupón si quieres usarla.

Finalmente, puede que quieras cambiar el borde punteado que aparece cerca del borde de tu cupón. Para editarlo, haz clic en él y luego en el engranaje Settings que aparece a la izquierda para editar la columna .

Puedes desplazarte hacia abajo a la izquierda para establecer el color del borde, el ancho del borde o incluso el estilo del borde, ¡aunque pensamos que los trazos se ven bien para un cupón!

Aquí está nuestra nueva versión, con un borde más estrecho.

Una vez que hayas terminado con los cambios, asegúrate de guardar tu campaña haciendo clic en el botón verde Save en la parte superior de la pantalla.

Decida cómo entregar su código de cupón

Ahora que has configurado la ventana emergente del cupón, tienes que decidir cómo vas a entregar el código del cupón a tu visitante.

Hay varias maneras de hacerlo en OptinMonster, pero la mejor manera es entregar el código del cupón directamente a través de la vista de OptinMonster Success y para enviarlo también por correo electrónico.

De esa manera, si el visitante no está listo para comprar de inmediato, tienen el código del cupón para una fácil referencia más tarde.

Por defecto, la ventana emergente de tu cupón ya está diseñada para usar la vista de éxito tan pronto como se haga clic en el botón. Puedes comprobarlo haciendo clic en el botón y luego haciendo clic en el botón y Acción en la parte derecha de tu pantalla.

Si quieres una acción de botón diferente, puedes cambiar eso aquí. Sin embargo, para tu primer cupón, recomendamos seguir con el predeterminado.

Integrando OptinMonster con su lista de correo electrónico

Para enviar su código de cupón por correo electrónico automáticamente y para que el visitante sea añadido a su lista de correo electrónico, necesitará integrar OptinMonster con su servicio de marketing por correo electrónico.

OptinMonster se integra con casi todos los grandes proveedores de servicios de marketing por correo electrónico.

Una vez que lo hayas hecho, puedes configurar un correo electrónico automático para que salga cada vez que alguien se registre en la lista a través de la ventana emergente de tu cupón.

Simplemente utilice la pestaña Integraciones de su campaña para conectar OptinMonster a su servicio de marketing por correo electrónico. Dependiendo del servicio que utilice, es probable que tenga la opción de añadir una etiqueta u otro identificador para que los visitantes que se registren a través de su popup puedan ser identificados.

Si te quedas atascado, mira las instrucciones completas de OptinMonster.

Consejo de bonificación: Editar la plantilla de vista de éxito

Puedes ver y cambiar la plantilla de Success View volviendo a la pestaña Design de tu campaña y haciendo clic en la opción Success .

El valor por defecto es así, pero puedes editarlo de la forma que quieras, igual que has editado la ventana emergente de tu cupón.

Revisa o cambia las reglas de visualización de tu cupón popup

Por defecto, la ventana emergente de su cupón aparecerá a los visitantes después de que hayan estado en cualquier página de su sitio durante 5 segundos. Si quieres cambiar esto, ve a Reglas de visualización .

Puedes establecer las reglas de visualización que quieras, pero una gran oportunidad para probar es Exit-Intent®. Esta tecnología especial de OptinMonster puede saber cuándo un visitante está a punto de salir de su sitio y mostrarle la ventana emergente de su cupón en el momento justo.

Publica tu cupón popup

Una vez que estés satisfecho con la ventana emergente de tu cupón, guárdalo y haz clic en Publicar en el menú de la parte superior de la pantalla. Tendrás que hacer tu campaña en directo con la palanca de la parte superior de la página para poder ejecutarla. Puedes volver y pausarlo en cualquier momento.

Desplácese hacia abajo hasta Plataforma y seleccione WordPress . Entonces verás instrucciones sobre cómo poner tu campaña en vivo en tu sitio.

Creando una rueda de cupones de giro a giro

Un giro para ganar la rueda de cupones es una gran manera de hacer sus cupones más interesantes y divertidos para los visitantes de su sitio. Es como un minijuego al que los visitantes pueden jugar para ganar un descuento u otro bono.

OptinMonster tiene tres giros diferentes para ganar plantillas incorporadas, lo que lo convierte en una opción conveniente, especialmente si ya tienes una cuenta.

Sus opciones de giro para ganar podrían incluir cosas como 10% de descuento, 20% de descuento, envío gratis, una prueba gratis, o lo que quiera ofrecer.

Para crear una rueda de cupones de vuelta a ganar, tendrás que volver a tu panel de campaña en OptinMonster si no estás ya allí.

A continuación, haz clic en Crear una nueva campaña .

En el siguiente paso, debes seleccionar Pantalla completa para tu tipo de campaña.

Después de eso desplácese hacia abajo y seleccione una de las plantillas de la Rueda. Puedes cambiar los colores más tarde, así que no te preocupes si ninguno de ellos es el adecuado para ti: sólo elige uno para empezar.

Entonces tendrás que darle un nombre a tu campaña y elegir en qué sitio web la usarás.

A continuación, sigue adelante y edita cualquier aspecto de tu rueda de cupones. Para editar las opciones de la propia rueda de cupones, tendrás que hacer clic en ella y luego en el botón Editar secciones de la rueda a la izquierda

Luego puedes escribir cualquier texto como la etiqueta para cada opción, y puedes agregar el código de cupón para cada opción ganadora.

Tenga en cuenta que el Win Chance se determina automáticamente. Si cambias la palanca de uno o más de los ¿Puedes ganar? , verás cambiar el porcentaje de probabilidad de ganar.

Por defecto, todas las opciones que no ofrecen un premio están desactivadas, por lo que el usuario siempre aterrizará en un premio. Puedes cambiar esto si quieres.

Una vez que estés satisfecho con tu rueda de cupones, puedes establecer las reglas de visualización y de publicación de . Si no estás seguro de qué hacer aquí, entonces mira los pasos anteriores de este post para las ventanas emergentes de los cupones.

Si necesitas más ayuda para crear tu rueda de cupones y añadirla a tu sitio, consulta nuestro post Cómo añadir giro para ganar optins en WordPress y WooCommerce, que describe el proceso con más detalle.

Eso es todo. Esperamos que este artículo te haya ayudado a aprender a crear un cupón emergente en WordPress. También es posible que quieras echar un vistazo a nuestra guía sobre los mejores plugins de WooCommerce para aumentar las ventas de tu tienda online.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver los video tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP