Como configurar um formulário de reposição de estoque
Saiba como configurar e personalizar um formulário de registro de reposição de estoque para sua loja on-line. Usando o editor de formulários do Klaviyo, você pode personalizar o botão "Notify me" (Notifique-me) que aparece quando um produto em seu site está fora de estoque e o formulário que seu cliente usa para receber notificações de reposição de estoque via e-mail ou SMS.
Antes de começarAntes de começar
Os formulários de reposição de estoque estão disponíveis apenas para Shopify e BigCommerce. Se você estiver usando uma plataforma diferente, consulte nosso guia de instalação de reposição de estoque fluxo.
Neste artigo, você aprenderá como:
- Remova qualquer código Klaviyo reposição de estoque existente de seu Shopify ou BigCommerce armazenar (se aplicável)
- Ative e personalize o botão reposição de estoque e o formulário de registro
Como o formulário de reposição de estoque funciona em sua loja
Depois que você publicar um formulário de reposição de estoque, o site Klaviyo exibirá automaticamente um botão personalizável "Notify me" (Notifique-me) em qualquer página de produto em que o estoque estiver esgotado. Você pode personalizar esse botão no editor de formulários, juntamente com o próprio formulário. O botão aparece e desaparece automaticamente com base no inventário de produtos que você possui.
Quando um comprador clica no botão "Notify me", seu formulário é exibido, permitindo que ele escolha como deseja ser notificado quando o produto estiver disponível novamente, dependendo de como você configurou o formulário:
- E-mail: Se você incluir um campo E-mail, os compradores poderão inserir seu endereço de e-mail para receber um alerta de reabastecimento por e-mail. Você também pode adicionar uma caixa de seleção opcional para que os compradores optem por receber e-mails de marketing promocional.
- mensagens de texto: Se você incluir um campo de número de telefone, os compradores poderão inserir o número de telefone para receber um alerta de reabastecimento por mensagem de texto. Para receber esses alertas de texto, os compradores devem fornecer consentimento explícito para receber mensagens de texto promocionais. Esse consentimento é obrigatório e não pode ser opcional, e o idioma de divulgação deve estar presente.
Depois que um comprador envia o formulário, o site Klaviyo registra um evento de inscrição para Back In Stockem seu perfil. Esse evento é usado para acionar sua reposição de estoque fluxo. Os compradores que se inscreverem entrarão automaticamente no fluxo e receberão uma notificação quando o produto for reabastecido.
Observe que os Testes A/B e os métodos de opt-in não tradicionais do SMS (por exemplo, Smart Opt-in e tap-to-text) não são compatíveis com os formulários de reposição de estoque.
Remover reposição de estoque snippet de código existenteRemover reposição de estoque snippet de código existente
Se você instalou anteriormente o snippet de código de reposição de estoque do Klaviyo, deverá removê-lo primeiro para evitar botões ou formulários duplicados.
Clique em uma das setas abaixo para expandir a seção abaixo e obter instruções sobre como remover o código da sua plataforma armazenar. Se você não tiver certeza sobre qual script ou código deve ser removido, entre em contato com o desenvolvedor ou consulte as notas de instalação originais.
Se você ainda não adicionou nenhum código de reposição de estoque, pule para a próxima seção sobre a criação do formulário de reposição de estoque.
Remover o código de reposição de estoque de um site ShopifyRemover o código de reposição de estoque de um site Shopify
- Em seu Shopify Administrador, vá para a loja on-line > Themes.
- Ao lado do tema que você publicou, clique no menu de opções adicionais (3 pontos) e selecione Editar código.
- Abra o arquivo theme.liquid.
- Use o atalho de localização (Command+F no Mac ou Control+F no Windows) para pesquisar a palavra "backinstock" no arquivo.
-
Localize e exclua o seguinte trecho 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: { headline: "{product_name}", body_content: "Cadastre-se para receber uma notificação quando este item estiver de volta ao estoque.", email_field_label: "Email", button_label: "Avise-me quando estiver disponível", subscription_success_label: "Tudo certo! Avisaremos quando estiver disponível.", 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>
- Clique em Save.
- Retorne ao seu site e atualize uma página de produto para um item fora de estoque. Verifique se o botão "Notify me" não está mais visível.
Remover o código de reposição de estoque de um site BigCommerceRemover o código de reposição de estoque de um site BigCommerce
- No administrador do site BigCommerce, vá para Storefront > Script Gerente.
- Procure por scripts relacionados ao Klaviyo's reposição de estoque recursos. Esses scripts podem ter um nome como "Klaviyo reposição de estoque" ou ser rotulados de acordo com a instalação anterior que você fez.
-
Ao lado do script, clique no menu de opções adicionais (3 pontos) e escolha Excluir para remover o script.
Se você colou originalmente o código Klaviyo reposição de estoque diretamente em um arquivo de tema (por exemplo, no footer.html), você deve remover manualmente o código de lá. Para fazer isso, vá para Storefront > Themes > Edit Theme Files, localize o arquivo que contém o script e exclua o snippet de código.
- Salve as mudanças.
- Retorne ao seu site e atualize uma página de produto para um item fora de estoque. Verifique se o botão "Notify me" não está mais visível.
Criar um formulário de reposição de estoque
Você só pode ter um formulário de reposição de estoque em sua conta por vez, esteja ele publicado ou em modo de rascunho. Se já existir um formulário de reposição de estoque, você deverá excluí-lo antes de criar um novo.
- Na navegação principal do site Klaviyo, selecione a guia formulário de registro.
- Clique em Criar formulário.
- Na barra de pesquisa, digite "reposição de estoque" e selecione um modelo predefinido de reposição de estoque para personalizar.
- Se você preferir começar com um formulário em branco, clique em Criar um formulário em branco e escolha reposição de estoque como o tipo de formulário.
- Escolha em qual(is) lista(s) você deseja coletar e-mails e SMS Cadastre-se.
- Clique em Criar formulário.
- Selecione a etapa do botão Exibição do produto na barra de menus. Observe que essa deve ser sempre a primeira etapa do formulário e não pode ser excluída.
- No menu de edição à esquerda, escolha onde o botão deve aparecer nas páginas do produto:
- Substituir o botão adicionar ao carrinho: O botão "Notify me" substituirá o botão "Add to Cart" para itens que estão fora de estoque.
-
Empilhados: O botão "Notify me" aparecerá abaixo do botão "Add to Cart" (quando for exibido como "Sold Out").
- Use as opções de Text, Button style, Border e Drop shadow para atualizar o rótulo e o estilo do botão "Notify me".
- Passe para a etapa E-mail opt-in e use o menu Styles (Estilos ) para ajustar cores, fontes e layout para que o formulário corresponda à sua marca.
-
Aplique o estilo a cada etapa subsequente do formulário, como as etapas de aceitação de SMS ou Sucesso, clicando em cada etapa na barra de menus e repetindo a etapa 9.
Cada etapa de entrada deve incluir pelo menos 1 e-mail ou SMS campo de dados. Se uma etapa tiver ambos, você pode remover 1. Se uma etapa tiver apenas uma das duas entradas, ela não poderá ser excluída dessa etapa. No entanto, você pode excluir a etapa inteira se quiser coletar apenas um canal. O consentimento de marketing por e-mail é opcional e pode ser removido.
- Quando você estiver satisfeito com o formulário, clique em Publish (Publicar ) para colocá-lo no ar. Quando o formulário estiver ativo, o botão de exibição do produto aparecerá automaticamente quando um item do seu site estiver fora de estoque.
- Após a publicação, você verá um prompt no modal de confirmação de publicação para configurar sua reposição de estoque fluxo.
- Se você já tiver um fluxo de reposição de estoque configurado com o gatilho inscreva-se na reposição de estoque métrica, ele começará a trabalhar com o novo formulário de reposição de estoque automaticamente. Você não precisa criar outro; clique em Dispensar.
- Caso contrário, clique em Sair e criar fluxo e, em seguida, consulte nosso guia sobre Como configurar uma reposição de estoque fluxo.
análises para reposição de estoque forms
Você pode monitorar a métrica do seu formulário de reposição de estoque na página de análises, incluindo envios de reposição de estoque e opt-ins de marketing. Observe que a taxa de envio é calculada com base no número de assinaturas de reposição de estoque, não no consentimento de marketing.
Essa página também inclui gráficos dos dados do formulário por etapa e por tipo de coleta de dados:
- engajamento: Refere-se a assinaturas de reposição de estoque (por exemplo, quando um comprador se cadastra para receber alertas de reposição de estoque por e-mail).
- Opt-ins de marketing: Isso se refere a quando os compradores fornecem consentimento para receber mensagens promocionais, marcando a caixa de opt-in do e-mail de marketing ou enviando um número de telefone, já que os alertas de texto sempre exigem consentimento promocional para SMS.
Solução de problemas reposição de estoque
Se a sua experiência de reposição de estoque não estiver funcionando como esperado, analise os problemas comuns a seguir.
Compatibilidade com a configuração "Continue vendendo quando estiver fora de estoque" da ShopifyCompatibilidade com a configuração "Continue vendendo quando estiver fora de estoque" da Shopify
KlaviyoA reposição de estoque recursos do Shopifynão funciona com a configuração "Continue selling when out of stock" do . Se essa configuração estiver ativada, o produto sempre aparecerá disponível, mesmo com estoque zero. Como resultado:
- O botão "Notify Me" e o formulário de reposição de estoque não serão exibidos.
- Nenhum e-mail de reposição de estoque será enviado, pois o site Klaviyo não consegue detectar quando o estoque é reabastecido para acionar o fluxo.
Para usar os recursos de reposição de estoque do Klaviyo, certifique-se de que a opção "Continue selling when out of stock" esteja desabilitada para esses produtos.
Você está usando um tema Retina?Você está usando um tema Retina?
O tema Retina (Out of the Sandbox) tem um formulário “Avise-me” integrado à página do produto. Para que o código da Klaviyo funcione, é preciso desativar o botão padrão que acompanha o tema.
Você está usando um tema que oculta um produto quando todas as variantes estão esgotadas?Você está usando um tema que oculta um produto quando todas as variantes estão esgotadas?
Se seu tema da Shopify oculta um produto quando todas as variantes estão esgotadas, identifique essa parte do código no arquivo product.liquid e edite-a para exibir todos os produtos, independentemente do nível de estoque.
Recursos adicionais