Objetivos del artículo

Aprende a agregar códigos de cupón estáticos y códigos de cupón únicos a tus formulario de registro para impulsar mayores tasas de envío y tasa de conversión, y animar a los clientes a gastar más en tu sitio.

Una buena práctica es agregar el código de cupón directamente al mensaje de éxito del formulario, ya que incentiva los registros y permite que tus compradores canjeen el cupón sin salir de tu sitio. Si usas Shopify y cupones únicos de Shopify en tus formularios de registro, el cupón se aplicará automáticamente al carrito del cliente al finalizar la compra cuando complete el formulario.

Antes de empezar

Hay algunos tipos de cupones:

  • Códigos únicos
    Los códigos de cupón únicos, también llamados "dinámicos", son una serie aleatoria de números o letras que un destinatario puede utilizar 1 sola vez. Cada destinatario recibirá su propio código de cupón y no habrá 2 destinatarios con el mismo código. Los códigos de cupón únicos suelen ser más largos y complicados que los códigos estáticos.
  • Cupón estático
    Los códigos de cupón estáticos son un solo código para que lo usen todos los clientes (p. ej., Welcome20). Cada persona recibirá el mismo código para usarlo en el sitio. Los códigos estáticos se pueden compartir; sin embargo, son más fáciles de recordar y usar.

El proceso de configurar el cupón variará según el tipo de cupón que uses (es decir, cupón estático, cupón único de Shopify o cupón único cargado); sin embargo, se deben seguir las primeras 2 secciones de esta guía independientemente del tipo de cupón.

Los formularios de banner pueden usar cupones estáticos. Si quieres ofrecer un cupón único, coloca el bloque en el paso de éxito. Al recopilar registros con un cupón único, haz que el campo de correo electrónico o número de teléfono sea obligatorio.

Prepara el formulario de registro

  1. Ve a Sitio web > Formularios de registro en la barra de navegación izquierda de Klaviyo.
  2. Elige una de las siguientes opciones. Si se te solicita un nombre de formulario y un canal después de hacer clic en Crear formulario, ingresa un nombre, selecciona Web y haz clic en Crear.
    • Opción 1: elige 1 de los formularios existentes para editarlo y agregarle un cupón.
    • Opción 2: elige una plantilla prediseñada de la biblioteca de formularios que ya incluya un bloque de cupón. Selecciona Crear formulario, luego abre Tipo de plantilla y selecciona Cupones y ofertas para filtrar la biblioteca. Selecciona una plantilla, elige su lista y haz clic en Crear formulario.
The form library with the box for Coupons & Offers checked off at the top of the page to narrow the search
The form library with the box for Coupons & Offers checked off at the top of the page to narrow the search
  • Opción 3: crea un nuevo formulario desde cero y configúralo con un cupón. Selecciona Crear formulario y, luego, Crear formulario en blanco. Ingresa un nombre, elige un tipo de formulario y una lista, y haz clic en Crear formulario.
  1. Si elegiste un formulario existente, ábrelo en el editor de formularios.

Con cualquiera de las opciones anteriores, puedes agregar fácilmente un bloque de cupón a tu formulario de registro en el creador de formularios.

Agrega un bloque de cupón al paso de éxito de tu formulario

Una vez que estés en el editor del formulario de registro, puedes agregar y configurar el cupón. Sigue estas instrucciones de configuración tanto para cupones estáticos como para cupón único:

  1. En el editor de formularios, selecciona el botón Enviar en la vista previa.
The button menu showing in the form editor for an example form with the Action set to Submit Form and the After Submit set to Show Next Step
The button menu showing in the form editor for an example form with the Action set to Submit Form and the After Submit set to Show Next Step
  1. Configura los ajustes de Acción de clic en el botón de la siguiente manera:
    • Acción: Enviar formulario.
    • Lista para enviar: Elige tu lista.
    • Después de enviar: Mostrar el siguiente paso.
  2. En la parte superior de la página, selecciona Éxito para abrir el paso de éxito del formulario. Esta es la página que verán los visitantes cuando envíen el formulario.
The Success step selected in the menu bar of the form editor for an example form
The Success step selected in the menu bar of the form editor for an example form
  1. Haz clic en Agregar contenido en la barra lateral izquierda para abrir el panel Agregar bloques.
  2. Arrastra y suelta un bloque de cupón (ubicado en Elements) en la vista previa donde quieras que aparezca el cupón en tu formulario, si todavía no hay uno ahí.
  3. Selecciona el bloque de cupón en la vista previa del formulario para abrir la configuración.
  1. En el menú de configuración que aparece a la izquierda, elige configurar un cupón estático o un cupón único en el formulario.

Configura un cupón estático en el formulario

  1. En la parte superior del menú de configuración de cupones, selecciona Estático.
  2. Ingresa el código de cupón existente en el campo cupón estático (p. ej., Welcome10).
The Coupon menu in the sign-up form builder showing a static coupon selected and its name typed into the textbox
The Coupon menu in the sign-up form builder showing a static coupon selected and its name typed into the textbox
  1. Edita los estilos del bloque (por ejemplo, color de fondo, radio de esquina, estilo de borde, grosor del borde y relleno) para que el cupón sea grande y llamativo.
  2. Cuando termines de editar, haz clic en la flecha hacia atrás para volver al editor de formularios. Los cambios se guardan automáticamente.
Back arrow within the Coupon block editor
Back arrow within the Coupon block editor
  1. Ve a la sección final para terminar de editar y publicar tu formulario.

Configura un código de cupón único en tu formulario

En la parte superior del menú de configuración de cupones, selecciona Único. Dependiendo de si usas un cupón único de Shopify o un cupón único cargado, la configuración variará ligeramente.

Actualmente, la posibilidad de mostrar códigos de cupón únicos en un mensaje de confirmación solo está disponible para cupones de Shopify, cupones cargados y cupones de interfaz de programación de aplicaciones (API). Si bien es posible crear cupones únicos en Klaviyo para WooCommerce, Magento 2 y PrestaShop, por el momento no es posible mostrar esos códigos en formularios de registro. Como alternativa, sigue las instrucciones de cupones cargados o cupones de interfaz de programación de aplicaciones (API) para agregar códigos de cupón únicos en formularios.

Cupones de Shopify

  1. Selecciona Cupón de Shopify como tu Tipo de cupón único.
  2. Elige un cupón existente en Cupón único o haz clic en Crear cupón único de Shopify para crear uno. Si ya tienes cupones de Shopify, el botón se llama Crear otro cupón de Shopify.
The Coupon menu opened in the sign-up form editor showing a unique coupon type selected
The Coupon menu opened in the sign-up form editor showing a unique coupon type selected
  1. Si eliges crear un nuevo código de cupón único de Shopify, aparecerá el modal Crear cupón único de Shopify que te pedirá lo siguiente:
    • Asígnale un nombre a tu cupón (p. ej., 10DESC) y añádele un prefijo opcional.
    • Selecciona el tipo de descuento que te gustaría ofrecerles a tus clientes (importe fijo, porcentaje o envío gratis).
    • Elige la configuración sobre cómo funcionará tu cupón (monto, aplicación, activación y caducidad).
      • Klaviyo genera códigos automáticamente cuando publicas el formulario, con un objetivo inicial de 600 códigos por formulario activo, y genera más cuando quedan menos de 400 códigos disponibles. Esto aplica independientemente de si Caducidad está configurada en Después de 1 año, En una fecha específica o Después de una cierta cantidad de días/horas. No necesitas agregar códigos de Shopify manualmente.
  1. Haz clic en Crear cupón único en Shopify en la esquina inferior derecha. Esto te lleva de vuelta al editor de formularios con el código de cupón recién creado seleccionado para usar en el formulario.
  2. Añade un cupón estático existente como Cupón alternativo. Klaviyo muestra este código cuando no puede asignar un código único, incluso cuando se agota el suministro. Usa un código estático que ofrezca el mismo descuento.
  3. Primero tendrás que crear un cupón estático en Shopify para pegarlo en el cuadro de texto del Cupón alternativo (p. ej., 10PORCIENTO).
  4. Ve a la sección final para terminar de editar y publicar tu formulario.

Cupones cargados

Antes de subirlo, crea códigos de cupón únicos en tu plataforma de ecommerce y guárdalos como un archivo CSV.

Cómo aparece el interruptor de cupones cargados cuando esta opción está activada
Cómo aparece el interruptor de cupones cargados cuando esta opción está activada
  1. En el formulario, elige Cupón cargado como Tipo de cupón único.
  2. Elige un cupón existente de Cupón único o haz clic en Crear cupón cargado para crear uno. Si ya cargaste cupones, el botón se llama Crear otro cupón cargado.
The Create uploaded coupon link selected from the unique coupon set up menu
The Create uploaded coupon link selected from the unique coupon set up menu
  1. Si eliges un cupón existente, asegúrate de que tenga códigos disponibles. Para agregar más, abre una pestaña del navegador por separado y ve a Contenido > Cupones, selecciona Cargados y luego usa el menú de 3 puntos del cupón > Agregar códigos. Sube e importa el CSV y luego regresa al editor de formularios.
  2. Si elegiste crear un nuevo cupón cargado, la página Crear cupón se abrirá en una nueva pestaña. Desde aquí:
    • Configura los siguientes detalles:
      • Nombre (p. ej., JustForYou)
      • Recuento mínimo de cupones (p. ej., 500): el umbral de códigos disponibles que se usa para las notificaciones de pocos cupones.

Ingresa un valor de 100 a 5,000 para el recuento mínimo de cupones. El campo está rellenado previamente con 500.

  • Fecha de caducidad
  • Haz clic en Crear cupón en la esquina superior derecha. Esto te lleva a la pestaña Cargados en la página de cupones.
    • En la pestaña Cargados, abre el menú de 3 puntos a la derecha del cupón y selecciona Agregar códigos.
  • Carga el archivo CSV y revisa la vista previa. Haz clic en Importar cupones, espera a que termine el procesamiento y luego haz clic en Listo. Puedes consultar nuestra guía para cargar cupones únicos para obtener ayuda.
  • Regresa a la pestaña del creador de formularios de registro y vuelve a cargar la página.
  1. Si creaste un cupón nuevo, selecciona el paso Éxito y selecciona el bloque de cupón en la vista previa.
  2. Elige el cupón nuevo que subiste en Cupón único. Si seleccionaste un cupón existente antes, conserva esa selección.
The Unique Coupon dropdown in the sign-up form editor with the coupon you just uploaded selected as the coupon option
The Unique Coupon dropdown in the sign-up form editor with the coupon you just uploaded selected as the coupon option
  1. Añade un cupón estático existente como Cupón alternativo. Klaviyo muestra este código cuando no puede asignar un código único, incluso cuando se agota el suministro.
    • Crea el código estático en tu plataforma de ecommerce y luego pégalo en Cupón alternativo (p. ej., 10PERCENT). Usa un código que ofrezca el descuento que quieres ofrecer.
The fallback coupon message that appears after you configure a coupon for your sign-up form
The fallback coupon message that appears after you configure a coupon for your sign-up form

Terminar de editar y publicar tu formulario

Una vez que tengas cupones configurados para tu formulario:

  1. Realiza los últimos cambios de estilo en la apariencia y el texto de tu cupón, o en los otros pasos de tu formulario.
  2. Cuando estés listo para activar el formulario, haz clic en Publicar o programar. Elige Publicar ahora si aparece una opción de programación, resuelve cualquier alerta que bloquee la publicación y luego haz clic en Publicar ahora para publicar el formulario.
  3. Ve al sitio y vuelve a cargar la página para ver que aparezca el formulario.

Puede que el formulario tarde un momento en aparecer en el sitio mientras se genera el código de cupón único.

  1. Completa el formulario para probar que el cupón se haya procesado correctamente. Una vez que se haya procesado, los clientes recibirán un código de cupón directamente en el mensaje de éxito del formulario para copiarlo y usarlo en el sitio.

Si usas un cupón de Shopify en el formulario de registro, se aplicará automáticamente en la página de pago de Shopify del cliente cuando llegue al último paso del formulario.

Recursos adicionales

  • ¿Cómo empiezo a usar los códigos de cupón en Klaviyo?

    Aprende a crear y subir códigos de cupón únicos y estáticos en Klaviyo para incentivar al cliente a interactuar con tu marca. Ofrecer un incentivo puede ayudarte a mejorar la experiencia del cliente, lo que se traducirá en un aumento de las ventas y del valor de vida.

  • Cómo crear códigos de cupón únicos para Shopify

    Descubre cómo crear cupones de un solo uso para tu tienda de Shopify, de modo que cada cliente reciba su propio código único para una promoción específica en tu sitio. Esta función ofrece una alternativa a crear un cupón genérico (también conocido como código de cupón estático), para que no tengas que preocuparte de que se compartan los códigos.

  • Primeros pasos con Shopify

    Aprende a integrar Klaviyo con Shopify para llevar tus datos de perfiles de clientes y de pedidos a Klaviyo y comunicar con tus clientes usando mensajes dirigidos. Además, habilita el seguimiento y los formularios de registro de Klaviyo en tu sitio web, y sincroniza datos de Klaviyo hacia Shopify.

  • Klaviyo practitioner certificate
¿Te resultó útil este artículo?
Usa este formulario solo para enviar comentarios sobre el artículo. Más información sobre cómo contactar al equipo de asistencia.

Descubre más sobre Klaviyo

Comunidad
Conecta con colegas, socios y expertos de Klaviyo para inspirarte, compartir ideas y resolver todas tus dudas.
Socios
Contrata a un experto certificado por Klaviyo para ayudarte con una tarea específica o para la gestión continua de marketing.
Asistencia

Accede a la asistencia a través de tu cuenta.

Asistencia por correo electrónico (prueba gratuita y cuentas de pago) Disponible 24/7

Asistencia virtual/por chat
La disponibilidad varía según la ubicación y el tipo de plan