¿Alguna vez te bombardearon con cupones, descuentos y ofertas en el buzón de tu casa? Rápidamente echas un vistazo a la pila de papeles solo para deshacerte de todos en tu papelera (bueno, con suerte, la papelera de reciclaje ♻️).
Luego te preguntas: “¿Por qué las empresas envían todas estas ofertas promocionales, de todos modos?”
Tenemos la respuesta para ti:
Porque trabajan
Pero la desafortunada verdad es que la mayoría de los dueños de negocios están perdiendo ingresos porque no están ofreciendo el tipo correcto de promociones al tipo correcto de cliente.
Afortunadamente para usted, conocemos una mejor manera de hacerlo (que tampoco incluye la tala de árboles para folletos). Por eso, en la publicación de hoy, te vamos a enseñar Cómo ofrecer cupones emergentes a los visitantes en tu sitio.
Más específicamente, vamos a cubrir:
Al final de este artículo, comprenderá por completo que dar un pequeño descuento puede significar obtener muchos ingresos a cambio.
Vamos a entrar
Existen muchas herramientas para crear ventanas emergentes genéricas de cupones, pero no todas obtendrán los resultados que está buscando.
Algunos de los visitantes de su sitio web encontrarán molestos popups intrusivos.
Si no desea molestar a los clientes potenciales, es importante ofrecer descuentos de la manera correcta. Un cupón emergente en el momento adecuado puede hacer que sus clientes se sientan parte de un exclusivo “en grupo”. En otras palabras, una campaña bien dirigida hace que los usuarios se sientan especiales.
Con OptinMonster, puede ofrecer cupones de la manera correcta, en el momento correcto, a las personas adecuadas, lo que es, después de todo, el santo grial del marketing.
Esto se debe a que OptinMonster tiene funciones avanzadas de orientación que le permiten mostrar cupones en páginas específicas, a visitantes específicos, en momentos específicos y en ubicaciones específicas.
Hola santo grial
Puede orientar los cupones por dispositivo y mostrar ciertas ventanas emergentes basadas en la actividad o inactividad de los visitantes. Sus cupones emergentes también se pueden usar como herramientas poderosas para reducir el abandono del carrito de compras cuando se usa con la tecnología exit-intent®.
Y puede combinar nuestras reglas de segmentación avanzadas para ser extremadamente precisos sobre quién ve su cupón emergente. Por ejemplo, puede mostrar su cupón solo a los compradores en una ubicación específica con orientación geográfica o a los visitantes que hicieron clic en un anuncio específico.
A diferencia de un complemento de cupones de WordPress, OptinMonster funciona en cualquier sitio, sin importar qué sistema de administración de contenido esté utilizando. Eso incluye las soluciones de comercio electrónico líderes en la industria como WooCommerce, Shopify, Magento, BigCommerce y otras.
Pero basta de hablar. Vayamos a lo bueno. Así es como funciona…
Cómo crear un cupón emergente
En el tutorial de hoy, usaremos OptinMonster. Si aún no lo ha hecho, regístrese para que OptinMonster lo siga.
Todos registrados? ¿Listo para ir?
Bueno. Empecemos.
Paso 1: Crea tu campaña
En este tutorial, vamos a recrear un cupón emergente similar a este de BaubleBar. Use esto como punto de partida para crear el suyo. Sin embargo, también debe saber que hay muchas formas de personalizar este cupón. Por ejemplo, ofrecemos un descuento, pero podría ofrecer fácilmente envío gratuito.
Para obtener más ejemplos que lo inspiren, consulte todas las ventanas emergentes de cupones en nuestra galería emergente exit-intent®.
Para comenzar, inicie sesión en su panel de OptinMonster y haga clic en Crear campaña:
Elige un tipo de campaña. Para este tutorial, estamos usando el Ventana emergente de caja de luz:
Elija una plantilla para su ventana emergente. Hay más de 30 plantillas diseñadas profesionalmente para elegir, con diferentes diseños y esquemas de color.
Vamos a usar el Cupón tema. Encuéntrelo desplazándose por los temas disponibles o escriba “cupón” en el cuadro de búsqueda para encontrarlo rápidamente:
Todas las plantillas de OptinMonster son flexibles y totalmente personalizables. Si prefiere diseñar su propio formulario en HTML, puede usar la tecnología Canvas de OptinMonster para implementarlo.
Asigne un nombre a su campaña, elija el sitio web en el que usará la ventana emergente y presione el Comience a construir botón:
Paso 2: Personaliza tu cupón emergente
Independientemente del tipo de campaña que haya seleccionado, el siguiente paso es personalizar el diseño y la copia para que satisfaga sus necesidades.
Después de presionar Comience a construir, serás llevado al increíble creador de campañas de arrastrar y soltar de OptinMonster. Verá una vista previa en vivo de la ventana emergente de cupones predeterminada a la derecha y las herramientas de edición a la izquierda.
Tome nota especial de la Salvar botón en la esquina superior derecha del generador. Úselo a menudo. ?
Nuestro ejemplo de BaubleBar tiene un título y texto de cuerpo diferente y es de un color diferente. Así es como lo haces.
Haga clic en el título para que aparezcan las herramientas de edición de elementos a la izquierda. Luego, escriba su nuevo texto en el cuadro de texto. Puede formatear el texto con las herramientas disponibles.
Su titular será la gran cosa que quiere que la gente sepa sobre su oferta, como la declaración “Take 15% Off” en el ejemplo de BaubleBar.
Use el mismo método para editar la copia del cuerpo. Puede agregar más detalles de la oferta y lo que los visitantes deben hacer para obtenerla, como ingresar su dirección de correo electrónico.
No vamos a usar una imagen en nuestra ventana emergente, pero agregar una imagen a su opción es realmente fácil. Haga clic en + Agregar bloques, luego arrastre y suelte el elemento de imagen en la vista previa en vivo.
Las imágenes generalmente reflejan su negocio, la oferta que está haciendo o ambas.
Pero si te cuesta encontrar fotos profesionales, también hay muchos lugares para obtener imágenes atractivas de forma gratuita. Consulte nuestra guía de 39 lugares para buscar imágenes para obtener mejores conversiones.
Ahora vamos a cambiar el color de fondo de nuestra ventana emergente de amarillo a blanco para iluminarlo. Eso pasa en Configuración de Optin »Estilos de vista de Optin.
Hay 2 formas de llegar rápidamente:
- Haga clic en el Casa icono en el constructor
- Haga clic en el Diseño lengüeta
Eso lo llevará directamente al menú de inicio donde puede acceder fácilmente al resto de las herramientas de edición. De nuevo, queremos ir a Configuración de Optin »Estilos de vista de Optin.
Una vez allí, vamos a cambiar nuestro color de fondo al código hexadecimal #ffffff. También puede hacer toneladas de otras cosas, como agregar una imagen, color de superposición o un borde.
Haga clic en el botón Enviar en la vista previa en vivo para que aparezca el Elemento de campos de edición menú a la izquierda. Aquí puede editar sus campos optin y formato de botón y acciones.
Cambie el texto del botón haciendo clic en el Botón pestaña y escribiendo su texto en el Botón de texto campo (estamos usando “Comenzar ahora”). Esta es la llamada a la acción, que es lo único que desea que hagan los visitantes para dar el siguiente paso.
Si tiene dificultades para escribir una copia (incluso para los botones), consulte nuestra guía para escribir la llamada a la acción perfecta para obtener más inspiración.
Paso 3: Configure la entrega de su código de cupón
Una vez que haya terminado el diseño básico, es hora de pensar en cómo sus clientes obtendrán sus cupones después de presionar el botón de enviar. Hay varias formas de hacerlo.
En OptinMonster, le recomendamos que lo entregue de inmediato a través de nuestro Éxito ver y también enviarlo por correo electrónico. Deberá habilitar la integración de su proveedor de servicios de correo electrónico para que esto suceda automáticamente.
También puedes usar el Éxito View a:
- Escriba el código de cupón en la vista de éxito como se muestra arriba. Puede editar esto de la misma manera que las otras partes de su campaña.
- Alternativamente, redirija a los visitantes a una nueva página donde puedan canjear el cupón.
La vista de éxito ya está configurada como la acción de botón predeterminada. Esto significa que no tiene que cambiar nada en la acción del botón y su opción mostrará a los visitantes lo que sea Éxito mensaje que diseñas en tu Vista de éxito.
Si desea cambiar la acción del botón para hacer otra cosa, como enviar visitantes a una página diferente una vez que opten, deberá cambiar la acción del botón.
No te preocupes, es realmente fácil.
Después de editar el texto del botón, haga clic en el Acción sección.
Haga clic en el menú desplegable debajo de Acción de éxito de formulario para ver las acciones disponibles, ¡hay bastantes!
Seleccione Redirigir a una URL y escriba su URL en el Redireccionar URL campo. Esto es realmente útil para enviar a los usuarios de regreso a una página de pago para usar el cupón que les está dando.
También puede usar un enlace de cupón como la URL de redireccionamiento, que aplicará el cupón automáticamente cuando los visitantes lleguen al sitio objetivo. Así es como los creas a través de los complementos de cupones de Shopify y WooCommerce. Y asegúrese de consultar nuestra lista de los mejores complementos y herramientas de WordPress o las mejores aplicaciones de Shopify para obtener más información.
Paso 4. Publica tu cupón emergente
El último paso es guardar los cambios y luego publicar su campaña. Para comenzar el proceso de publicación, haga clic en el Publicar pestaña para ver las opciones de publicación, luego active el botón de estado para activarlo.
Deberá instalar nuestro complemento de WordPress para obtener su cupón emergente en WordPress. Una vez que hayas hecho eso, ve a la sección OptinMonster del panel de control de WordPress y haz clic en Actualizar opciones. Verá el nombre de su nueva campaña, y también podrá ver si está activa.
También puede usar el código de inserción de todo el sitio, que puede obtener haciendo clic en un botón. Dele esto a su desarrollador web para que su integración con OptinMonster esté activa, o hágalo usted mismo siguiendo esta guía.
Y puede usar el código de inserción específico de la campaña para insertar solo su cupón emergente.
Así es como se verá su cupón final:
Esto es un gran comienzo. Pero aumentemos las cosas al centrarnos en ciertos comportamientos de los clientes.
Elija Mostrar reglas para dar la bienvenida a nuevos visitantes o despídase de los visitantes que se van
Ahora tiene una ventana emergente de cupones publicada en su sitio. Sin embargo, actualmente está en el valor predeterminado Monitor ajustes
Si bien estos funcionan muy bien para la mayoría de las personas, a otros propietarios de negocios les gusta hacer un esfuerzo adicional para sus clientes. Prefieren saludar a los nuevos clientes con una oferta de bienvenida o tratar de retener a los clientes que se van. Echemos un vistazo rápido a cómo puede hacer cualquiera (¡o ambas!).
Cuando esté satisfecho con el aspecto de su cupón emergente, es hora de elegir cuándo y dónde lo verán los visitantes.
Para hacerlo, vaya al panel de su campaña y haga clic en el Reglas de visualización lengüeta:
Tiene varias opciones para mostrar su cupón emergente. Primero, haremos que el cupón de bienvenida a sus invitados:
Cómo dar la bienvenida a los invitados con un cupón emergente
Puede ver que el valor predeterminado de su campaña emergente es Después de X segundos regla, que garantiza que los visitantes siempre vean su campaña después de haber estado en su sitio durante un tiempo. Pero es posible que desee ser más agresivo y entregar su promoción de inmediato.
Afortunadamente, la configuración predeterminada solo necesita algunos cambios.
En el primer campo, querrás mantener la condición tiempo en la página. En el siguiente cuadro de campo donde dice Por lo menos, querrás hacer clic en la opción es inmediato:
Luego, debajo, querrás cambiar tus reglas de reorientación en el sitio para asegurarte de que solo recibas a nuevos clientes con tu cupón:
Ahora tiene dos reglas establecidas:
- Los visitantes recibirán inmediatamente su promoción de cupón emergente cuando lleguen a su sitio
- Solo los visitantes nuevos verán esta ventana emergente
Esta es una forma maravillosa de convertir nuevos clientes potenciales fríos en clientes de toda la vida que regresan a su sitio de forma regular.
Oh, y una última cosa: no te olvides de golpear salvar.
Pero tal vez quieras adoptar un enfoque diferente. En lugar de dar la bienvenida a nuevos invitados con un cupón para mantenerlos en su sitio por más tiempo, tal vez quiera usar su descuento para evitar que las personas abandonen su sitio.
Cómo capturar a los clientes que abandonan su sitio con un cupón emergente
Una de nuestras opciones de mayor conversión es una ventana emergente con exit-intent®. Esto garantiza que su cupón emergente aparezca cuando los visitantes estén a punto de abandonar su sitio. Se ha demostrado que esta estrategia reduce el abandono, lo que significa más ingresos para usted.
¿Y la mejor parte? Es super fácil Como … es casi ridículo lo fácil que es.
Mira esto:
Vuelve a tu Reglas de visualización panel de control y cambie la primera configuración a salida detectada:
Notará a su derecha, puede cambiar la cantidad de sensibilidad que utiliza su campaña exit-intent®. La mayoría de las campañas tienen éxito con Medio, pero es posible que desee jugar con esa función hasta que sea adecuada para usted.
Desde allí querrás … espera … no. Eso es. ¡Ya terminaste!
Como dijimos, es ridículamente simple.
Pero no sienta que debería limitarse a eso. Puede ser creativo y agregar múltiples reglas de visualización para sus visitantes. Tú podrías:
- Promocione el cupón exclusivamente para visitantes desde dispositivos móviles
- Haga que aparezca la ventana emergente cuando sus invitados se hayan desplazado por un cierto porcentaje de su página
- Mostrar solo la ventana emergente del cupón en una fecha u hora específica
- Ponga la oferta emergente en ciertas páginas de su sitio y excluya de otras
- Comparta su ventana emergente de cupones con su lista de correo electrónico utilizando MonsterLinks ™ para compartir
Y mucho más.
Cuando se trata de apuntar a su audiencia con una promoción de cupón emergente, el cielo realmente es el límite. Todo lo que se necesita son unos minutos y un poco de creatividad para ver cómo se generan más ingresos.
Cómo crear un código de cupón con WooCommerce y Shopify
Como ya mencionamos, hay toneladas de plataformas de comercio electrónico con las que puede trabajar. Pero en este tutorial, queremos mostrarle cómo crear un código de cupón con los dos jugadores más importantes del mercado: WooCommerce y Shopify.
Crear una URL de código de cupón con WooCommerce
Primero, querrás registrarte en WooCommerce con tu cuenta de WordPress. Esto hará que comenzar sea mucho más fácil.
También deberá asegurarse de haber instalado y activado su complemento WooCommerce. Y a partir de ese momento, querrás ir a WooCommerce en su panel de WordPress y haga clic Extensiones:
Luego busque Cupones de URL:
Una vez que compre esta extensión, podrá crear una URL de cupón única. Ir WooCommerce en su panel de WordPress y haga clic Cupones:
Ahora haga clic Añadir nuevo cupón:
Y en los campos de descripción general, puede crear su URL de cupón personalizado:
Esta es la URL que querrás poner en la ventana emergente de tu cupón. Para hacerlo, regrese al panel de su campaña en OptinMonster e inserte la URL de su cupón en el Redireccionar URL para su llamado a la acción (que cubrimos anteriormente en este tutorial):
¡Y eso es! Entonces, supongamos que estaba ofreciendo a los visitantes por primera vez un 30% de descuento en un curso de marketing, su campaña puede verse así:
Cuando tus usuarios hacen clic en tu llamado a la acción (Empezar ahora), serán redirigidos a la caja con el código de cupón aplicado automáticamente.
Ahora que hemos cubierto cómo hacer esto con WooCommerce, repitamos el proceso para nuestros usuarios de Shopify.
Crear una URL de código de cupón con Shopify
Shopify hace que compartir sus códigos URL de cupón sea increíblemente simple. De hecho, no necesita hacer nada con su sitio de WordPress para esto. Simplemente dirígete al tablero de tu tienda Shopify:
Hacer clic Descuentos:
Y Crear descuento:
Se le pedirá que elija entre crear un Código de descuento o un Descuento automático. Para este tutorial, haga clic en Código de descuento:
Luego puede modificar las condiciones de su código de descuento:
Cuando hayas terminado, desplázate hacia abajo y haz clic Guardar código de descuento:
Desplácese hacia arriba para ver su mensaje de confirmación. En ese mensaje, verá una opción para Obtener enlace para compartir:
Haga clic en eso para ver su nueva URL de código emergente de cupón:
Ahora puede insertar ese enlace en su campaña emergente en su panel de OptinMonster tal como lo hicimos anteriormente con WooCommerce:
Y al igual que antes, su llamado a la acción ahora redirigirá a sus usuarios a su carrito de compras y aplica automáticamente el descuento. ?
Algunas palabras de cierre
¡Eso es! Afortunadamente, obtuvo una idea de cómo hacer que sus campañas de cupones emergentes funcionen para su negocio.
Si disfrutó de este tutorial, consulte nuestra guía sobre cómo interactuar con los usuarios de AdBlock para desbloquear los ingresos publicitarios perdidos, y consulte nuestra guía de marketing por correo electrónico para obtener más consejos sobre cómo utilizar el correo electrónico para conectarse con sus clientes.
Estos cubren algunos temas relacionados que lo ayudarán a interactuar con clientes actuales y potenciales.
¿Pero crees que nos perdimos algo en este tutorial emergente de cupones? Si es así, háganos saber en Facebook o Twitter. ¡Nos encantaría recibir sus comentarios!
Y para otros tutoriales asesinos, dirígete y suscríbete a nuestro canal de YouTube.
¿Todavía no usa OptinMonster? ¡Comience hoy y comience a convertir más visitantes en clientes hoy!
