Como criar um aviso de paywall na Shopify sem programador

Exemplo: um aviso de upgrade na Shopify

Como adicionar o aviso de paywall na Shopify, passo a passo

1. Passo 01

   Copie o seu snippet do Clew

   Crie uma conta grátis (ou entre), adicione o seu site e abra Visão geral no admin. Clique na linha do cartão O widget ainda não deu sinal. para copiar: ela já vem com a chave real do seu site no lugar do marcador.

   <!-- Clew: troque COLE_AQUI_SUA_CHAVE pela chave do site em Admin > Visão geral -->
   <script src="https://tryclew.io/widget/COLE_AQUI_SUA_CHAVE.js" async></script>

   Copiar

   

2. Passo 02

   Abra o código do tema

   No admin da Shopify vá em Online Store → Themes, clique em … ao lado do tema publicado e escolha Edit code.

   

3. Passo 03

   Cole a linha no theme.liquid

   Abra layout/theme.liquid, cole a linha do Clew logo antes de </head> e clique em Save. Ela carrega em todas as páginas da loja.

   

4. Passo 04

   Confira a loja

   Abra a loja numa nova janela anônima (com a senha da loja, se ainda não foi lançada) e veja se as páginas carregam normalmente.

   

5. Passo 05

   Conte ao Clew quem é membro

   No layout/theme.liquid, acima da linha do Clew, adicione o snippet abaixo. Ele envia member: "true" para clientes logados com a tag member.

   <script>
   window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(['identify', p]); } };
   TutorKit.identify({ member: {% if customer and customer.tags contains 'member' %}'true'{% else %}'false'{% endif %} });
   </script>

   Copiar

   

6. Passo 06

   Escreva o aviso de upgrade

   No Clew abra Fluxos → + Novo fluxo e escolha Janela modal. Um passo: um título com o benefício (“Exportar para CSV é no Pro”), uma frase de valor e, em Texto do link / URL do link, o botão e a URL da sua página de preços ou checkout.

   

7. Passo 07

   Escolha onde, quando e para quem aparece

   No mesmo editor, preencha Onde mostrar (URL da página), Quando mostrar, Segmentação de público e Frequência. Estas são as configurações do exemplo acima:

   Configuração	Valor
   Formato	Janela modal
   Onde mostrar (URL da página)	Seção por prefixo /collections/members
   Quando mostrar	Assim que a página carregar
   Segmentação de público	Propriedade member é diferente de true
   Frequência	A cada visita

   

8. Passo 08

   Publique e confira no site real

   Mude Status para Publicado e salve. Abra a página numa janela anônima: o Clew lembra quem já viu um item de “uma vez”, então o seu navegador de sempre pode pular. Visualizações, conclusões e abandonos aparecem nas estatísticas.

   

Armadilhas: aviso de paywall na Shopify