Comment intégrer un feed Instagram à TYPO3

Le tuto pour intégrer un feed Instagram à TYPO3

TYPO3 est un CMS open-source qu’ont déjà adopté des marques telles que Phillips, Lufthansa, Villeroy & Boch. Les développeurs apprécient la plateforme pour sa flexibilité et sa modularité, qui leur permettent de créer un CMS personnalisé pour des sites web, des Intranets et d’autres services digitaux.

Il est très simple d’intégrer un post Instagram à sa page d’accueil TYPO3, ou à toute autre page, grâce à la complète personnalisation que permet le CMS. Mais, au lieu d’intégrer chaque image ou vidéo Instagram manuellement, la plupart des marketeurs et développeurs cherchent un widget capable d’afficher un Social Media feed en temps réel sur leur plateforme.

C’est là qu’un agrégateur Social Media entre en jeu. Avec Flockler, vous pouvez agréger du contenu depuis n’importe quel compte Instagram Business, ou créer des campagnes de User Generated Content. Si vous le souhaitez, vous pouvez agréger du contenu depuis plusieurs réseaux sociaux à la fois, et diffuser ce contenu en un seul et même endroit. (N’hésitez pas à consulter la liste des médias sociaux supportés par Flockler.) Aucune compétence en code n’est requise, et il ne vous faudra que quelques minutes pour intégrer votre feed Instagram à votre site TYPO3.

Découvrez ici un guide en trois étapes pour intégrer votre feed Instagram à TYPO3 :

  1. Mettre en place votre feed Instagram personnalisé
  2. Choisir une mise en page : Wall, Grille, or Carrousel
  3. Intégrer le feed Instagram à une page TYPO3

1. Mettre en place votre feed Instagram personnalisé

Première étape : connectez-vous à votre compte Flockler, et mettez en place un feed Instagram automatisé. Les outils clé-en-main de Flockler vous permettent de collecter du contenu publié par un compte Instagram spécifique, ou bien mentionnant un hashtag en particulier.

Voici une vidéo tutoriel pour vous apprendre à créer vos premiers feeds en toute simplicité :

2. Choisir une mise en page : Wall, Grille, or Carrousel

Après avoir agrégé du contenu, la deuxième étape consiste à choisir une mise en page pour votre feed Instagram. Flockler met à votre disposition 3 options, et il est assez simple de les personnaliser ou d’en créer une version sur-mesure pour votre marque.

Dans le menu de navigation de votre compte Flockler, cliquez sur “Display”, et sélectionnez le format Wall, Grille ou Carrousel.

Après avoir sélectionné votre mise en page favorite, un code d’intégration (embed code) apparaît. Vous pouvez intégrer ce code sur n’importe quelle page TYPO3 (on vous explique comment plus loin).

Pour vous inspirer, voici des exemples de chaque mise en page :

Wall

La mise en page Social Wall affiche les légendes textuelles de chaque post Instagram : un layout à privilégier si vous souhaitez diffuser au même endroit du contenu provenant de plusieurs réseaux sociaux.

Grille

La mise en page sous forme de Grille crée un design proche de celui de votre page Instagram. Elle est très rapidement devenue la mise en page préférée de nos clients !

Carrousel

Le Carrousel vous permet de gagner de l’espace sur une page d’accueil ou d’autres Landing Pages, pour que votre feed Social Media ne détourne pas l’attention de vos visiteurs d’éléments plus importants (par exemple, des call-to-actions).

3. Intégrer le feed Instagram à une page TYPO3

Dernière étape, et des plus simples : depuis l’onglet “Display” de Flockler, copiez-collez le embed code dans votre éditeur de contenu TYPO3.

Ouvrez l’éditeur d’une de vos pages (par exemple, votre page d’accueil) ou articles de blog, et cliquez sur le bouton “+ Content”.

Commencez à intégrer votre feed Instagram à TYPO3

Depuis les options qui s’affichent, sélectionnez “Special elements”, puis “Plain HTML”.

Ajoutez ensuite le embed code Flockler à l’éditeur, et cliquez sur “Save”.

Intégrez simplement le embed code de votre feed Instagram à votre page TYPO3

Voilà : en moins de 5 minutes, vous avez mis en place un feed Instagram sur votre site TYPO3 ! Celui-ci se met à jour automatiquement, mais vous pouvez également choisir d’en modérer le contenu manuellement, si vous souhaitez rester en contrôle.

Et bonne nouvelle : grâce à votre compte Flockler, vous pouvez créer autant de feeds Social Media que vous le souhaitez, et les intégrer sur autant de pages que nécessaire.

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