Joomla est l’un des CMS gratuits et open-source les plus connus du moment. Cet outil comporte bon nombre de modèles et de plugins prêts à l’emploi, et de nombreuses organisations l’utilisent, y compris Hyundai, la NCA, ainsi que des stars comme Michael Phelps et Roger Federer.
Par ailleurs, les marques adorent Instagram. C’est donc sans surprise que ceux qui utilisent Joomla ajoutent souvent à leur page d’accueil ou à leurs Landing Pages de campagnes de User-Generated Content des widgets de réseaux sociaux. Avec un outil comme Flockler, les fanatiques de Joomla peuvent associer des feeds Instagram, Facebook, Twitter, YouTube, ou provenant de n’importe quel autre réseau social, pour les afficher sur leurs sites web.
Dans ce tutoriel, vous allez apprendre à intégrer à n’importe quel site Joomla des feeds Instagram.
Le fait de créer un widget Instagram pour votre site web est assez simple, et ne vous prendra que quelques minutes. Voici un guide en trois étapes pour intégrer un feed Instagram à Joomla :
- Agréger vos feeds Instagram par nom d’utilisateur ou hashtag
- Choisir la mise en page de votre feed : Social Wall, Grille, Carrousel ou Diaporama
- Intégrer votre feed Instagram sur n’importe quelle page Joomla
1. Agréger vos feeds Instagram par nom d’utilisateur ou hashtag
Avant tout, inscrivez-vous à l’essai gratuit de Flockler. Vous accéderez ainsi à l’intégralité du produit, sans engagement.
Après vous être inscrit, vous pourrez créer votre premier feed Instagram. Depuis Instagram, vous pouvez agréger et afficher…
- Des images et vidéos de n’importe quel compte Business
- Des feeds de hashtags de n’importe quels utilisateurs
- Des mentions de votre compte Business
- Des stories de votre compte Business
Voici une vidéo simple et rapide, qui vous explique comment procéder :
Vous voulez afficher dans votre feed plus d’un seul compte ou plus qu’un seul hashtag ? Ou bien mêler du contenu provenant d’Instagram à du contenu provenant d’une autre source, comme TikTok ? Avec Flockler, vous pouvez combiner les feeds Social Media de divers réseaux sociaux, divers comptes, et divers hashtags, et les diffuser en un seul et même endroit. Consultez la liste des réseaux sociaux que Flockler intègre, ainsi que les types de contenus que vous pouvez en tirer.
2. Choisir la mise en page de votre feed : Social Wall, Grille, Carrousel ou Diaporama
Maintenant que votre feed Instagram est prêt, il vous faut sélectionner une mise en page adaptée à la charte graphique de votre site Internet.
Depuis l’onglet “Display”, vous pouvez créer un Social Wall, une Grille, un Carrousel ou un Diaporama. Votre créativité est votre seule limite : vous pouvez en créer autant que vous le souhaitez.
Après avoir sélectionné votre mise en page, Flockler vous délivre un code d’intégration (embed code) que vous pouvez ajouter à votre site Joomla.
3. Intégrer votre feed Instagram sur n’importe quelle page Joomla
Dernière étape : intégrer votre feed Instagram à votre site Joomla. Dans ce tutoriel, vous découvrirez deux méthodes différentes :
- Ajouter un feed Instagram à n’importe quelle page Joomla
- Ajouter un feed Instagram à toutes vos pages Joomla
1. Ajouter un feed Instagram à n’importe quelle page Joomla
Souvent, nos clients veulent intégrer des feeds Instagram à des pages dédiées à un Social Wall ou à une campagne de hashtag. Voici comment intégrer Flockler à votre page Joomla :
Dans votre interface Joomla, cliquez “Content”, puis sélectionnez “Articles”, et cliquez sur “Add New Article”
Dans l’éditeur, ajoutez un titre à votre post et cliquez sur le bouton “Code” dans la barre d’outils.
Une fenêtre s’ouvre, où se trouve un champ pour votre embed code. Rendez-vous dans l’onglet “Display” de Flockler, et copiez-collez le embed code de votre feed Instagram dans ce champ. Puis cliquez sur “Insert”.
Cliquez ensuite sur “Save & Close”. Si vous le souhaitez, vous pouvez ajouter la page à votre menu depuis les outils d’édition de menu de Joomla.
Enfin, rendez-vous sur votre site web pour visualiser votre magnifique feed Instagram !
2. Ajouter un feed Instagram à toutes vos pages Joomla
Joomla inclut des Modules, que les développeurs peuvent utiliser pour intégrer des feeds Instagram sur des endroits dédiés sur l’intégralité des sites web. Par exemple, vous pourriez vouloir diffuser votre feed Instagram dans votre footer, sur toutes vos pages : dans ce cas-là, les Modules sont idéaux !
Voici comment intégrer un feed Instagram avec un Module personnalisé :
Dans votre interface Joomla, cliquez sur “Extensions” et sélectionnez “Modules”.
Puis cliquez sur le bouton “New”.
Dans la liste, sélectionnez “Custom”.
Puis cliquez sur le bouton “Code” dans la barre d’outils.
Une fenêtre s’ouvre. Copiez-collez le embed code de votre feed Instagram depuis Flockler dans le champ, et cliquez sur “Insert”.
Donnez un titre à votre Module, et sélectionnez sa position depuis la droite. Vous aurez ici peut-être besoin de l’aide de votre développeur, pour être sûr que le Module s’affiche sur toutes vos pages, et que la position sélectionnée n’est pas déjà utilisée par un autre élément.
Enfin, cliquez sur “Save & Close” : votre feed Instagram est intégré à votre site Joomla !
