¿Quieres crear una ventana emergente de cupón 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 ventanas emergentes de cupones. Sin embargo, mostrar el cupón en el momento preciso marca una gran diferencia al convertir a los visitantes abandonados en clientes.
En este artÃculo, veremos cómo agregar una ventana emergente de cupón a su sitio de WordPress o WooCommerce. También le mostraremos dos formas de entregar su cupón para que sea más efectivo y altamente rentable.
¿Por qué deberÃa ofrecer a los visitantes un cupón?
A menudo, a los nuevos propietarios de negocios les preocupa que los cupones afecten sus ganancias. Pero los dueños de negocios establecidos saben que ofrecer un descuento es una forma poderosa de hacer que un visitante tome una decisión, en lugar de sentarse en la cerca. (Y seamos sinceros, ¿a quién no le gusta mucho?)
Ofrecer códigos de cupones lo ayuda a recuperar las ventas de carritos abandonados, convertir a los visitantes en clientes y hacer más ventas.
La mayorÃa de las plataformas de comercio electrónico como WooCommerce le permiten crear fácilmente códigos de cupones. Sin embargo, 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 sus visitantes: una ventana emergente de salida de cupones y un cupón girando una rueda optin.
Echemos un vistazo a cómo crear una ventana emergente de cupón en WordPress o WooCommerce.
Cómo crear tu ventana emergente de cupón en WordPress
Por el bien de este tutorial, usaremos OptinMonster para crear tanto el cupón emergente como un cupón que gira una rueda.
Usamos OptinMonster en nuestros propios sitios web, y fue creado por el fundador de WPBeginner, Syed Balkhi. Desde su lanzamiento en 2013, ahora se está utilizando en más de 1 millón de sitios web.
Primero, debe visitar el sitio web de OptinMonster para crear una cuenta.
Después de eso, 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 un complemento de WordPress.
El complemento actúa como un conector entre su cuenta de OptinMonster y su sitio web de WordPress.
Al activar el complemento, debe hacer clic en el menú de OptinMonster en la barra lateral de administración de WordPress para conectarse con el sitio web de OptinMonster.
Ahora ya está todo listo para crear su primera campaña emergente de cupones.
Creando su campaña de cupón emergente
Simplemente inicie sesión en su panel de OptinMonster y haga clic en el Crear nueva campaña botón.
A continuación, deberá elegir un tipo de campaña. Vamos a usar Surgir, que deberÃa ser la selección predeterminada.
En la siguiente pantalla, se le pedirá que seleccione una plantilla.
OptinMonster tiene una gran variedad de plantillas entre las que puede elegir (todas diseñadas profesionalmente), con muchos diseños y esquemas de color diferentes. los Cupón La plantilla es perfecta para crear una ventana emergente de cupón, aunque puede elegir una plantilla diferente si lo prefiere.
Puede usar el cuadro de búsqueda para encontrar la plantilla de Cupón, o puede desplazarse hacia abajo en la página.
Luego, haga clic en la plantilla y seleccione Usar plantilla.
El último paso antes de comenzar a crear su ventana emergente de cupón es nombrar la campaña y seleccionar el sitio web en el que desea usarla.
Si ya ha conectado OptinMonster a su sitio de WordPress, el nombre y la URL de ese sitio aparecerán en ¿En qué sitio (s) desea cargar esta campaña?
Diseñando tu Popup Cupón
Una vez que haya hecho clic Comience a construir, verá el generador de campañas de arrastrar y soltar. Puede usarlo para cambiar el texto, los colores y el diseño del cupón de la forma que desee.
Simplemente haga clic en cualquier elemento del diseño para cambiarlo. AquÃ, hemos editado el texto y lo hemos hecho de un color diferente. Tan pronto como realice los cambios en el lado izquierdo, verá esos cambios en la ventana emergente de su cupón a la derecha.
Puede cambiar cualquiera de los textos de la misma manera. Es posible que desee experimentar con diferentes fuentes y colores.
Fuera del texto y los elementos dentro de la ventana emergente, también puede cambiar el color de fondo y otras configuraciones.
Primero, cierre el elemento en el que está haciendo clic en el X o la Hogar botón.
Después de eso, ve a Configuración de Optin »Estilos de vista de Optin.
AquÃ, puede cambiar la Superposición de fondo, que es el color alrededor de su ventana emergente que cubre su contenido cuando la ventana emergente aparece en la pantalla de un visitante. En esta pestaña de configuración, también puede cambiar el Estilo de fondo (sólido o degradado) y el Color de fondo.
Hemos utilizado el selector de color para cambiar el fondo a un amarillo brillante.
Aquà también puede agregar una imagen a su cupón si desea usar una.
Finalmente, es posible que desee cambiar el borde discontinuo que aparece cerca del borde de su cupón. Para editar esto, haga clic en él, luego haga clic en el Configuraciones diente que aparece en el lado izquierdo para editar el Columna.
Puede desplazarse hacia abajo a la izquierda para establecer el Color del borde, el Ancho del borde o incluso el Estilo del borde, ¡aunque creemos que los guiones se ven bien para un cupón!
Aquà está nuestra nueva versión, con un borde más estrecho.
Una vez que haya terminado con los cambios, asegúrese de guardar su campaña haciendo clic en el botón verde. Salvar botón en la parte superior de la pantalla.
Decide cómo entregar tu código de cupón
Ahora que ha configurado su ventana emergente de cupones, debe decidir cómo entregará realmente el código de cupón a su 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 OptinMonster Éxito ver y para enviarlo por correo electrónico también.
De esa manera, si el visitante no está listo para comprar de inmediato, recibirá el código de cupón para una fácil referencia más adelante.
De manera predeterminada, su ventana emergente de cupones ya está diseñada para usar la vista de éxito tan pronto como se hace clic en el botón. Puede verificar esto haciendo clic en el botón y luego haciendo clic Botón y Acción en el lado derecho de su pantalla.
Si desea una acción de botón diferente, puede cambiarla aquÃ. Sin embargo, para su primer cupón, recomendamos mantener el valor 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 agregado a su lista de correo electrónico, deberá 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 hayas hecho eso, puedes configurar un correo electrónico automatizado para que salga cuando alguien se registre en la lista a través de la ventana emergente de tu cupón.
Simplemente use la pestaña Integraciones de su campaña para conectar OptinMonster a su servicio de marketing por correo electrónico. Dependiendo del servicio que use, es probable que tenga la opción de agregar una etiqueta u otro identificador para que los visitantes que se registren a través de su ventana emergente puedan ser identificados.
Si se atasca, eche un vistazo a las instrucciones completas de OptinMonster.
Consejo adicional: edite la plantilla de vista de éxito
Puede ver y cambiar la plantilla de Vista de éxito volviendo a la Diseño pestaña de su campaña y haciendo clic en el Éxito opción.
El valor predeterminado se ve asÃ, pero puede editarlo de la forma que desee, tal como editó la ventana emergente de su cupón.
Verifique o cambie las reglas de visualización de su ventana emergente de cupón
De forma predeterminada, su cupón emergente 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.
Puede establecer las reglas de visualización que desee, pero una excelente para probar es Exit-Intent®. Esta tecnologÃa especial de OptinMonster puede indicar cuándo un visitante está a punto de abandonar su sitio y mostrarle la ventana emergente de su cupón en el momento justo.
Publique su ventana emergente de cupón
Una vez que esté satisfecho con la ventana emergente de su cupón, guárdela y haga clic Publicar en el menú en la parte superior de la pantalla. Tendrás que hacer tu campaña En Vivo usando el botón en la parte superior de la página para ejecutarlo. Puede regresar y pausarlo en cualquier momento.
Desplácese hacia abajo para Plataforma y seleccione WordPress. Luego verá instrucciones sobre cómo poner su campaña en vivo en su sitio.
Crear una rueda de cupones de Spin-to-Win
Un giro para ganar la rueda de cupones es una excelente manera de hacer que sus cupones sean más interesantes y divertidos para los visitantes de su sitio. Es como un mini juego que los visitantes pueden jugar para ganar un descuento u otro bono.
OptinMonster tiene tres plantillas de giro diferentes para ganar integradas, por lo que es una opción conveniente, especialmente si ya tiene una cuenta.
Sus opciones de giro para ganar podrÃan incluir cosas como 10% de descuento, 20% de descuento, envÃo gratis, una prueba gratuita o lo que quiera ofrecer.
Para crear una rueda de cupones de giro para ganar, deberá volver a su Tablero de la campaña en OptinMonster si aún no está allÃ.
A continuación, haga clic para Crea una nueva campaña.
En el siguiente paso, debe seleccionar Pantalla completa para su tipo de campaña.
Después de eso, desplácese hacia abajo y seleccione una de las plantillas de rueda. Puede cambiar los colores más tarde, asà que no se preocupe si ninguno de ellos es el adecuado para usted: simplemente elija uno para comenzar.
Luego deberá asignarle un nombre a su campaña y elegir en qué sitio web usarla.
A continuación, continúe y edite cualquier aspecto de su rueda de cupones. Para editar las opciones en la rueda de cupones, deberá hacer clic en ella y luego hacer clic en Editar secciones de rueda botón en el lado izquierdo
Luego puede escribir cualquier texto como Etiqueta para cada opción, y puede agregar el Código promocional por cada opción ganadora.
Tenga en cuenta que el Oportunidad de ganar se determina automáticamente Si cambia la palanca en uno o más de los ¿Puede ganar? opciones, verá el porcentaje de posibilidades de ganar cambios.
De forma predeterminada, todas las opciones que no ofrecen un premio están desactivadas, por lo que el usuario siempre obtendrá un premio. Puedes cambiar esto si quieres.
Una vez que esté satisfecho con su rueda de cupones, puede configurar el Reglas de visualización y Publicar eso. Si no está seguro de qué hacer aquÃ, eche un vistazo a los pasos anteriores en esta publicación para ventanas emergentes de cupones.
Si necesita más ayuda para crear su rueda de cupones y agregarla a su sitio, consulte nuestra publicación Cómo agregar giro para ganar opciones en WordPress y WooCommerce, que realiza 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 cupón en WordPress. También es posible que desee consultar nuestra guÃa sobre los mejores complementos de WooCommerce para aumentar las ventas de su tienda en lÃnea.
Si le gustó este artÃculo, suscrÃbase a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook.
Tabla de contenidos