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…

5 commentaires

  1. Bonjour,

    et merci pour ce tuto! c’était simple mais dommage…ça ne fonctionne pas avec mon hébergeur de blog….(unblog)
    une idée du pourquoi du comment? merci beaucoup!! 😉

    • 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

  2. Bonjour,
    J’etais super contente, ça fonctionnait super bien mais au bout de 24h, j’ai reçu un mail de l’administrateur de elfsight disant que j’avais atteint les quotas de vue sur mon site, qu’il fallait donc que je passe à la version payante…Dommage…

Laisser un commentaire

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

Poster commentaire