Points clés
- Dans l’éditeur de pages de Shopify, sélectionne du texte et clique sur l’icône de lien dans la barre d’outils pour ajouter un lien hypertexte.
- Dans les blocs de texte de l’Éditeur de thème, certains ont un champ de lien dédié — pas besoin de sélectionner de texte.
- Pour un contrôle total sur le style et l’emplacement des liens, utilise des balises d’ancrage HTML dans l’éditeur de code ou via Fudge.
- Tu peux faire des liens vers des pages internes, des produits, des collections ou des URL externes.
Pour ajouter un lien à du texte dans Shopify, sélectionne le texte dans l’éditeur de pages ou de blog, clique sur l’icône en forme de maillon de chaîne et saisis l’URL. Les blocs de texte de l’Éditeur de thème et le code du thème fonctionnent différemment ; les deux sont expliqués ci-dessous.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous avons également créé Fudge, l’opérateur IA pour les boutiques Shopify, qui a une note de 4.9 sur le Shopify App Store.
Comment ajouter un lien à un texte dans l’éditeur de page Shopify
Cela s’applique au texte dans Boutique en ligne → Pages ou Boutique en ligne → Articles de blog.
Étape 1. Va dans Boutique en ligne → Pages (ou Articles de blog) et ouvre la page que tu veux modifier.
Étape 2. Dans la zone de contenu, sélectionne le texte que tu veux transformer en lien. Surligne-le avec ton curseur.
Étape 3. Clique sur l’icône de lien dans la barre d’outils de l’éditeur (elle ressemble à un maillon de chaîne). Une fenêtre pop-up apparaît et te demande l’URL.
Étape 4. Saisis l’URL. Pour les liens internes, utilise le chemin relatif : /products/my-product, /collections/sale, /pages/about. Pour les liens externes, utilise l’URL complète en incluant https://.
Étape 5. Clique sur Appliquer ou Insérer, puis enregistre la page.
Le texte sélectionné est maintenant un lien cliquable, avec le style par défaut des liens de ton thème.
Pour les liens sur des images, consulte Ajouter un lien à une image dans Shopify.
Comment faire en sorte qu’un lien texte s’ouvre dans un nouvel onglet
Si vous souhaitez que le lien s’ouvre dans un nouvel onglet, cliquez sur l’icône de lien dans la barre d’outils, entrez l’URL, et cherchez la case à cocher “Ouvrir dans un nouvel onglet” avant de confirmer. Il est généralement préférable que les liens externes s’ouvrent dans un nouvel onglet ; ce n’est pas nécessaire pour les liens internes.
Comment ajouter un lien à un texte dans l’éditeur de thème Shopify
Les blocs de texte dans les sections de l’Éditeur de thème fonctionnent différemment du contenu de la page.
Étape 1. Va dans Boutique en ligne → Thèmes → Personnaliser.
Étape 2. Clique sur la section ou le bloc contenant ton texte.
Étape 3. Dans le panneau des paramètres sur la droite, cherche un champ Lien ou URL sous la zone de texte. Certains blocs de texte l’incluent ; d’autres non.
Étape 4. Saisis la destination du lien et enregistre.
Si un bloc de texte n’a pas de champ de lien, tu ne peux pas transformer ce texte spécifique en lien uniquement via l’Éditeur de thème. Il faudra l’ajouter via le code ou avec Fudge.
Note : Les blocs de texte enrichi dans l’Éditeur de thème (les sections avec un éditeur WYSIWYG) prennent en charge les liens intégrés — sélectionne le texte dans le champ de texte enrichi et cherche l’icône de lien dans cette mini barre d’outils.
Comment ajouter un lien à un texte en utilisant le HTML
Pour un contrôle précis, tu peux utiliser une balise d’ancrage HTML directement dans le contenu de ta page Shopify ou dans les fichiers de ton thème.
Syntaxe de base :
<a href="/products/my-product">Acheter la collection</a>Ouvrir dans un nouvel onglet :
<a href="https://example.com" target="_blank" rel="noopener">Visiter le site</a>Où utiliser ça :
- Dans l’éditeur de pages de Shopify, passe en vue HTML (cherche
< >ou “Afficher le HTML” dans la barre d’outils) et insère la balise directement. - Dans les fichiers du thème (sections, snippets, modèles), va dans Boutique en ligne → Thèmes, clique sur le menu à trois points (…) à côté de ton thème, puis sur Modifier le code.
Utilise toujours rel="noopener" lorsque tu fais un lien vers des URL externes avec target="_blank".
Comment lier du texte à un produit, une collection ou une page dans Shopify
Les URL Shopify suivent un format régulier :
| Destination | Format de l’URL |
|---|---|
| Produit | /products/product-handle |
| Collection | /collections/collection-handle |
| Page | /pages/page-slug |
| Blog | /blogs/news |
| Article de blog | /blogs/news/post-slug |
| Panier | /cart |
| Externe | https://full-url.com |
Le « handle » ou « slug » est la version du nom adaptée aux URL : en minuscules, avec des tirets au lieu des espaces. Vous pouvez trouver le handle d’un produit dans l’admin Shopify → Produits → cliquez sur le produit → regardez l’URL ou la section SEO tout en bas.
Comment ajouter un lien à un texte dans Shopify en utilisant Fudge
Si tu as besoin de liens à des endroits que l’Éditeur de thème ne gère pas nativement - dans une section personnalisée, dans un tableau, ou avec un style différent de celui par défaut - décris-le à Fudge, l’opérateur IA pour les boutiques Shopify, dans son éditeur de boutique :
“Ajoute un lien ‘En savoir plus’ au deuxième paragraphe de la section des fonctionnalités du produit sur ma page d’accueil, pointant vers /pages/how-it-works.”
Fudge effectue la modification de code sous forme de brouillon pour que tu puisses la vérifier avant de la publier. Chaque modification publiée conserve la version qu’elle a remplacée, ce qui te permet de la restaurer plus tard si besoin.
FAQ
Pourquoi mon lien hypertexte n'est-il pas cliquable dans l'éditeur de pages ?
Le plus souvent, le lien n'a pas été appliqué au texte sélectionné - l'icône de lien de la barre d'outils nécessite que le texte soit surligné pour s'activer. Autres causes possibles : une règle CSS du thème qui désactive les pointer events sur le conteneur parent, ou le lien a été inséré puis enveloppé dans un autre élément via la vue HTML, ce qui a cassé la balise d'ancrage.
Comment enlever un lien sur du texte dans Shopify ?
Dans l'éditeur de pages, sélectionne le texte lié et clique à nouveau sur l'icône de lien - il y a généralement une option "Dissocier" ou "Supprimer le lien" dans la fenêtre pop-up. Sinon, passe en vue HTML et supprime les balises <a href="..."> autour du texte.
Quelle est la différence entre une URL relative et une URL absolue dans Shopify ?
Une URL relative comme /products/my-product fonctionne sur n'importe quel site et s'adapte au nom de domaine sur lequel tu es (parfait pour les liens internes - ils continuent de marcher si ton domaine change). Une URL absolue inclut le chemin complet : https://taboutique.com/products/my-product - utilise ça pour les liens externes et partout en dehors de ta boutique (e-mails, réseaux sociaux).
Est-ce que je peux ajouter un attribut `nofollow` à un lien dans Shopify ?
L'interface de lien de l'éditeur de pages ne propose pas d'option nofollow. Pour l'ajouter, passe en vue HTML et modifie la balise d'ancrage directement : <a href="..." rel="nofollow">. Pour les liens sponsorisés, utilise rel="sponsored". Pour les zones contenant beaucoup de contenu généré par les utilisateurs (UGC) comme les commentaires, utilise rel="ugc".
Pourquoi mes liens ont-ils la même apparence que le texte normal ?
Ton thème applique probablement la même couleur au texte et aux liens, ou retire les soulignements partout. Vérifie Éditeur de thème → Paramètres de thème → Couleurs → Liens, ou surcharge ça en CSS. Pour t'éviter de chercher la classe CSS, explique ce que tu veux à Fudge ("rends les liens du corps du texte bleus avec un soulignement au survol, sans toucher à la navigation ni aux boutons") et il va écrire le CSS ciblé pour toi. Jette un œil à changer la couleur des liens dans Shopify pour la marche à suivre complète.
