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 virtual. 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á fora de 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 lojas com integrações do Shopify ou BigCommerce ativadas no Klaviyo. Se estiver usando uma plataforma diferente, consulte nosso guia de instalação de fluxo de reposição de estoque.

Antes de publicar seu formulário, confirme se o rastreamento no site da Klaviyo (Klaviyo.js) está instalado na sua loja virtual para que a Klaviyo possa exibir o botão e o formulário.

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 de publicar um formulário de reposição de estoque, a Klaviyo exibe automaticamente um botão personalizável “Avise-me” nas páginas de produto quando a variante selecionada estiver sem estoque e o produto corresponder às suas configurações de segmentação. Você pode personalizar este botão no editor de formulários, junto com o próprio formulário. O botão aparece e desaparece automaticamente com base no estoque do seu produto.

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 compradores poderão se inscrever para receber alertas de reposição por mensagem de texto, WhatsApp ou ambos, dependendo dos canais que você selecionar para esse campo. Os compradores precisam fornecer consentimento explícito para receber mensagens promocionais pelos canais selecionados. Esse consentimento é obrigatório e não pode ser opcional, e sua linguagem de divulgação deve estar presente.

Depois que um cliente envia o formulário, a Klaviyo registra um evento inscrever-se na reposição de estoque no perfil dele. Para enviar alertas de reposição de estoque, configure um fluxo de reposição de estoque acionado por essa métrica, com um atraso de reposição de estoque antes das suas mensagens de notificação. Os clientes aguardam nesse atraso até que o produto atenda às suas configurações de inventário e notificação de reposição de estoque. Defina as mensagens de notificação como Live para enviá-las automaticamente.

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.

Expanda a seção da plataforma da sua loja para ver como remover o código. Se você não tiver certeza sobre qual script ou código remover, fale 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.
   

• Para começar com um formulário em branco em vez de um modelo, clique em Criar formulário em branco. Se o seletor de canal aparecer, selecione Web. Escolha reposição de estoque (somente pop-up) como o tipo de formulário.

4. Insira um nome para seu formulário e escolha as listas para inscrições promocionais coletadas pelos campos de e-mail e número de telefone. Para um formulário em branco, selecione E-mail, mensagem de texto ou ambos e escolha uma lista para cada opção selecionada. Você vai configurar o WhatsApp no campo de número de telefone no editor.
5. Clique em Criar formulário se você selecionou um modelo ou em Salvar e criar se você começou com um formulário em branco para abrir o editor.

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:
   • 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. Selecione a primeira etapa de opt-in, como Opt-in por e-mail, e abra Estilos para ajustar cores, fontes e layout, para que seu formulário corresponda à sua marca.

3. Revise cada etapa de opt-in restante e a etapa de Sucesso selecionando-a na barra de menu. Clique em blocos individuais de texto ou de entrada para editar o conteúdo e as configurações conforme necessário.

1. Se o seu formulário incluir um campo de número de telefone, selecione-o e defina Canal como Mensagem de texto, WhatsApp ou WhatsApp e mensagem de texto. Conclua a configuração dos canais selecionados antes de publicar e revise o texto de divulgação desses canais.
2. 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.
   

3. Quando você estiver satisfeito com seu formulário, clique em Publicar ou agendar e, em seguida, clique em Publicar agora para ativá-lo. Quando seu formulário estiver ativo, o botão de exibição do produto vai aparecer para variantes fora de estoque que correspondam às suas configurações de segmentação.
4. Depois de publicar, confirme se você tem um fluxo de reposição de estoque para enviar notificações. Se você ainda não tiver dispensado isso, um aviso vai aparecer para ajudar você a configurar um.

• Se você já tiver um fluxo de reposição de estoque acionado por inscrever-se em reposição de estoque, não precisará criar outro. Confirme se ele inclui um atraso de reposição de estoque e se as mensagens de notificação estão Ativas para serem enviadas automaticamente. Se o aviso aparecer, clique em Dispensar.
• Se você não tiver um fluxo de reposição de estoque, clique em Sair e criar fluxo quando o aviso aparecer e, em seguida, siga Como criar um fluxo de reposição de estoque. Se o aviso não aparecer, siga o mesmo guia para criar o fluxo.

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

Depois de publicar seu formulário, acesse Formulários de registro, abra o menu de 3 pontos ao lado do seu formulário de reposição de estoque e selecione Análises.

Você pode monitorar as 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 Consentimentos de marketing. A Taxa de envios é o número de envios do formulário de reposição de estoque dividido pelas visualizações do formulário. O consentimento de marketing é medido separadamente.

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).
• Aceites de marketing: isso se refere a quando os clientes dão consentimento para receber mensagens promocionais, seja marcando a caixa de aceitação de marketing por e-mail ou enviando um número de telefone com o consentimento promocional obrigatório para mensagens de texto, WhatsApp ou ambos.

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 "Avise-me" estiver ausente da sua página de produto ou se você quiser configurá-lo para aparecer em um local personalizado diferente, você pode controlar manualmente a posição dele usando a classe CSS klaviyo-bis-trigger.

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

Adicione o elemento de exemplo no local em que você quer o botão “Me avise” ou adicione a classe klaviyo-bis-trigger a um elemento existente nesse local. Com Substituir botão de adicionar ao carrinho, a Klaviyo oculta esse elemento e exibe o botão no lugar dele. Com Empilhado, a Klaviyo exibe o botão depois desse elemento. Isso pode ajudar com um tema personalizado ou não padrão, mas nem sempre vai resolver um problema de botão ausente. Se você estiver com dificuldade para configurar um local personalizado para o botão, 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