Créer et insérer des liens sur PrestaShop

Introduction

Dans ce tutoriel, vous allez apprendre à insérer des liens PrestaShop directement dans la description d’une fiche produit. L’objectif : guider vos visiteurs vers une page utile (ex. contact) et fluidifier leur parcours. Nous suivons pas à pas la manipulation telle qu’elle apparaît dans la vidéo EP Studly : ouverture de la fiche, saisie du texte d’ancrage, récupération de l’URL depuis la boutique, insertion du lien via l’éditeur, enregistrement et prévisualisation. Cette compétence simple mais décisive tombe souvent à l’épreuve E5B : elle démontre votre maîtrise de l’éditeur riche et votre sens de l’UX.

Étape 1 — Ouvrir la fiche produit à modifier

On commence par accéder à la zone d’édition de contenu.

À faire :

• Back-office → Catalogue → Produits.
• Sélectionner le produit à modifier.
• Descendre jusqu’à l’onglet Description.

Étape 2 — Saisir le texte d’ancrage

Préparez le libellé cliquable qui portera le lien.

À faire :

• Dans la Description, taper le texte (ex. « Contactez-nous »).
• Positionner le curseur sur ce texte (ou le sélectionner).

Étape 3 — Récupérer l’URL cible depuis la boutique

On pointe vers la bonne page (ici, la page Contact).

À faire :

• Cliquer sur Voir ma boutique (front-office).
• Ouvrir la page Contact.
• Copier l’URL dans la barre d’adresse.

Étape 4 — Insérer le lien dans l’éditeur

On relie le texte d’ancrage à l’URL copiée.

À faire :

• Revenir sur la fiche produit (back-office).
• Double-cliquer sur « Contactez-nous ».
• Cliquer sur l’icône Insérer/éditer un lien.
• Coller l’URL de la page contact → OK.

Étape 5 — Enregistrer et prévisualiser

On valide et on contrôle le rendu.

À faire :

• Cliquer sur Enregistrer.
• Prévisualiser le produit.
• Vérifier que le lien redirige bien vers la page Contact.

Conseils pour l’examen

• Utilisez des ancres explicites (« Contactez-nous », « Voir la politique de retours »).
• Testez le lien juste après l’enregistrement.
• Si l’énoncé précise une page cible, copiez exactement son URL.
• Faites une capture du lien actif dans la description (preuve E5B).

Erreurs à éviter

• Oublier d’enregistrer après l’insertion.
• Coller une mauvaise URL (langue, page, ancre erronée).
• Utiliser une ancre vague (« cliquez ici »).
• Négliger la prévisualisation côté front.

Checklist révision rapide

• Produit ouvert → onglet Description
• Texte d’ancrage saisi et sélectionné
• URL copiée depuis la boutique
• Lien inséré via l’icône dédiée
• Enregistrer + prévisualiser le lien

FAQ : Tout savoir sur l’insertion de liens

Peut-on lier vers des pages internes et externes ?

Oui. L’éditeur accepte les liens internes (pages CMS, catégories, produits, contact) et externes (site partenaire, documentation). En E5B, respectez l’URL exacte fournie et vérifiez qu’elle s’ouvre bien en front-office.

Où placer un lien pour qu’il soit pertinent ?

Dans la Description du produit si l’info complète l’achat (ex. contact, guide des tailles), ou dans une page CMS si c’est une information générique (CGV, retours). L’essentiel est la cohérence avec le besoin du visiteur.

Peut-on ouvrir le lien dans un nouvel onglet ?

Selon l’éditeur, vous pouvez spécifier la cible (_blank). Pratique pour conserver la fiche produit ouverte. Si l’option n’apparaît pas, vous pouvez l’ajouter via l’édition HTML (hors périmètre du tuto).

Comment vérifier rapidement plusieurs liens ?

Après enregistrement, prévisualisez et cliquez sur chaque lien. Pour l’épreuve, une capture du lien cliquable et une autre de la page cible validée suffisent.

Les liens influencent-ils le SEO ?

Un maillage interne clair facilite la navigation et aide les moteurs à comprendre votre site. Utilisez des ancres descriptives et évitez la répétition inutile.

Que faire si l’icône « Insérer un lien » n’apparaît pas ?

Assurez-vous d’être dans la zone Description (éditeur riche). Si besoin, passez en plein écran ou agrandissez l’éditeur. Certains thèmes masquent des icônes en petite résolution.

📚 Envie d’aller plus loin ? Découvrez notre Formation Prestashop BTS NDRC 2025 pour maîtriser toutes les compétences de l’épreuve !

🎥 Retrouvez tous nos tutos en vidéo sur la playlist YouTube dédiée !