Como ativar as notificações de Back in Stock para sua loja da Shopify?

Freshmarketer: Growth, Pro e Enterprise.

Freshsales Suite: Growth, Pro e Enterprise.

ÍNDICE

• O que são notificações de estoque?
• Passo 1: Configurando o formulário “Notifique-me”
• Etapa 2: automatizar notificações via Jornadas
• O que fazer se você tiver problemas com o posicionamento do botão “Notifique-me”?
• Injeção manual de script para o tema atual da loja Shopify

O que são notificações de estoque?

Quando um comprador visita a loja e vê que um produto está esgotado, ele pode usar o recurso de notificações de volta ao estoque para solicitar ser notificado quando os produtos estiverem disponíveis novamente. Essas  notificações fornecem uma chance de recuperar as vendas perdidas, alertando os compradores interessados e orientando-os para uma compra.

Habilitar notificações de volta ao estoque de sua conta Freshmarketer é um processo de duas etapas:

1. Configurando o formulário “Avise-me” em sua loja da Shopify
2. Automatizando notificações via Journey

Passo 1: Configurando o formulário “Notifique-me”

• Acesse https:// suaconta. myfreshworks.com/crm/marketer/mas/#/settings/configure-notifyme . Substitua " youraccounturl "  no link acima pelo url da sua conta do freshworks.
• Ative o botão “Notifique-me” para adicionar botões Notifique-me em suas páginas da Web da Shopify para produtos que estão esgotados.

Observação: depois que essa alternância estiver ativada, você também terá que ativar a Jornada de volta ao estoque para enviar notificações aos clientes assim que seus produtos estiverem de volta ao estoque.

• Em seguida, personalize o botão Notificar exibido em suas páginas da web. Forneça o rótulo e a cor do botão com base em suas preferências.
• Em seguida, personalize o conteúdo de suas notificações e salve suas alterações.

Etapa 2: automatizar notificações via Jornadas

• Habilite a jornada de volta ao estoque nos manuais de jornada.
• Como alternativa, você também pode criar uma jornada do zero. Arraste e solte o gatilho “On Shopify event” e selecione o evento “Back in Stock”.
• Adicione a condição “Aguardar evento da Shopify” e escolha o produto a ser reabastecido.
• Em seguida, selecione a campanha de e-mail. Crie um e-mail para enviar notificações de estoque. 
• Forneça os detalhes necessários, configure os códigos de desconto (se houver) e escolha as opções de formatação necessárias para o seu e-mail.
• Você também pode configurar seu Journey para enviar mensagens de WhatsApp e SMS. Edite o tipo de espaço reservado como Eventos da Shopify,  selecione o evento como Notifique-me  e selecione o espaço reservado.

• Em seguida, comece sua jornada. Você pode visualizar as métricas de jornada na guia Analytics para obter mais informações.

O que fazer se você tiver problemas com o posicionamento do botão “Notifique-me”?

Se o script não estiver funcionando porque os elementos DOM dependentes não estão presentes (geralmente os elementos DOM estão presentes no arquivo main-product.liquid fornecido pela Shopify), execute as seguintes etapas: 

1. Envolva o botão esgotado com um elemento div com o nome da classe do formulário do produto. O botão de notificação será inserido após este elemento wrapper do formulário do produto.

2. Adicione a classe “product-form__submit” ao botão esgotado.

3. Envolva as variantes em uma tag chamada fieldset. Dependendo dos tipos de variantes que você tem em sua loja, você pode criar tags fieldset e agrupar as variantes dentro delas. As variantes precisam ser do tipo de entrada rádio.

4. Por exemplo: Suponha que existam variantes de cor e tamanho. Duas tags fieldset seriam criadas, uma para envolver variantes de cores e outra para variantes de tamanho. Dentro das variantes de cores, haveria elementos de rádio de tipo de entrada para opções de cores. O mesmo vale para o tamanho.

Exemplo de código para wrapper de botão esgotado:

<formulário de produto class="formulário de produto">

  <div class="product-form__buttons">

    <button class="product-form__submit">Esgotado</button>

  </div>

</formulário do produto>

Exemplo de código para variantes:

<variante>

  <conjunto de campos>

    <input type="radio" name="Size" value="30" marcado>

    <input type="radio" name="Tamanho" value="32" >

  </fieldset>

  <conjunto de campos>

    <input type="radio" name="Color" value="Black" marcado>

    <input type="radio" name="Tamanho" value="Branco" >

  </fieldset>

</variant>

Para injeção manual de script no tema atual da loja da Shopify:

Vá para o tema atual na página de configurações do administrador, clique nos três pontos e, em seguida, clique em  Editar código . Em seguida, vá para o arquivo Sections->main-product.liquid e adicione o script abaixo na parte inferior do arquivo:

<script src=' https://d1j4g1psln7gl5.cloudfront.net/BackInStockUpdates.js ' id='fm-out-of-stock-notification-script' defer></script>

Dependências que devem estar presentes na loja da Shopify:

1. O arquivo main-product.liquid deve estar presente. Se este arquivo não estiver presente, o usuário precisará criar os elementos DOM necessários para a página do produto (consulte acima a dependência do elemento DOM) e adicionar o arquivo de script manualmente à página do produto.

2. O valor do objeto do produto (a Shopify fornece isso) deve estar presente na página do produto. Se o objeto produto não estiver disponível, o usuário precisará configurar uma variável global com o nome produto com as mesmas propriedades fornecidas pela Shopify. 

Para mais detalhes, visite   https://shopify.dev/docs/api/liquid/objects/product .