A resposta curta
Pode adicionar o seu próprio código em três sítios no construtor: uma secção Código personalizado dentro de uma página, as configurações CSS personalizado e as configurações Javascript personalizado. Não existe nenhuma caixa para colar código na secção head da sua loja. Para as tags do head, use a app correspondente (veja a lista abaixo).
Que ferramenta para cada tarefa
- Verificar a minha loja no Google Search Console, ou adicionar uma meta tag
google-site-verification: a app Domain Verifier. Também trata da verificação de domínio do Facebook (Meta), do TikTok e do Snapchat. - Google Analytics, tags do Google Ads ou qualquer tag que gere no Google Tag Manager: a app Google Tag Manager.
- Pixels do Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X ou Google Ads: veja Facebook, TikTok, Snapchat, ChatGPT, Pinterest e X, ou conversões do Google Ads.
- Feed de produtos do Google Merchant Center: veja Google Merchant Center. Use o Domain Verifier para o Search Console.
- Mapas de calor e gravações de sessões: veja Microsoft Clarity ou Contentsquare.
- Um widget ou conteúdo incorporado dentro de uma página (um formulário de reservas, um vídeo, um mapa): a secção Código personalizado abaixo.
- Estilos para toda a loja ou para uma secção: veja CSS personalizado.
- Um script em todas as páginas: veja JavaScript personalizado.
Porque é que o código no construtor não consegue verificar o seu site
A Google, a Meta e outras plataformas procuram a sua tag no head da página quando fazem a verificação. Uma secção Código personalizado coloca o código dentro do corpo da página, onde a secção está. O Javascript personalizado é executado no navegador do cliente depois de a página carregar. Nenhum dos dois coloca uma tag no head da forma que estas plataformas precisam, por isso a verificação falha. O Domain Verifier coloca a tag no sítio certo por si.
Secção Código personalizado
Uma secção que adiciona a qualquer página, até 2 por página. Abra o separador Secções, clique em Adicionar nova secção e escolha Código personalizado. Tem três campos:
- HTML: o markup mostrado dentro desta secção.
- CSS: estilos que só se aplicam a esta secção, por isso não podem estragar o resto da página.
- JavaScript: é executado sempre que a secção é mostrada. O seu código recebe a secção como
container, por isso usecontainer.querySelector(...)para chegar ao seu próprio markup.
Também define a largura, o esquema de cores e o espaçamento, como em qualquer secção. Use Aplicar a todas as páginas para a copiar para as outras páginas que já têm uma secção Código personalizado.
Dicas
- Verifique o código na pré-visualização do construtor, depois publique e teste a loja ao vivo num telemóvel e num computador.
- Se a página parecer estragada depois de uma alteração, remova o código, publique e volte a adicioná-lo aos poucos.
- Os scripts de terceiros podem tornar a loja mais lenta. Adicione só o que precisa.
- Um assistente de IA ligado à sua loja só pode alterar o código personalizado se o dono da loja o permitir. Veja Como revejo, restrinjo ou desligo um assistente de IA.