INTASTELLAR SOLUTIONSHelp Center
Versionv1

Como adiciono o Intastellar Consents à minha loja Shopify?

Este artigo é para lojas Shopify. Ainda não há app na App Store, então você adiciona o mesmo script pequeno de um site comum, dentro do layout Liquid do tema.

Use outro caminho se:

Quem pode editar o código do tema (você, parceiro Shopify ou colega técnico) deve fazer a colagem.

O que isso faz na vitrine

O mesmo script Intastellar Consents de um site comum roda no <head> do tema: o visitante vê um banner e a escolha fica armazenada para o domínio. O rastreamento não essencial deve ficar quieto até o consentimento e até analytics / anúncios estarem ligados a essa escolha (mesma ideia do guia de instalação JavaScript).

Não é assessoria jurídica — no Brasil, alinhe vitrine e políticas à LGPD e use o GDPR como referência quando atuar também na UE; quem decide o que a loja precisa é o seu assessor. Visão do produto: Intastellar Consents.

O que deixar pronto

  1. Uma URL de política de privacidade que funcione na loja (muitas vezes Configurações → Políticas ou a página de política do tema).
  2. O domínio da loja (ou domínio personalizado principal) para as configurações do script.
  3. Imagem de logo hospedada com https (por exemplo em Conteúdo → Arquivos ou assets do tema — a Shopify costuma usar links cdn.shopify.com).
  4. Acesso a Loja virtual → Temas → Editar código.

O que fazer (checklist simples)

  1. No admin Shopify, vá em Loja virtual → Temas.
  2. No tema publicado, escolha ⋯ → Editar código.
  3. Em Layout, abra theme.liquid (ou o layout que o tema usa na vitrine).
  4. Copie o trecho completo do guia de instalação JavaScript — seção Trecho completo para colar — e cole logo após a linha de abertura <head>.
  5. Substitua os placeholders pelo domínio real da loja, nome da empresa, policy_link apontando para a URL viva da política, logo, cores e, se quiser, ID de medição Google.
  6. Salve e confira a vitrine numa janela anônima.

A estrutura segue o artigo para sites e a referência window.INTA para quem precisa dos nomes dos campos.

Formato de exemplo (só placeholders — copie o bloco completo do artigo):

<head>
  <script>
    window.INTA = {
      policy_link: "https://your-shop-domain.com/policies/privacy-policy",
      settings: {
        rootDomain: "your-shop-domain.com",
        company: "yourcompany",
        arrange: "ltr",
        color: "#000000",
        logo: "https://cdn.shopify.com/.../your-logo.png",
        design: "overlay",
        gtagId: "G-XXXXXXXXXX",
        requiredCookies: [],
        keepInLocalStorage: [],
      },
    };
  </script>
  <script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>
  {{ content_for_header }}

Colocar antes de {{ content_for_header }} é aceitável desde que os dois scripts rodem dentro de <head>.

Depois de salvar: o que esperar

Em modo anônimo, na vitrine:

  1. O banner aparece na primeira visita quando policy_link e a posição estão corretos.
  2. A escolha permanece entre páginas no mesmo domínio.
  3. Pedidos de terceiros / analytics batem com a sua configuração de tags: muitos lojistas ainda precisam ajustar como GA ou Meta são injetados (apps do tema, scripts extras) para respeitar o consentimento.

Checkout e alguns fluxos de conta podem usar outros domínios — a instalação usual em theme.liquid cobre o front da Loja virtual, não todas as superfícies da Shopify. Trate o checkout como verificação separada com a Shopify ou a agência.

Verificar no navegador

Use Ferramentas do desenvolvedor → Rede numa janela privada: recarregue antes de aceitar cookies, anote chamadas de analytics ou anúncio e aceite para comparar. Se muita coisa disparar antes do consentimento, corrija o carregamento das tags, não só o trecho do banner.

Perguntas frequentes

Por que o banner não aparece na loja?

  1. policy_link precisa ser URL no ar (teste no navegador).
  2. O trecho deve estar em theme.liquid (ou equivalente) do tema da Loja virtual, não só numa página personalizada.
  3. Cache — tente anônimo ou aguarde a limpeza de cache CDN/tema.

Vai aparecer no checkout?

Checkout e nova conta do cliente usam domínios ou superfícies diferentes. A configuração padrão em theme.liquid cobre só a Loja virtual. Passos extras podem exigir Shopify Plus ou extensões de checkout suportadas — trate checkout como projeto à parte e fale com o suporte Shopify ou a agência.

Vai ter app?

Um app Shopify está planejado para facilitar a instalação pelo admin. Até lá, edição do tema é o caminho suportado.

Política de privacidade

Ao implementar a solução, você concorda com a política de privacidade do banner de cookies.

Relacionados

Last updated