Par défaut, les photos du flux Instagram renvoient aux photos sur Instagram ou à notre Lightbox, mais vous pouvez utiliser des extraits de code personnalisés pour relier chaque photo à une URL unique de votre choix.
Lier des photos individuelles à des URL différents
Il existe deux méthodes pour ce faire. Vous pouvez utiliser notre fonction Shoppable Feed ou modifier manuellement chaque lien.
Méthode du fil Shoppable (lien personnalisé)
Remarque : cette fonction n'est disponible que dans la version "Pro".
Nous avons ajouté une fonctionnalité à la version Pro du plugin pour rendre la liaison de vos articles à des URLs personnalisées vraiment facile et sans douleur. Activez le paramètre suivant pour votre flux dans notre plugin : Flux Instagram > Tous les flux > Sélectionnez votre flux > Paramètres > Flux Shoppable > Activer. Vous pouvez ensuite cliquer sur le bouton Ajouter sur chaque article pour ajouter une URL personnalisée pour cet article spécifique. Pour des instructions plus détaillées sur la création d'un flux shoppable, veuillez consulter cet article.
Méthode manuelle
Tout d'abord, désactivez la boîte lumineuse popup du plugin (Flux Instagram > Tous les flux > Options du flux > Personnaliser > Boîte lumineuse > Désactiver).
Ensuite, vous devez trouver l'ID de chaque photo. Vous pouvez le faire en faisant un clic droit sur la photo, en cliquant sur "Inspecter l'élément" et en copiant l'attribut ID(capture d'écran). Cela ressemblera à ceci : sbi_1253736523657580376_10145706.
Dans la version Pro, vous pouvez également trouver l'identifiant en consultant votre flux, en cliquant sur la photo pour lancer la fenêtre contextuelle, puis en cliquant sur le lien "Masquer les photos (admin)".
Vous pouvez ensuite utiliser un extrait de JavaScript pour modifier le lien sur chaque photo, comme suit :
$('#sbi_1253736523657580376').find('.sbi_photo').attr('href', 'https://yourlink1.com') ;
$('#sbi_1253665037575982435').find('.sbi_photo').attr('href', 'https://yourlink2.com') ;
$('#sbi_1248694870995570598').find('.sbi_photo').attr('href', 'https://yourlink3.com') ;
Vous pouvez les ajouter à la section Custom JavaScript du plugin sur la page Customize.
Lier toutes les photos à la même URL
Pour ce faire :
1) Désactivez d'abord la boîte à lumière popup du plugin (Fil Instagram > Tous les fils > Options du fil > Personnaliser > Lightbox > Désactiver)
2) Ajouter une classe au shortcode du flux pour que le lien ne s'applique qu'aux articles de ce flux : [instagram-feed feed=1 class="custom-link-feed"]
3) Ajoutez le JavaScript personnalisé suivant à votre site web (Utilisation du code JavaScript personnalisé pour notre plugin Instagram Feed):
$('.custom-link-feed .sbi_photo').attr('href', 'https://yourlink.com');
