Como Abrir Links Externos em uma Nova Aba na Shopify
Se você possui uma loja Shopify e tem alguns links que direcionam os visitantes para outros sites, é provável que você queira que esses links sejam abertos em uma nova aba. Essa é uma solução útil para manter os visitantes em sua loja online, enquanto eles exploram outros conteúdos, como seu canal no YouTube, sem sair do seu site.
Infelizmente, a Shopify não oferece uma opção nativa para abrir links em uma nova aba diretamente nas configurações de navegação. Contudo, existe uma solução simples e eficaz que requer apenas algumas linhas de código JavaScript para garantir que todos os links externos no seu site sejam abertos em uma nova aba automaticamente.
Passo a Passo:
Acesse a seção “Loja Virtual”, clique nos três pontinhos e selecione “Editar Código”.
Dica:
Antes de realizar qualquer alteração no código, é recomendável que você faça uma cópia de segurança do seu tema. Isso garante que, caso algo dê errado, você possa restaurar a versão anterior. Para duplicar o tema, clique em "Duplicar", e uma cópia será criada automaticamente.
Na página de código, localize o arquivo JavaScript principal do Tema:
- Use a função de pesquisa para encontrar o arquivo JavaScript principal do seu tema. Este arquivo geralmente possui a extensão .js.
- Se você estiver usando o tema Dawn ou qualquer outro dos temas gratuitos do Shopify 2.0, procure por global.js.
- Para o tema Debut, procure por theme.js.
- Em outros temas, o arquivo pode ter nomes como theme.js.liquid ou custom.js.
Role até o final do arquivo JavaScript encontrado, copie o seguinte código e depois clique em "Salvar":
(function () {
var links = document.links;
for (let i = 0, linksLength = links.length; i < linksLength; i++) {
if (links[i].hostname !== window.location.hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
})();
Conclusão
Pronto! Agora, todos os links que direcionam para sites externos serão abertos em uma nova aba, garantindo uma experiência de navegação mais fluida e mantendo seus visitantes ainda mais engajados com sua loja. Quer aprender mais dicas valiosas como essa e dominar o e-commerce e Shopify? Visite o site da PlayEcom e explore nossos cursos especializados!