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.

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.😉

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.

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 ?