Cómo configurar un formulario de reposición de stock

Descubre cómo configurar y personalizar un formulario de registro de reposición de stock para tu tienda online. Con el editor de formularios de Klaviyo, puedes personalizar tanto el botón «Notificarme» que aparece cuando un producto de tu sitio está agotado como el formulario que tus clientes usan para registrarse y recibir notificaciones de reposición de stock por email, mensajería de texto y WhatsApp.

Antes de empezar

Los formularios de reposición de stock solo están disponibles para Shopify y BigCommerce. Si utilizas otra plataforma, consulta en su lugar nuestra guía de instalación del flujo de reposición de stock.

En este artículo aprenderás a:

• Elimina cualquier código existente de reposición de stock de Klaviyo de tu tienda Shopify o BigCommerce (si corresponde)
• Activa y personaliza el botón de reposición de stock y el formulario de registro

Cómo funciona el formulario de reposición de stock en tu tienda

Después de publicar un formulario de reposición de stock, Klaviyo muestra automáticamente un botón personalizable de «Notifícame» en cualquier página de producto donde el inventario esté agotado. Puedes personalizar este botón en el editor de formularios, junto con el propio formulario. El botón aparece y desaparece automáticamente en función del inventario de tu producto.

Cuando un comprador hace clic en el botón «Notificarme», aparece tu formulario, lo que le permite elegir cómo quiere que se le notifique cuando el producto vuelva a estar disponible, en función de cómo hayas configurado el formulario:

• Email: si incluyes un campo de email, los compradores podrán introducir su dirección de email para recibir una alerta de reposición de stock por email. También puedes añadir una casilla opcional para que los compradores acepten recibir emails promocionales de marketing.
• Mensajería de texto y WhatsApp: si incluyes un campo de número de teléfono, los compradores pueden introducir su número de teléfono para recibir una alerta de reposición por mensaje de texto. Para recibir estas alertas por mensajería de texto, los compradores deben proporcionar su consentimiento explícito para recibir mensajes de texto promocionales. Este consentimiento es obligatorio y no puede hacerse opcional, y tu texto de divulgación debe estar presente.

Después de que un comprador envíe el formulario, Klaviyo registra un evento Suscrito a reposición de stocken su perfil. Este evento se utiliza para activar tu flujo de reposición de stock. Los compradores que se suscriban entrarán automáticamente en el flujo y recibirán una notificación cuando se reponga el producto.

Ten en cuenta que las pruebas A/B y los métodos no tradicionales de suscripción a SMS y WhatsApp (p. ej., Smart Opt-in y tap-to-text) no son compatibles con los formularios de reposición de stock.

Eliminar el fragmento de código de reposición de stock existente

Si instalaste anteriormente el fragmento de código de reposición de stock de Klaviyo, primero debes eliminarlo para evitar botones o formularios duplicados.

Haz clic en una de las flechas de abajo para expandir la sección de abajo y ver las instrucciones para eliminar el código de la plataforma de tu tienda. Si no estás seguro de qué script o código debes eliminar, ponte en contacto con tu desarrollador o consulta tus notas de instalación originales.

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var klaviyo = klaviyo || [];
    klaviyo.init({
      account: "PUBLIC_API_KEY",
      platform: "shopify"
    });
    klaviyo.enable("backinstock",{ 
    trigger: {
      product_page_text: "Notify Me When Available",
      product_page_class: "button",
      product_page_text_align: "center",
      product_page_margin: "0px",
      replace_anchor: false
    },
    modal: {
     headline: "{product_name}",
     body_content: "Register to receive a notification when this item comes back in stock.",
     email_field_label: "Email",
     button_label: "Notify me when available",
     subscription_success_label: "You're in! We'll let you know when it's back.",
     footer_content: '',
     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
     drop_background_color: "#000",
     background_color: "#fff",
     text_color: "#222",
     button_text_color: "#fff",
     button_background_color: "#439fdb",
     close_button_color: "#ccc",
     error_background_color: "#fcd6d7",
     error_text_color: "#C72E2F",
     success_background_color: "#d3efcd",
     success_text_color: "#1B9500"
    }
  });
</script>

Crear un formulario de reposición de stock

1. En la navegación principal de Klaviyo, selecciona la pestaña Formularios de registro.
2. Haz clic en Crear formulario.
3. En la barra de búsqueda, escribe «reposición de stock» y selecciona una plantilla de reposición de stock prediseñada para personalizarla.
   

• Si prefieres empezar con un formulario en blanco, haz clic en Crear un formulario en blanco y luego elige reposición de stock como tipo de formulario.

4. Elige en qué lista(s) quieres recopilar los registros de email, SMS y WhatsApp.
5. Haz clic en Crear formulario.
   

6. Selecciona el paso Botón de visualización de productos en la barra de menús. Ten en cuenta que este siempre debe ser el primer paso del formulario y no se puede eliminar.
7. En el menú de edición de la izquierda, elige dónde debe aparecer el botón en tus páginas de producto:
9. • Sustituir el botón «Añadir al carrito»: el botón «Notificarme» sustituirá al botón «Añadir al carrito» para los artículos que no estén en stock.
   • Apilado: el botón "Avísame" aparecerá debajo del botón "Añadir al carrito" (cuando se muestre como "Agotado").
     

1. Usa las opciones de Texto, Estilo del botón, Borde y Sombra paralela para actualizar la etiqueta y el estilo del botón «Notificarme».
2. Cambia al paso Suscripción a Email y usa el menú Estilos para ajustar los colores, las fuentes y el diseño para que el formulario coincida con tu marca.
   

3. Aplica el estilo a cada paso posterior de tu formulario, como los pasos de suscripción de SMS o de éxito, haciendo clic en cada paso de la barra de menús y repitiendo el paso 9.

1. Solo Shopify (opcional): para controlar dónde aparece el botón «Notify me», ve a Orientación y comportamiento > Orientación y usa las etiquetas de Shopify para incluir o excluir productos específicos en los que debe aparecer el botón.
   

2. Cuando hayas terminado de editar el formulario, haz clic en Publicar para activarlo. Una vez que tu formulario esté activo, el botón de visualización de productos aparecerá automáticamente cuando un artículo de tu sitio se quede sin existencias.
3. Después de publicar, verás un mensaje en el modal de confirmación de publicación para configurar tu flujo de reposición de stock.

• Si ya tienes un flujo de reposición de stock configurado con la métrica Suscrito a reposición de stock como activador, comenzará a funcionar automáticamente con tu nuevo formulario de reposición de stock. No necesitas crear otro; haz clic en Descartar.
• Si no es así, haz clic en Salir y crear flujo y, a continuación, consulta nuestra guía sobre cómo configurar un flujo de reposición de stock.

Analíticas para formularios de reposición de stock

Puedes supervisar las métricas de tu formulario de reposición de stock en su página de analíticas, incluidas las Envíos del formulario de reposición de stock y las Altas de marketing. Ten en cuenta que la tasa de envío se calcula en función del número de suscripciones a reposición de stock, no del consentimiento de marketing.

Esta página también incluye gráficos de los datos del formulario por paso y por tipo de recopilación de datos:

• Compromiso: Esto se refiere a las suscripciones de reposición de stock (por ejemplo, cuando un comprador se registra para recibir alertas de reposición por email).
• Suscripciones a marketing: esto hace referencia a cuando los compradores dan su consentimiento para recibir mensajes promocionales, ya sea marcando la casilla de suscripción a marketing por email o enviando un número de teléfono, ya que las alertas por SMS siempre requieren el consentimiento para recibir SMS promocionales.

Solución de problemas de reposición de stock

Si tu experiencia de reposición de stock no funciona como esperas, revisa los siguientes problemas comunes.

El botón «Notificarme» no aparece o no está en la ubicación correcta

Si el botón "Notificarme" no aparece en tu página de producto o quieres configurarlo para que aparezca en una ubicación diferente y personalizada, puedes controlar manualmente su posición mediante el atributo HTML klaviyo-bis-trigger.

<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>

Añade este atributo al elemento HTML específico en el que quieres que se muestre el botón «Notify me», y Klaviyo mostrará el botón en esa ubicación en lugar de en la ubicación predeterminada. Esta solución puede ser útil si utilizas un tema personalizado o no estándar; sin embargo, no siempre resolverá el problema de un botón que no aparece. Si tienes problemas para configurar una ubicación de botón personalizada, consulta con tu desarrollador.

Compatibilidad con la configuración «Seguir vendiendo cuando no haya existencias» de Shopify

La función de reposición de stock de Klaviyo no funciona con la configuración «Seguir vendiendo cuando no haya existencias» de Shopify. Si esta configuración está habilitada, el producto siempre aparece como disponible, incluso con inventario cero. Como resultado:

• El botón «Notificarme» y el formulario de reposición de stock no aparecerán.
• No se enviará ningún email de reposición de stock, ya que Klaviyo no puede detectar cuándo se repone el inventario para activar el flujo.

Para usar la función de reposición de stock de Klaviyo, asegúrate de que la opción «Continuar vendiendo cuando no hay existencias» esté desactivada para esos productos.

¿Estás usando un tema Retina?

El tema Retina (de Out of the Sandbox) incorpora un formulario «Notificarme», integrado en la página del producto. Tendrás que desactivar el botón predeterminado que viene en tu tema para que el código de Klaviyo funcione.

Qué hacer si usas un tema que oculta un producto si todas las variantes están agotadas

Si tu tema de Shopify oculta un producto cuando todas las variantes están agotadas, tendrás que identificar esta área del código en tu archivo product.liquid y editarla para mostrar todos los productos, independientemente del nivel de existencias.

Recursos adicionales