Cómo hacer promociones de cupones emergentes que realmente impulsen las ventas

¬Ņ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

Adam-Sandler-Trust-Me, -It-Works-Gif

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¬ģ.

baublebar-popup-coupon

Para comenzar, inicie sesi√≥n en su panel de OptinMonster y haga clic en Crear campa√Īa:

create_campaign

Elige un tipo de campa√Īa. Para este tutorial, estamos usando el Ventana emergente de caja de luz:

seleccione su tipo de campa√Īa

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:

elige la plantilla de campa√Īa

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:

nombra tu campa√Īa

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

vista de campa√Īa predeterminada del cup√≥n

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.

coupon-edit-headline

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.

texto del cuerpo del cupón

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.

agregue una imagen con el generador de campa√Īas de arrastrar y soltar de optinmonster

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:

  1. Haga clic en el Casa icono en el constructor
  2. Haga clic en el Dise√Īo leng√ľeta

llegar a la p√°gina principal en el generador de campa√Īas de arrastrar y soltar

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.

cambiando el color de fondo optin

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.

herramientas de edición de llamada a la acción

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.

texto emergente del botón de edición de cupó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.

vista de éxito de cupón emergente

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.

editar la acci√≥n de su bot√≥n en el generador de campa√Īas de arrastrar y soltar de optinmonster

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.

cupón emergente redirigir a una URL

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.

publica tu campa√Īa de cupones

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:

cupón emergente 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:

Mostrar reglas en el men√ļ superior

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:

Elegir es copia final inmediata

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:

Elegir visitante es nuevo

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:

Reglas de visualización de intención de salida si se detecta salida

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:

Extensiones de WooCommerce

Luego busque Cupones de URL:

Agregar extensión de 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:

Agregar cupones de WooCommerce en el tablero

Ahora haga clic A√Īadir nuevo cup√≥n:

A√Īadir cup√≥n

Y en los campos de descripción general, puede crear su URL de cupón personalizado:

woocommerce-url-coupons-new-coupon

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):

Redirigir URL con URL de cupón

¬°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√≠:

Comience ahora redirija al carrito de compras

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:

Tablero de Shopify

Hacer clic Descuentos:

Descuentos por clic

Y Crear descuento:

Haz clic en 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:

Código de descuento en Shopify

Luego puede modificar las condiciones de su código de descuento:

Condiciones para su código de descuento

Cuando hayas terminado, desplázate hacia abajo y haz clic Guardar código de descuento:

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:

Enlace GetShareable para promoción de cupón emergente

Haga clic en eso para ver su nueva URL de código emergente de cupón:

Copiar enlace para ventana 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:

Redirigir URL con URL de cupón

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!