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 online. Usando o editor de formulários da Klaviyo, você pode personalizar tanto o botão "Avise-me" que aparece quando um produto do seu site está sem estoque quanto o formulário que seus clientes usam para se registrar e receber notificações de reposição de estoque por e-mail, mensagens de texto e WhatsApp.

Antes de começar

Os formulários de reposição de estoque só estão disponíveis para Shopify e BigCommerce. Se você estiver usando uma plataforma diferente, consulte nosso guia de instalação do fluxo de reposição de estoque.

Neste artigo, você vai aprender a:

• Remova qualquer código existente de reposição de estoque do Klaviyo da sua loja Shopify ou BigCommerce (se aplicável)
• Ative e personalize seu botão de reposição de estoque e formulário de registro

Como o formulário de reposição de estoque funciona na sua vitrine

Depois que você publica um formulário de reposição de estoque, a Klaviyo exibe automaticamente um botão personalizável de "Avise-me" em qualquer página de produto em que o estoque esteja esgotado. Você pode personalizar esse botão no editor de formulários, ao lado do próprio formulário. O botão aparece e desaparece automaticamente com base no seu estoque de produtos.

Quando um comprador clica no botão "Avise-me", seu formulário aparece, permitindo que ele escolha como quer ser notificado quando o produto estiver disponível novamente, dependendo de como você configurou seu formulário:

• E-mail: se você incluir um campo de e-mail, os clientes podem inserir o endereço de e-mail para receber um alerta de reposição de estoque por e-mail. Você também pode adicionar uma caixa de seleção opcional para que os clientes aceitem receber e-mails promocionais de marketing.
• Mensagens de texto e WhatsApp: se você incluir um campo de número de telefone, os clientes podem inserir o número de telefone para receber um alerta de reposição de estoque por mensagem de texto. Para receber esses alertas por mensagem de texto, os clientes precisam dar consentimento explícito para receber mensagens de texto promocionais. Esse consentimento é obrigatório e não pode ser opcional, e seu texto de divulgação precisa estar presente.

Depois que um cliente envia o formulário, o Klaviyo registra um evento Inscrever-se na reposição de estoqueno perfil dele. Esse evento é usado para disparar o seu fluxo de reposição de estoque. Os clientes que se inscreverem entrarão automaticamente no fluxo e receberão uma notificação quando o produto for reposto.

Observe que os Testes A/B e os métodos não tradicionais de opt-in de SMS e WhatsApp (por exemplo, Smart Opt-in e tap-to-text) não são compatíveis com formulários de reposição de estoque.

Remover snippet de código de reposição de estoque existente

Se você instalou anteriormente o snippet de código de reposição de estoque da Klaviyo, primeiro você precisa removê-lo para evitar botões ou formulários duplicados.

Clique em uma das setas abaixo para expandir a seção abaixo e ver as instruções para remover o código da plataforma da sua loja. Se você não tiver certeza sobre qual script ou código remover, entre em contato com seu desenvolvedor ou consulte suas anotações originais de instalação.

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

Crie um formulário de reposição de estoque

1. Na navegação principal da Klaviyo, selecione a guia Formulários de registro.
2. Clique em Criar formulário.
3. Na barra de pesquisa, digite "reposição de estoque" e selecione um modelo pré-criado 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, em seguida, escolha Reposição de estoque como o tipo de formulário.

4. Escolha para qual(is) lista(s) você quer coletar inscrições de e-mail, SMS e WhatsApp.
5. Clique em Criar formulário.
   

6. Selecione a etapa Botão de exibição do produto na barra de menu. Observe que esta sempre deve ser a primeira etapa do formulário e não pode ser excluída.
7. No menu de edição à esquerda, escolha onde o botão deve aparecer nas suas páginas de produto:
9. • Substituir o botão de adicionar ao carrinho: o botão "Avise-me" substituirá o botão "Adicionar ao carrinho" para itens que estão fora de estoque.
   • Empilhado: o botão "Avise-me" vai aparecer abaixo do botão "Adicionar ao carrinho" (quando ele estiver exibido como "Esgotado").
     

1. Use as opções de Texto, Estilo do botão, Borda e Sombra projetada para atualizar o rótulo e o estilo do botão "Me avise".
2. Mude para a etapa de aceite de e-mail e use o menu Estilos para ajustar cores, fontes e layout, para que seu formulário corresponda à sua marca.
   

3. Aplique o estilo a cada etapa subsequente no formulário, como as etapas de adesão por SMS ou de sucesso, clicando em cada etapa na barra de menu e repetindo a etapa 9.

1. Apenas Shopify (opcional): Para controlar onde o botão "Avise-me" aparece, acesse Segmentação e comportamento > Segmentação e use tags da Shopify para incluir ou excluir produtos específicos para os quais o botão deve aparecer.
   

2. Quando estiver satisfeito com seu formulário, clique em Publicar para colocá-lo no ar. Quando seu formulário estiver no ar, o botão de exibição do produto vai aparecer automaticamente quando um item do seu site ficar sem estoque.
3. Depois de publicar, você verá uma solicitação no modal de confirmação de publicação para configurar seu fluxo de reposição de estoque.

• Se você já tiver um fluxo de reposição de estoque configurado com a métrica Inscrever-se na Reposição de estoque como disparador, ele começará a funcionar automaticamente com seu novo formulário de reposição de estoque. Você não precisa criar outro; clique em Dispensar.
• Caso contrário, clique em Sair e criar fluxo e acesse nosso guia em Como configurar um fluxo de reposição de estoque.

Análise de formulários de reposição de estoque

Você pode monitorar métricas 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 inscrições de reposição de estoque, e não no consentimento de marketing.

Esta página também inclui gráficos dos dados do formulário por etapa e por tipo de coleta de dados:

• Engajamento: Isso se refere a assinaturas de reposição de estoque (por exemplo, quando um comprador se inscreve para receber alertas de reposição por e-mail).
• Inscrições de marketing: isso se refere a quando os compradores fornecem consentimento para receber mensagens promocionais, seja marcando a caixa de inscrição para receber e-mails de marketing, seja enviando um número de telefone, já que alertas por SMS sempre exigem consentimento para SMS promocionais.

Solução de problemas de reposição de estoque

Se sua experiência de reposição de estoque não estiver funcionando como esperado, revise os seguintes problemas comuns.

O botão "Notificar-me" não está aparecendo ou não está no local certo

Se o botão "Notificar-me" estiver faltando na página do seu produto ou se você quiser configurá-lo para aparecer em um local diferente e personalizado, você pode controlar manualmente o posicionamento dele usando o atributo HTML klaviyo-bis-trigger.

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

Adicione esse atributo ao elemento HTML específico em que você quer que o botão "Notifique-me" seja renderizado, e a Klaviyo exibirá o botão nesse local em vez do local padrão. Essa solução pode ser útil se você estiver usando um tema personalizado ou não padrão; no entanto, ela nem sempre resolverá um problema de botão ausente. Se você estiver com dificuldade para configurar um local de botão personalizado, consulte seu desenvolvedor.

Compatibilidade com a configuração "Continuar vendendo quando fora de estoque" da Shopify

O recurso de reposição de estoque do Klaviyo não funciona com a configuração do Shopify "Continuar vendendo quando estiver sem estoque". Se essa configuração estiver ativada, o produto sempre aparece como disponível, mesmo com estoque zero. Como resultado:

• O botão "Avise-me" e o formulário de reposição de estoque não vão aparecer.
• Nenhum e-mail de reposição de estoque será enviado, já que a Klaviyo não consegue detectar quando o estoque foi reabastecido para acionar o fluxo.

Para usar o recurso de reposição de estoque da Klaviyo, verifique se a opção "Continuar vendendo quando estiver sem estoque" está desativada para esses produtos.

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?

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