Mapa de Calor

Topic summary

Um usuário está tentando instalar o Microsoft Clarity (ferramenta de mapa de calor) em sua loja Shopify, mas não consegue localizar a tag </head> no arquivo theme.liquid para inserir o código de rastreamento.

Solução proposta:

  • Acessar o editor de código: Loja Virtual > Temas > três pontinhos > Editor de código
  • Navegar até Layout > theme.liquid
  • Usar a função de busca (Ctrl + F no PC ou Command + F no Mac) para localizar a tag </head>

Alternativas sugeridas:

  • Consultar a documentação oficial da Microsoft sobre integração com Shopify
  • Considerar usar apps da Shopify App Store que facilitam a instalação de mapas de calor sem necessidade de edição de código
  • Verificar recursos sobre como editar código de temas na documentação da Shopify

A discussão permanece aberta para dúvidas adicionais sobre o processo de instalação.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Olá! Estou precisando da seguinte ajuda:

Estou tentando instalar o mapa de calor: “Clarity”, mas guando vou pesquisar na Shopify o termo no theme.liquid não aparece pra eu instalar o código. Poderiam me ajudar ou me orientar como faço pra instalar esse código no tema da minha loja?

Olá @Doug-1711 !

Seria o Microsoft Clarity que você está querendo instalar na sua loja Shopify? Se sim, eu suponho que você está seguindo estas instruções aqui, certo?

Por se tratar de uma integração desenvolvida por terceiros, não sou familiar com as configurações e recursos oferecidos. Além disso, não tenho muito conhecimento em codificação para ajudar com instruções mais específicas. No entanto, poderei compartilhar o passo a passo para te ajudar a encontrar a tag no theme.liquid. Estou utilizando o tema Dawn como exemplo.

  1. Acesse o editor de código indo em Loja Virtual > Temas > clique nos três pontinhos > Editor de código.

  2. Dentro do editor, clique em Layout > Theme.liquid

  3. Clique em algum lugar no arquivo > Use ctrl + F em um PC ou command + F em um Mac para localizar a tag

28-40-ffy4o-vs2x5.gif

Poderá consultar o documento para se informar mais sobre como editar o código do tema.

Caso você não seja familiar com edições no código, uma alternativa seria usar apps para adicionar Heatmaps na loja de forma mais fácil. Na loja de Apps temos diversos apps que oferecem este tipo de recurso. Se for do seu interesse, confira a lista completa de apps aqui. E saiba mais sobre como encontrar apps aqui.

Se tiver alguma outra dúvida, é só nos avisar aqui. Até mais!