Carrousel Elementor : ajouter un lien d’ancrage différent pour chaque image

Carrousel Elementor : ajouter un lien différent pour chaque image

Vous avez créé un joli carrousel sous Elementor et maintenant vous aimeriez que chacune des images qui le compose ait un lien différent qui redirige vers une page ou une section de page ?

Oui, mais voilà, pas de chance, l’Image Carousel Widget n’autorise qu’un lien personnalisé unique.

Alors, vous vous demandez sûrement comment faire.

Eh bien, rassurez-vous, il existe une méthode simple pour arriver à vos fins.

Suivez le guide. 😉

Carrousel Elementor : lien différent pour chaque image vers d’autres pages

Installation du widget Image Carousel Multiple Custom Urls de Piotnet

En tout premier lieu, installez et activez l’extension Piotnet Addons For Elementor en mettant le mot-clé piotnet pour la recherche dans extensions/ajouter.

installation plugin Piotnet addons for elementor

Puis, dans l’écran qui s’affiche, à moins d’avoir besoin des autres widgets, ne laissez activé que “Image Carousel Multiple Custom Urls” et cliquez sur “save settings”.

Cela évitera que du code inutile vienne impacter vos performances.😉

widget Image Carousel Multiple Custom Urls de Piotnet

Ceci étant fait, passons sans délai à l’intégration des différents liens pour chacune des images.

Enregistrement des liens personnalisés vers des pages pour chaque image du carrousel

Pour commencer, allez en mode édition Elementor sur la page qui contient votre carrousel.

Vous vous apercevrez alors que la mention “PAFE Image Carousel Multiple Custom Urls” est apparue.

Puis, indiquez les URL souhaitées pour chaque image dans l’ordre où elles apparaissent dans le carrousel en les séparant par une virgule et sans aucun espace.

Par exemple, pour :

image 1= https://URLDeLaPageDuLien1

image2= https://URLDeLaPageDuLien2

image 3=https://URLDeLaPageDuLien3

Il faut indiquer :

https://URLDeLaPageDuLien1,https://URLDeLaPageDuLien2,https://URLDeLaPageDuLien3

À ce sujet, vous pouvez choisir des pages internes ou externes à votre site, cela fonctionnera tout aussi bien.

carrousel Elementor ajout-liens personnalisés vers pages

Enfin, mettez à jour, revenez sur votre site, testez et “enjoy“.

Il est à noter que de la même manière, vous pouvez rediriger les images de votre carrousel vers des sections de page.

Alors, voyons tout de suite comment procéder.

Carrousel Elementor : lien différent pour chaque image vers une section de page du site

En fait, la manipulation à faire sera exactement la même, sauf qu’auparavant il vous faudra créer des ancres à l’endroit de la page où vous voulez atterrir.

Si vous ne savez pas comment faire, alors, n’hésitez pas à consulter mon article : Comment faire un lien vers un endroit précis d’une page WordPress ?

Ensuite, notez bien les URL des pages vers lesquelles vous voulez faire un lien ainsi que les id d’ancrage que vous avez spécifié pour faire un lien vers une section d’une autre page.

Enfin, renseignez les liens personnalisés dans votre carrousel en ajoutant simplement #votreid.

  • Image 1= https://URLDeLaPageDuLien1/#votreid1
  • Image 2= https://URLDeLaPageDuLien2/ #votreid2
  • Image 3=https://URLDeLaPageDuLien3 /#votreid3

Ce qui donne :

https://URLDeLaPageDuLien1/#votreid1,https://URLDeLaPageDuLien2/#votreid2,https://URLDeLaPageDuLien3/#votreid3

Pour terminer, si vous souhaitez faire des liens, vers une section dans la même page que celle de votre carrousel, c’est possible, il suffit de ne renseigner que l’id : #votreid1,#votreid2,#votreid3. 😉

Le mot de la fin

Finalement, ce n’est pas compliqué que ça de faire un joli carrousel dans Elementor avec des images qui pointent là où vous le souhaitez.

Qu’en pensez-vous ?

Hello, moi, c'est Christine 👋. Je suis créatrice et optimisatrice de sites Web et rédactrice Web SEO. J’adore parcourir le web pour dénicher des astuces, fonctionnalités et outils gratuits qui facilitent la création numérique. Sur ce blog, je vous partage mes découvertes et espère qu’elles pourront vous être utiles.
5 1 voter
Évaluation de l'article
S’abonner
Notifier de
guest
0 Commentaires
Commentaires en ligne
Afficher tous les commentaires
Retour en haut
0
J'aimerai bien avoir votre avis sur cet article 😉x