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

¿Quieres crear un cupón emergente en WordPress? Las ventanas emergentes de cupones son una excelente manera de convertir a los visitantes de su sitio web en clientes que pagan.

Hay varias formas diferentes de crear y mostrar cupones emergentes. Sin embargo, mostrar los cupones en el momento adecuado marca una gran diferencia a la hora de convertir a los visitantes abandonados en clientes.

En este artículo, aprenderemos cómo agregar cupones emergentes a su sitio de WordPress o WooCommerce. También le mostraremos dos formas de entregar cupones para hacerlos más eficientes y rentables.

¿Por qué ofrecer cupones a los visitantes?

A los propietarios de nuevos negocios a menudo les preocupa que los cupones afecten sus ganancias. Pero los dueños de negocios establecidos saben que ofrecer descuentos es una forma efectiva de hacer que los visitantes tomen una decisión en lugar de sentarse y relajarse. (Seamos realistas, ¿quién no lo ama?)

Ofrecer códigos de cupón puede ayudarlo a recuperar las ventas de los carritos de compras abandonados, convertir a los visitantes en clientes y realizar más ventas.

La mayoría de las plataformas de comercio electrónico, como WooCommerce, le permiten generar fácilmente códigos de cupón. Pero compartir estos códigos de cupón con sus clientes marca la diferencia.

Es por eso que en este artículo compartiremos dos formas diferentes de compartir cupones con los visitantes: ventanas emergentes para salir de cupones y cupones girando el dial.

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

Cómo crear un cupón emergente en WordPress

En este tutorial, usaremos OptinMonster para crear cupones emergentes y cupones derivados.

Usamos OptinMonster en nuestro sitio web, que fue creado por el fundador de WPBeginner Syed Balkhi. Desde su lanzamiento en 2013, actualmente se utiliza en más de 1 millón de sitios web.

Primero, debe visitar el sitio web de OptinMonster para crear una cuenta.

Luego, debe instalar y activar el complemento OptinMonster en su sitio de WordPress. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

El complemento actúa como un enlace entre su cuenta de OptinMonster y su sitio de WordPress.

Después de activar el complemento, debe hacer clic en el menú OptinMonster en la barra lateral de administración de WordPress para conectarse al sitio web de OptinMonster.

Está listo para crear su primera campaña de cupones emergentes.

Crea tu campaña de cupones emergentes

Simplemente inicie sesión en su panel de OptinMonster y haga clic en Crear una nueva campaña robot

Luego debe elegir el tipo de campaña. Usemos Aparecerque debería ser la opción predeterminada.

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

OptinMonster tiene una gran selección de plantillas (todas diseñadas profesionalmente) con muchos diseños y combinaciones de colores diferentes. Cupón Esta plantilla es excelente para crear cupones emergentes, pero puede elegir otras plantillas si lo desea.

Puede usar el cuadro de búsqueda para encontrar plantillas de cupones o desplazarse hacia abajo en la página.

Luego haga clic en la plantilla y seleccione Usar plantillas.

El último paso antes de crear una ventana emergente de cupones es nombrar la campaña y seleccionar el sitio web donde desea usarlo.

Si ha vinculado OptinMonster a su sitio de WordPress, aparecerá el nombre del sitio y la URL ¿A qué sitio web le gustaría subir esta campaña?

Diseña tus cupones emergentes

después de hacer clic empezar a construir, verá al creador de campañas de arrastrar y soltar. Puede usarlo para cambiar el texto, el color y el diseño del cupón de cualquier manera.

Simplemente haga clic en cualquier elemento de diseño para cambiarlo. Aquí editamos el texto y lo hicimos en un color diferente. Una vez que haya realizado los cambios a la izquierda, los verá en la ventana emergente del cupón a la derecha.

Puede cambiar cada texto de la misma manera. Es posible que desee probar diferentes fuentes y colores.

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

Primero, cierre el elemento en el que hizo clic X ho ho Familia robot

Luego ve a Opciones Ajustes »Opciones Ver estilos.

Aquí puede cambiar la superposición de fondo, que es el color alrededor de la ventana emergente que se superpone a su contenido cuando aparece en la pantalla del visitante. En esta sección de configuración, también puede cambiar el estilo de fondo (sólido o degradado) y el color de fondo.

Usamos el selector de color para cambiar el fondo a amarillo brillante.

Si desea utilizar el cupón, también puede agregar una imagen al cupón aquí.

Finalmente, es posible que desee cambiar el borde punteado que aparece cerca del borde del cupón. Para editarlo, haga clic en él y luego haga clic en ajustar Los dientes aparecen a la izquierda para editar Pilar.

Puede desplazarse hacia abajo a la izquierda para establecer el color del borde, el ancho del marco e incluso el estilo del marco, ¡aunque creemos que el guión se ve muy bien para un cupón!

Esta es nuestra nueva versión con marcos más estrechos.

Una vez que haya realizado los cambios, asegúrese de hacer clic en el botón verde para guardar su campaña. ahorrar botón en la parte superior de la pantalla.

Decide cómo proporcionar el código para tu cupón

Ahora que ha configurado la ventana emergente del cupón, debe decidir cómo enviar el código del cupón a sus visitantes.

Hay varias formas de hacer esto en OptinMonster, pero la mejor es ofrecer un código de cupón a través de OptinMonster ahora mismo. Buena suerte Ver sí También se puede enviar por correo electrónico.

De esa manera, si los visitantes no están listos para comprar de inmediato, recibirán un código de cupón para una fácil referencia más adelante.

De manera predeterminada, la ventana emergente de su cupón ya está diseñada para usar la Vista de éxito inmediatamente después de hacer clic en el botón. Puede verificar esto haciendo clic en el botón y luego haciendo clic en botas sí acción en el lado derecho de la pantalla.

Si desea una acción de botón diferente, puede cambiarla aquí. Sin embargo, para su primer cupón, le recomendamos que mantenga los valores predeterminados.

Integre OptinMonster con su lista de correo electrónico

Para enviar automáticamente sus códigos de cupón y agregar visitantes a su lista de correo electrónico, debe integrar OptinMonster con su servicio de marketing por correo electrónico.

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

Una vez que haya hecho eso, puede configurar un correo electrónico automático para que se envíe cuando alguien se suscriba a su anuncio a través de la ventana emergente de su cupón.

Simplemente conecte OptinMonster a su servicio de marketing por correo electrónico utilizando la pestaña Integración de su campaña. Dependiendo del servicio que utilice, puede elegir agregar etiquetas u otros identificadores para que los visitantes que se registren a través de su ventana emergente puedan ser identificados.

Si está atascado, consulte la descripción completa de OptinMonster.

Sugerencia adicional: edite la plantilla de vista de éxito

puedes volver a Disio la pestaña de su campaña, luego haga clic en Buena suerte ajustes.

Se ve así de forma predeterminada, pero puede editarlo como desee, tal como editaría una ventana emergente de cupón.

Verifique o cambie las reglas para mostrar ventanas emergentes de cupones

tuyo por defecto Los cupones emergentes se mostrarán a los visitantes después de que permanezcan en cualquier página de su sitio durante 5 segundos. Si desea cambiar esto, vaya a reglas de visualización.

Puede establecer las reglas de visualización que desee, pero Exit-Intent® es una buena experiencia. Esta tecnología especial de OptinMonster puede saber cuándo un visitante está a punto de abandonar su sitio y mostrarle la ventana emergente de su fiesta en el momento adecuado.

Publicar la ventana emergente del cupón

Una vez que esté satisfecho con la ventana emergente del cupón, guarde y haga clic en liberar en el menú en la parte superior de la pantalla, deberás crear tu campaña Vivir Lánzalo con el botón en la parte superior de la página. Puede volver atrás y pausarlo en cualquier momento.

desplácese hacia abajo para plataforma y seleccione WordPressLuego verá instrucciones sobre cómo ejecutar una campaña publicitaria en su sitio web.

Crea un giro para ganar una rueda de cupones

Girar la ruleta con cupones de ganancias es una excelente manera de hacer que sus cupones sean más interesantes e interesantes para los visitantes de su sitio web. Es como un minijuego donde los visitantes pueden jugar para obtener descuentos u otras recompensas.

OptinMonster tiene tres plantillas de rotación diferentes incorporadas, lo que la convierte en una opción útil, especialmente si ya tiene una cuenta.

Sus opciones ganadoras pueden incluir 10 % de descuento, 20 % de descuento, envío gratis, prueba gratis o lo que quiera ofrecer.

Para crear un giro para ganar la rueda de cupones, deberá volver al panel de control de la campaña OptinMonster (si aún no está allí).

luego haga clic Crear una nueva campaña.

En el siguiente paso tienes que elegir pantalla completa adecuado para su tipo de campaña.

Luego, desplácese hacia abajo y seleccione uno de los patrones de ruedas. Puede cambiar los colores más tarde, así que no se preocupe si ninguno de ellos funciona para usted, solo elija uno y comience.

Luego, debe nombrar su campaña y elegir qué sitio usar.

Luego continúe y edite todos los aspectos de la rueda de cupones. Para editar las opciones de la rueda de cupones, debe hacer clic en ella y luego hacer clic en Editar sección de rueda botón a la izquierda

A continuación, puede escribir cualquier texto como Etiqueta Para cada opción puede agregar código promocional para cada opción ganadora.

Tenga en cuenta, oportunidad de ganar Determina automáticamente si mover el joystick a uno o más ¿Puedes ganar? opción y verás un porcentaje de posibilidades de ganar el cambio.

Todas las opciones que no son premios están deshabilitadas por defecto, por lo que el usuario siempre recibirá el premio. Puedes cambiarlo si quieres.

Una vez que esté satisfecho con la rueda de la fiesta, puede ajustar reglas de visualización sí liberar Ese. Si no está seguro de qué hacer aquí, consulte los pasos anteriores en esta publicación para obtener la ventana emergente del cupón.

Si necesita más ayuda para crear y agregar su rueda de cupones a su sitio web, consulte nuestra publicación sobre Cómo agregar una opción de pago a WordPress y WooCommerce, que cubre el proceso con más detalle.

Eso es todo. Esperamos que este artículo te haya ayudado a aprender cómo crear una ventana emergente de cupones en WordPress. También puede consultar nuestra guía de los mejores complementos para WooCommerce para aumentar las ventas en su tienda en línea.

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