TutorielsIntégrez votre fil Instagram sur votre site internet

Intégrez votre fil Instagram sur votre site internet !

Instagram étant l’un des plus gros réseaux sociaux, il se peut que vous, ou votre client souhaitiez Intégrer votre fil Instagram sur votre site internet. Ou encore dans le pied de page de l’ensemble de celui-ci.
Voici l’outil ultime pur faire cela ! Très simple d’utilisation, je vous présente : Elfsight.com

Le site est en anglais mais vous allez voir qu’il est très facile de comprendre. Ne t’inquiète pas Régis, ça va bien se passer 😉

Elfsight.com propose différents tarifs en fonction de vos besoin, mais il existe une version gratuite du plugin qui est très suffisante.

Créez gratuitement votre Compte sur Elfsight

Rendez-vous sur Elfsight.com et créez votre compte gratuitement.

Ensuite cliquez sur “Applications” dans le menu de gauche, puis choisissez “Instagram Feed”.

 

Personnaliser le plugin

Le première étape consiste à choisir le template Instagram que vous souhaitez afficher. Les styles Slider et Grid sont mes préférés. Une fois selectionné, cliquez sur le gros bouton rose “Continue with this template”.

 

Ensuite connectez le compte Instagram que vous souhaitez afficher. Il vous suffit de renseigner le nom du compte. Vous savez, ce truc qui commence par @.

 

Il y a pas mal de réglages, très facile à comprendre même si c’est écrit en anglais. L’un des réglages les plus cools est le “Columns & Rows” qui se trouve dans l’onglet “Layout” et qui permet de paramétrer l’affichage en fonction des différentes tailles d’écran !

 

Dans l’onglet “Moore” modifier le titre du plugin, ou ne rien écrire. Puis choisir la langue du feed.

 

Une fois que vous aurez fini de personnaliser votre plugin, cliquez sur le bouton vert en haut à droite “Save” puis choisissez votre Plan.

 

Une Popup va s’afficher, vous pourrez copier le code fourni et aller le coller dans WebAcappella. Ne vous inquiétez pas, vous pourrez toujours afficher de nouveau le code plus tard.

 

Intégrer le code de Elfsight dans votre site internet

Ajoutez un élément html sur votre page, là où vous le souhaitez et coller le code. Ce code peut être coller dans une page ou bien une sous-page pour WebAcappella Grid, ou dans un gabarit pour WebAcappella FX. Cela peut être utile si vous souhaitez ajouter votre feed Instagram en pied de page sur l’ensemble de votre site web.

Vous pourrez toujours retourner sur Elfsight.com pour modifier votre plugin, les modifications seront instantanément mises à jour sur votre site web.

Voilà, vous avez créé votre plugin Instagram et c’est super stylé !

Bisous les neveux 😉

 

Au fait, sachez qu’à chaque fois que vous lisez un de nos tutos sans le partager sur votre réseaux social préféré, il y a un panda qui meurt quelque part dans le monde. Je dis ça comme ça, maintenant vous faites ce que vous voulez…

2 commentaires

    • Bonjour,
      si votre hébergeur de blog permet l’intégration de code html, cela ne devrait pas poser de problème. Je ne connais pas cet hébergeur mais peut être pouvez vous vous rapprochez d’eux pour leur demander.
      Bien cordialement

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée Champs requis marqués avec *

Publier un commentaire