Cómo crear un formulario de reposición de existencias
Aprende a configurar y personalizar un formulario de registro de reposición de existencias para tu tienda en línea. Utilizando el editor de formularios de Klaviyo, puedes personalizar tanto el botón "Notifícame" que aparece cuando un producto de tu sitio se agota, como el formulario que utilizan tus clientes para Registrarse para recibir notificaciones de reposición de existencias por correo electrónico o SMS.
Antes de empezarAntes de empezar
los formularios de reposición de existencias sólo están disponibles para Shopify y BigCommerce. Si utilizas una plataforma diferente, consulta en su lugar nuestra guía de instalación de la reposición de stock flujo.
En este artículo, aprenderás cómo:
- Klaviyo Elimina cualquier código de reposición de existencias existente en tu Shopify o BigCommerce tienda (si procede).
- Habilita y personaliza tu botón de reposición de existencias y el formulario de registro
Cómo funciona el formulario de reposición de existencias en tu escaparate
Después de publicar un formulario de reposición de existencias, Klaviyo muestra automáticamente un botón personalizable "Notifícame" en cualquier página de producto en la que el inventario esté agotado. Puedes personalizar este botón en el editor de formularios, junto al propio formulario. El botón aparece y desaparece automáticamente en función de tu inventario de productos.
Cuando un comprador hace clic en el botón "Notificarme", aparece tu formulario, que le permite elegir cómo quiere que se le notifique cuando el producto vuelva a estar disponible, dependiendo de cómo hayas configurado tu formulario:
- correo electrónico: Si incluyes un campo de correo electrónico, los compradores pueden introducir su dirección de correo electrónico para recibir una alerta de reposición por correo electrónico. También puedes añadir una casilla de verificación opcional para que los compradores opten por recibir marketing promocional por correo electrónico.
- mensajería de texto: 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 de texto, los compradores deben dar su consentimiento explícito para recibir mensajes de texto promocionales. Este consentimiento es obligatorio y no puede hacerse opcional, y debe estar presente el lenguaje de divulgación.
Después de que un comprador envíe el formulario, Klaviyo registrará en su perfil un evento de Suscripción a Back In Stock. Este evento se utiliza para activar tu reposición de flujo de valores. 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 de opt-in no tradicionales de SMS (por ejemplo, Smart Opt-in y tap-to-text) no son compatibles con los formularios de reposición de existencias.
Eliminar reposición de stock fragmento de código existenteEliminar reposición de stock fragmento de código existente
Si instalaste previamente Klaviyo's reposición de stock fragmento de código, primero debes eliminarlo para evitar que se dupliquen botones o formularios.
Haz clic en una de las flechas de abajo para ampliar la sección que contiene instrucciones sobre cómo 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 las notas de instalación originales.
Si no has añadido antes ningún código de reposición de existencias, pasa a la siguiente sección sobre la creación de tu formulario de reposición de existencias.
Eliminar la reposición de código de stock de un sitio ShopifyEliminar la reposición de código de stock de un sitio Shopify
- En tu Shopify Administrador, ve a tienda en línea > Temas.
- Junto a tu tema publicado, haz clic en el menú de opciones adicionales (3 puntos) y, a continuación, selecciona Editar código.
- Abre el archivo theme.liquid.
- Utiliza el método abreviado de búsqueda (Comando+F en Mac o Control+F en Windows) para buscar la palabra "backinstock" dentro del archivo.
-
Busca y elimina el siguiente fragmento de código:
<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: { encabezado: "{product_name}", body_content: "Suscríbete y recibe una notificación cuando este artículo vuelva a estar disponible", email_field_label: "Correo electrónico", button_label: "Notificarme cuando esté disponible", subscription_success_label: "¡Todo listo! Te avisaremos cuando vuelva a estar disponible", 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> - Pulsa Save (Guardar).
- Vuelve a tu sitio web y actualiza una página de producto para un artículo agotado. Comprueba que el botón "Notifícame" ya no está visible.
Eliminar la reposición de código de stock de un sitio BigCommerceEliminar la reposición de código de stock de un sitio BigCommerce
- En tu admin de BigCommerce, ve a Storefront > Script Mánager.
- Busca cualquier script relacionado con Klaviyo's reposición de stock funciones. Estos scripts pueden tener un nombre como "Klaviyo reposición de stock" o estar etiquetados según tu instalación anterior.
-
Junto al script, haz clic en el menú de opciones adicionales (3 puntos), y elige Eliminar para eliminar el script.
Si originalmente pegaste el código Klaviyo reposición de stock directamente en un archivo de tema (por ejemplo, en footer.html), debes eliminar manualmente el código de ahí. Para ello, ve a Storefront > Temas > Editar archivos de temas, busca el archivo que contiene el script y elimina el fragmento de código.
- Guarda los cambios.
- Vuelve a tu sitio web y actualiza una página de producto para un artículo agotado. Comprueba que el botón "Notifícame" ya no está visible.
Crear un formulario de reposición de existencias
Sólo puedes tener un formulario de reposición de existencias en tu cuenta a la vez, tanto si está publicado como si está en modo borrador. Si ya existe un formulario de reposición de existencias, debes borrarlo antes de crear uno nuevo.
- En la navegación principal de Klaviyo, selecciona la pestaña Formulario de registro.
- Haz clic en Crear formulario.
- En la barra de búsqueda, escribe "reposición de stock" y selecciona una plantilla de reposición de stock prediseñada para personalizar.
- Si prefieres partir de un formulario en blanco, haz clic en Construir un formulario en blanco y luego elige reposición de existencias como tipo de formulario.
- Elige en qué lista(s) quieres recoger correo electrónico y SMS Registrarse.
- Haz clic en Crear formulario.
- Selecciona el paso Botón de visualización de productos en la barra de menús. Ten en cuenta que éste debe ser siempre el primer paso del formulario, y no se puede eliminar.
- En el menú de edición de la izquierda, elige dónde debe aparecer el botón en las páginas de tus productos:
- Sustituye el botón Añadir a la cesta: El botón "Notificarme" sustituirá al botón "Añadir a la cesta" para los artículos agotados.
-
Apilado: El botón "Avísame" aparecerá debajo del botón "Añadir a la cesta" (cuando aparezca como "Agotado").
- Utiliza las opciones de Texto, Estilo del botón, Borde y Sombra paralela para actualizar la etiqueta y el estilo del botón "Notifícame".
- Cambia al paso Optar por el correo electrónico y utiliza el menú Estilos para ajustar los colores, las fuentes y el diseño para que tu formulario se adapte a tu marca.
-
Aplica el estilo a cada uno de los pasos siguientes de tu formulario, como el opt-in por SMS o los pasos de Éxito, haciendo clic en cada paso de la barra de menús y repitiendo el paso 9.
Cada paso de entrada debe incluir al menos 1 campo de entrada de correo electrónico o SMS. Si un paso tiene ambos, puedes eliminar 1. Si un paso sólo tiene 1 de las 2 entradas, no se puede eliminar de ese paso. Sin embargo, puedes eliminar todo el paso si sólo quieres recoger 1 canal. El consentimiento de marketing por correo electrónico es opcional y puede eliminarse.
- Shopify solo (opcional): para controlar dónde aparece el botón « "» (¿Desea recibir notificaciones?) «" » (Notificarme), vaya a «Targeting and behavior» (Segmentación y comportamiento) « > » (Segmentación), y utilice la etiqueta «Shopify » (Productos específicos) para incluir o excluir productos específicos para los que debe aparecer el botón. Cuando esté satisfecho con su formulario, haga clic en «Publish» (Publicar ) para activarlo. Una vez que el formulario esté activo, el botón de visualización del producto aparecerá automáticamente cuando un artículo de su sitio web se agote.
- Después de publicar, verás un aviso en el modal de confirmación de publicación para configurar tu reposición de stock de flujo.
- Si ya tienes un flujo de reposición de existencias configurado con la opción suscribirse a la reposición de existencias métrica como activador, empezará a funcionar con tu nuevo formulario de reposición de existencias automáticamente. No necesitas crear otra; haz clic en Descartar.
- Si no es así, haz clic en Salir y crear flujo, y luego dirígete a nuestra guía sobre Cómo configurar una reposición de stock flujo.
análisis para la reposición de existencias
Puedes monitorizar la métrica de tu formulario de reposición de existencias en su página de análisis, incluidos los envíos de reposición de existencias y los opt-ins de Marketing. Ten en cuenta que la tasa de Envío se calcula en función del número de suscripciones a la reposición de acciones, no del consentimiento de marketing.
Esta página también incluye gráficos de los datos del formulario por paso y por tipo de recogida de datos:
- interacción: Se refiere a las suscripciones de reposición de existencias (por ejemplo, cuando un comprador se registra para recibir alertas de reposición por correo electrónico).
- Opt-ins de marketing: Se refiere a cuando los compradores dan su consentimiento para recibir mensajes promocionales, ya sea marcando la casilla de opt-in de marketing de correo electrónico o enviando un número de teléfono, ya que las alertas de texto siempre requieren consentimiento promocional para enviar SMS.
Solución de problemas de reposición de existencias
Si tu experiencia de reposición de existencias no funciona como esperabas, revisa los siguientes problemas comunes.
Compatibilidad con el ajuste "Seguir vendiendo cuando no haya existencias" de ShopifyCompatibilidad con el ajuste "Seguir vendiendo cuando no haya existencias" de Shopify
Klaviyono funciona con la opción "Seguir vendiendo cuando no haya existencias" de Shopify. Si esta opción está activada, el producto aparece siempre disponible, incluso con inventario cero. En consecuencia:
- El botón "Notificarme" y el formulario de reposición de existencias no aparecerán.
- No se enviará ninguna reposición de existencias por correo electrónico, ya que Klaviyo no puede detectar cuándo se reponen las existencias para activar el flujo.
Para utilizar las funciones de reposición de existencias de Klaviyo, asegúrate de que la opción "Seguir vendiendo cuando se agoten las existencias" está deshabilitada para esos productos.
¿Estás utilizando un tema Retina?¿Estás utilizando 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 agotadasQué 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