jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo crear una ventana emergente de cupón en WordPress (paso a paso)

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

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

Conecte OptinMonster a su sitio web

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

🔥 Leer:  Cómo eliminar todos los mensajes guardados en Snapchat a la vez

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.

Cree una nueva campaña de OptinMonster para que pueda comenzar a hacer su cupón emergente

A continuación, deberá elegir un tipo de campaña. Vamos a usar Surgir, que debería ser la selección predeterminada.

Elija un tipo de campaña para su cupón emergente

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.

Desplácese hacia abajo y seleccione la plantilla de cupón para su ventana emergente

Luego, haga clic en la plantilla y seleccione Usar plantilla.

Seleccione Usar plantilla de las dos opciones dadas al hacer clic (la otra es Vista previa)

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?

Asigne un nombre a su campaña emergente de cupón y elija un sitio para ejecutarla

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.

El diseño de cupón emergente predeterminado, con el título Obtener 25% de descuento en el producto X

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.

Edición del texto para el cupón emergente: el título ahora dice Obtener 25% de descuento en mis libros electrónicos

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.

Cierre el elemento actual que está editando en su cupón emergente

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.

Cambiar el color de fondo de su cupón

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.

Cómo cambiar la configuración de borde de tu cupón emergente

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.

Cambiar el borde discontinuo del cupón emergente

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.

🔥 Leer:  Descargue la última Asus PC Suite para Windows (32 bits y 64 bits)

Guarde su campaña de cupones emergentes

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.

Ver o cambiar la acción del botón para la ventana emergente de su cupón

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.

Ver y editar la vista de Éxito

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.

Las reglas de visualización para la ventana emergente de su cupó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.

Establecer la regla de visualización para usar Intención de salida

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.

🔥 Leer:  ¿Qué es el número UPI privado? ¿Cómo crearlo en Paytm?

Desplácese hacia abajo para Plataforma y seleccione WordPress. Luego verá instrucciones sobre cómo poner su campaña en vivo en su sitio.

Seleccione WordPress como la plataforma para la ventana emergente de su cupón

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.

Seleccione Pantalla completa para su nueva 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.

Seleccione su plantilla de rueda de cupones: hay tres opciones, azul, verde o rojo

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

el botón Editar secciones de rueda

Luego puede escribir cualquier texto como Etiqueta para cada opción, y puede agregar el Código promocional por cada opción ganadora.

Tabla que muestra el giro para ganar opciones de rueda y posibilidades de porcentaje

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

Toggle

Recomendamos

Populares