Pular para o conteúdo

Carrinho

Seu carrinho está vazio

Artigo: Como Abrir Links Externos em uma Nova Aba na Shopify

Como Abrir Links Externos em uma Nova Aba na Shopify
Dicas

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!

Faça o teste

Leia mais

Como Criar uma Loja de Importação de Produtos Apple na Shopify
Dicas

Como Criar uma Loja de Importação de Produtos Apple na Shopify

Foto: Unsplash Se você é fã dos produtos da Apple, já deve ter notado que os preços no Brasil são consideravelmente mais altos em comparação com os preços praticados nos Estados Unidos. Com a alt...

Ver mais
Como otimizar o SEO da minha loja Shopify
Dicas

Como otimizar o SEO da minha loja Shopify

Você já se perguntou como alguns sites aparecem nas primeiras posições do Google enquanto outros parecem invisíveis? A resposta está no SEO. Para uma loja online, estar bem posicionada nas buscas...

Ver mais
Ajuda