How to Make a Link Open in a New Tab | Shopify Help

Comment ouvrir un lien dans un nouvel onglet | Aide Shopify

Savoir comment ouvrir un lien dans un nouvel onglet

Pour ouvrir un lien dans un nouvel onglet, vous devez ajouter un petit code dans le fichier liquide Shopify. Nous expliquerons toutes ces étapes dans cet article de blog.

Pourquoi devons-nous ouvrir un lien dans un nouvel onglet ?

Chaque site Web Shopify comporte des pages avec des liens externes (liens vers un autre site Web) ou internes (liens au sein du site Web) qui redirigent les utilisateurs vers une nouvelle page pour donner des informations plus détaillées sur le produit et les services avant de les acheter.< /p>

Pour offrir une meilleure expérience utilisateur et stimuler les ventes croisées, vous devez ouvrir un lien dans un nouvel onglet. Ainsi, les utilisateurs peuvent ouvrir la page liée dans un nouvel onglet en ouvrant la page principale dans un autre onglet.

Avantages des liens externes ouverts dans le nouvel onglet – 

  • Améliorer l'expérience utilisateur
  • Réduire le taux de rebond du site Web
  • Améliorer le référencement sur la page
  • Améliorer la crédibilité du site Web
  • Renforcer la structure des liens du site Web

A lire également : Comment ajouter le bouton Acheter maintenant sur Shopify ?

Suivez ces étapes pour ouvrir des liens externes dans un nouvel onglet de la boutique Shopify

  • Pour ajouter le tabnabbing aux pages du magasin Shopify, vous devez modifier le fichier JavaScript du thème.
  • Cliquez sur l'option Thème sous  Boutique en ligne< span> dans votre panneau d'administration Shopify
open external link in new tab shopify
  • Cliquez sur l'option Actions , un menu déroulant s'ouvrira, puis cliquez sur Modifier le code
open links in new tab in shopify
  • Recherchez "assets" dans la barre de recherche et ouvrez le répertoire, trouvez les fichiers suivants
    • theme.js
    • theme.js.liquid
    • custom.js
  • Maintenant, ouvrez le fichier et collez le code suivant en bas du fichier
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';
  }
}

Cliquez maintenant sur Enregistrer

Tout est fait !

Derniers mots

Que ce tutoriel vous aide à ouvrir un lien externe dans un nouvel onglet de votre boutique Shopify. Si vous rencontrez des difficultés, vous pouvez obtenir l'aide des concepteurs et développeurs experts Shopify d'EcomHeroes. Nous avons également répertorié les petites tâches et ajustements Shopify pour aider les entreprises Shopify, vous pouvez visiter la page et acheter l'une des tâches en un seul clic.