O que são Snippets?

Snippet quer dizer "trecho de código". Na prática, são pedaços de código que ferramentas externas fornecem (de marketing, remarketing, análise de acessos, vídeos, widgets de terceiros) e que você integra à loja para adicionar uma funcionalidade.

A tela fica em Marketing & SEO > Snippets.

O que você configura em cada snippet

Ao cadastrar um snippet, você define quatro coisas:

• Nome — um lembrete interno, só para você saber que código é aquele.
• Página de destino — onde o código roda (em todas as páginas, em todas exceto o checkout, só nas categorias, só nos produtos, e assim por diante). Siga a recomendação de quem forneceu o código.
• Posição no HTML — se o código entra dentro da tag <head> ou antes de fechar o <body>. O fornecedor costuma indicar qual, e isso define o momento em que o script carrega.
• Código — o trecho em si, colado exatamente como veio. Evite deixar comentários soltos no meio, que podem gerar conflito.

Antes de sair colando código

Dois cuidados valem a pena:

• Performance — todo script externo é um servidor a mais que a página espera responder, então use com critério e só de parceiros confiáveis.
• Quando não usar snippet — para as ferramentas mais populares (Google Analytics, Pixel do Facebook, do TikTok, do Pinterest, verificação de domínio, entre outras), a loja tem uma tela própria, mais segura e otimizada, em Marketing & SEO > Integrações.

Prefira sempre a tela de Integrações para esses casos.