Comment intégrer un feed Instagram à Drupal

Intégrer un feed Instagram à Drupal

Drupal est l’un des CMS open-source les plus populaires du web, qui propulse des sites tels que ceux de Tesla, Pfizer, NBC, et bien d’autres.

C’est pourquoi le support de Flockler recèle quotidiennement d’une question-phare pour les entreprises qui l’utilisent : comment intégrer un feed Instagram à Drupal ?

Les codes d’intégration (embed codes) d’Instagram vous permettent d’insérer des images et des vidéos depuis le réseau social sur n’importe quelle plateforme digitale. Ceci étant, la plupart des entreprises mettent à jour quotidiennement leurs réseaux sociaux… et faire en sorte que le contenu de leur site soit à jour par rapport à ces plateformes peut s’avérer très chronophage !

Vous êtes à la recherche d’une solution automatisée pour afficher vos derniers posts Instagram ou vos campagnes de hashtag sur Drupal ?

Flockler permet aux marques d’intégrer des widgets de feed Instagram qui se mettent automatiquement à jour sur n’importe quelle page Drupal. En moins de 5 minutes, et sans aucune compétence en code, les marketeurs peuvent ajouter ce type de feed à leur page d’accueil ou n’importe quelle autre page de leur site.

Ce guide concerne les utilisateurs de Drupal, mais vous pouvez tout à fait intégrer un feed Instagram sur n’importe quel site web ou plateforme digitale. Si nécessaire, découvrez nos tutoriels concernant les CMS et plateformes e-commerce les plus utilisées :

3 étapes pour intégrer un feed Instagram à Drupal

Découvrez ici un petit guide pour ajouter un feed Instagram sur n’importe quelle page Drupal :

  1. Ajoutez les profils Instagram et hashtags qui vous intéressent
  2. Choisissez la mise en page de votre widget Instagram
  3. Intégrez votre feed Instagram à Drupal

1. Ajoutez les profils Instagram et hashtags qui vous intéressent

Première étape : déterminer quels feeds Instagram vous souhaitez faire remonter sur votre site Drupal.
Avec Flockler, vous pouvez créer plusieurs feeds Instagram et les afficher tous au même endroit. Voici les différents types de feeds que vous pouvez utiliser :

  • Les feeds Instagram de hashtags : intégrez les images et vidéos de n’importe quel post mentionnant un hashtag en particulier, provenant d’un profil public
  • Les feeds de comptes Instagram Business : rassemblez le contenu d’un compte Instagram Business en particulier, sans pour autant en être administrateur
  • Les feeds de mentions de votre compte Instagram Business : si vous êtes administrateur de ce compte, vous pouvez agglomérer les posts publics qui mentionnent ou tagguent votre compte
  • Les feeds de stories Instagram : si vous êtes administrateur du compte publiant les stories Instagram, vous pouvez les agréger dans votre feed. Ces stories seront disponibles pendant 24 heures sur Flockler, et vos nouvelles stories s’y publieront automatiquement.

Créer un feed Instagram avec Flockler ne vous prendra que quelques minutes, et ce feed se mettra à jour automatiquement toutes les 5 à 15 minutes.

Voici une petite vidéo qui vous explique comment agglomérer des images et vidéos depuis n’importe quel compte Instagram Business :

2. Choisissez la mise en page de votre widget Instagram

Une fois votre feed Flockler créé, il vous faut choisir la mise en page de votre widget Instagram.

Dans l’onglet “Display” de Flockler, vous aurez accès à 4 options (layouts) :

  • Wall
  • Grille
  • Carrousel
  • Slideshow

Pour un site web ou une plateforme digitale, choisissez entre le Wall, la Grille ou le Carrousel. Le format Slideshow est idéal si vous voulez projeter votre feed sur des écrans digitaux, dans vos locaux ou lors d’événements.

Après avoir choisi votre mise en page, vous aurez accès à un code d’intégration (embed code), que vous pourrez intégrer à n’importe quelle page Drupal.

3. Intégrez votre feed Instagram à Drupal

Drupal est une plateforme de publication versatile, et il existe différentes manières d’intégrer le embed code Flockler à votre site. Le positionnement de votre widget Instagram dépend du thème que vous utilisez sur votre site Drupal.

Dans ce tutoriel, vous pourrez choisir entre 2 options d’intégration différentes :

  • Intégrer votre feed Instagram sur n’importe quel article ou page Drupal
  • Intégrer votre feed Instagram sur votre page d’accueil avec un élément “bloc”

1. Intégrer votre feed Instagram sur n’importe quel article ou page Drupal

Vous pouvez ajouter votre widget de feed Instagram à la zone de contenu que vous souhaitez, sur un article ou une page.

Dans l’éditeur de contenu d’une page existante ou d’une nouvelle page, sélectionnez l’option “Full HTML” depuis la liste déroulante. Cliquez ensuite sur “Source” dans la barre d’outils, et ajoutez le embed code Flockler au champ de texte.

Comment intégrer votre feed Instagram à une page Drupal

Cliquez sur le bouton “Save”, et votre magnifique feed Instagram est intégré sur votre site Drupal. Simple comme bonjour !

2. Intégrer votre feed Instagram sur votre page d’accueil avec un élément “bloc”

Si vous êtes déjà familiarisé avec les éléments “bloc” de Drupal, intégrer Flockler à votre page d’accueil est tout ce qu’il y a de plus simple.

Depuis Drupal, rendez-vous dans “Structure”, puis “Block layouts”, et cliquez sur “Custom block library”. Puis cliquez sur le bouton “+ Add custom block”.

Utilisez les blocs Drupal pour intégrer votre feed Instagram

Dans l’éditeur, donnez un nom à votre bloc (par exemple “Widget Flockler”), et changez le format “texte” au format “Full HTML”. Puis cliquez sur “Source” dans la barre d’outils, et ajoutez le embed code Flockler au champ. N’oubliez pas de sauvegarder les changements.

Puis retournez dans la vue “Block layout”, et sélectionnez où vous souhaitez intégrer le widget Instagram. Vous pouvez par exemple l’ajouter à la zone de contenu. Cliquez sur “Place block”.

Puis sélectionnez le nouveau bloc que vous venez de créer (“Widget Flockler”).

Depuis l’éditeur, vous pouvez choisir si le titre du bloc est visible sur la page, et si vous voulez y appliquer des restrictions. Par exemple, vous pouvez décider de restreindre l’affichage de cet élément à une page en particulier.

Après avoir configuré votre bloc personnalisé, faites défiler la page, et cliquez sur “Save blocks” pour sauvegarder vos changements.

Et voilà : votre beau widget Instagram apparaît sur votre page d’accueil !

Pourquoi les marques insèrent-elles des feeds Instagram à leur site Drupal ?

Voici quelques raisons majeures pour lesquelles les marques choisissent d’intégrer des feeds Instagram à leurs sites web.

Pour booster la conversion

Grâce à un feed Instagram qui se met à jour automatiquement, vous pouvez mettre en avant les feedbacks et avis clients laissés par vos clients sur vos produits ou services. Cette forme de preuve sociale, intégrée à votre site Internet, développe la confiance en votre marque, et booste vos taux de conversion. De plus, vous pouvez ajouter des boutons d’appel à l’action à vos feeds, pour mener directement vos visiteurs vers les produits ou services mis en avant dans les posts.

Un feed Instagram sur un site Drupal

Pour augmenter le temps passé sur leurs pages

Diffuser un feed d’images et de vidéos sur votre page d’accueil permet de garder vos visiteurs plus longtemps sur votre site. Si vous avez lancé des campagnes de User Generated Content, votre feed Instagram enrichit votre site de contenu engageant et authentique.

La Grille Instagram intégrée au site de Hapag-Lloyd’s met en lumière les meilleurs feedbacks de leurs clients satisfaits

Pour accroître l’engagement et le reach

Les feeds Instagram aident également les marques à accroître leur engagement et leur reach sur les réseaux sociaux. Plus de gens voient et interagissent avec votre contenu sur les médias sociaux, plus de personnes verront vos posts dans leurs fils d’actualité. C’est pourquoi vous voulez maximiser la visibilité de votre contenu sur votre site web : vous vous assurez ainsi de donner de l’inspiration à de nouvelles cibles, qui n’ont pas encore interagi avec votre marque sur Instagram.

Créez votre propre social wall, ou intégrez du contenu des réseaux sociaux sur votre site web, e-commerce, ou votre application.

Demandez une démo Essayez gratuitement
Essayez Flockler gratuitement pendant 30 jours