O que são Snippets?

O termo Snippets significa, numa tradução simples, “trechos de código”.

Na prática, são códigos fornecidos por ferramentas externas, geralmente de:

  • Marketing
  • Remarketing
  • Análise de acessos
  • Exibição de vídeos
  • Widgets de terceiros (ex: tabelas de medidas externas)

Esses trechos de código são integrados na loja para adicionar funcionalidades específicas.

Como adicionar um Snippet na sua loja:

Vá até o menu: Marketing e SEO > Snippets

Na tela que abrir, clique no botão “Adicionar” (em azul).

Campos disponíveis no cadastro de um Snippet:

  • Nome do Snippet:

    Campo apenas interno, serve como um lembrete para você saber qual código está cadastrando.


  • Página de destino:

    Aqui você define em quais páginas o código será executado.

    • Opções mais comuns:
      • Em todas as páginas
      • Em todas as páginas, exceto o checkout
      • Apenas nas categorias
      • Apenas nas páginas de produto
      • Apenas na finalização de compra
      • Apenas na vitrine
      • Entre outras…

Escolha a opção de acordo com a recomendação do fornecedor do código.

  • Posição no código HTML:

    Geralmente o fornecedor do snippet informa onde o código deve ser inserido:

    • Dentro da tag <head>
    • Antes de fechar a tag <body>

Essa escolha é importante, pois define quando o código será carregado durante a navegação da loja.


  • Campo de código (área de texto livre):

    Aqui você cola o trecho de código exatamente como foi fornecido pela empresa parceira.


Recomendação:

Evite incluir comentários desnecessários dentro do código (ex: comentários em JavaScript), pois podem gerar conflitos e afetar o carregamento da loja.

Atenção com a performance da loja:

Importante:

O uso excessivo ou desnecessário de scripts externos pode impactar negativamente a velocidade de carregamento da sua loja, pois a plataforma precisa aguardar o retorno desses servidores externos antes de concluir a exibição da página para o cliente.


Por isso, avalie com critério cada integração e só adicione snippets de parceiros confiáveis.

Integrações populares (não usar via Snippets):

Se o seu objetivo for instalar ferramentas como:

  • Google Analytics
  • Facebook Pixel
  • TikTok Pixel
  • Pinterest Pixel
  • SizBay
  • Meta Tags de verificação de domínio

A Braavo! já oferece uma tela específica para isso, muito mais segura e otimizada.


Caminho correto para esses casos: Marketing e SEO > Integrações


Lá você encontra campos próprios para esses serviços, com a estrutura de instalação recomendada.

Resumo:

  • A tela de Snippets serve para integrar códigos personalizados de terceiros.

  • Use com cuidado, pois qualquer script externo mal configurado pode impactar a performance da loja.

  • Para ferramentas populares (Analytics, Pixel, etc.), utilize sempre a tela de Integrações.