Ce tutoriel en trois étapes vous permet d’intégrer un feed Twitter à un site web. Grâce à Flockler, vous créez un feed Twitter totalement personnalisé, avec un design unique, et pouvez afficher des posts provenant d’un ou de plusieurs comptes ou hashtags Twitter en un seul et même endroit.

Si vous ne faites pas partie des 455 millions d’utilisateurs de WordPress, découvrez notre tutoriel sur comment intégrer un widget Twitter à n’importe quel site web.

Pourquoi les marques intègrent des feeds Twitter sur WordPress

Twitter est une plateforme où l’information circule rapidement, et où la compétition est rude : la durée de vie moyenne d’un tweet est de 18 minutes. Pour maximiser la visibilité de leur contenu, certaines marques choisissent de diffuser leurs posts Twitter (et autres posts Social Media) via des feeds intégrés à leurs sites web, app mobiles ou écrans digitaux. Le fait d’attirer vos visiteurs vers votre profil Twitter accroît votre nombre de followers, et crée aussi de l’engagement sur vos derniers tweets.

De plus, si vous organisez un événement ou lancez un concours, une campagne de hashtag sur Twitter ou Instagram peut s’avérer pertinente. Une campagne bien planifiée améliore votre image de marque, et avec une Landing Page de campagne et un feed de hashtags Twitter intégré dessus, vous toucherez de nouvelles cibles.

Enfin, Twitter est l’un des meilleurs canaux pour récolter du feedback de vos clients. Lorsque vous expédiez vos produits ou livrez vos services digitaux, ajoutez un message demandant à vos clients de partager leur expérience de votre marque sur les réseaux sociaux. Vous pourrez ensuite intégrer cette preuve sociale à votre site web, et mettre en valeur le meilleur contenu récolté.

Besoin de plus d’inspiration ? Découvrez 7 exemples de campagnes de User Generated Content à succès.

Intégrer un feed Twitter à un site web en 3 étapes

Si vous voulez intégrer un ou plusieurs tweets sur un article de blog, la meilleure solution est sans doute d’utiliser le code d’intégration officiel de Twitter.

Toutefois, la plupart des entreprises veulent rassembler des posts provenant de plusieurs comptes Twitter ou de plusieurs hashtags, et surtout, faire évoluer leur feed au fil du temps. Dans ce cas, un feed Twitter personnalisé pour WordPress sera plus pertinent.

Voici comment intégrer des feeds Twitter à WordPress :

1. Choisir les comptes ou hashtags Twitter que vous souhaitez afficher
2. Sélectionner la mise en page de votre feed
3. Intégrer un feed Twitter sur n’importe quelle page WordPress

1. Choisir les comptes ou hashtags Twitter que vous souhaitez afficher

Si vous ne possédez pas encore de compte Flockler, inscrivez-vous à votre essai gratuit de 14 jours.

Puis créez un (ou plusieurs) feed(s) rassemblant des tweets d’un utilisateur spécifique, ou en les sélectionnant par rapport à un hashtag particulier.

Connectez-vous à Flockler, puis rendez-vous dans l’onglet “Automated Feeds”, et cliquez sur le bouton “Create a new feed”. Si vous venez de vous inscrire à votre essai gratuit, vous serez automatiquement dirigé vers cet écran :

Ici, sélectionnez Twitter et connectez-vous à votre compte Twitter. Vous n’avez pas besoin d’être administrateur d’un compte spécifique pour ce faire.

Après avoir connecté votre compte, choisissez si vous souhaitez diffuser vos tweets en fonction d’un utilisateur ou d’un hashtag en particulier.

Une fois votre choix fait, le robot vous posera quelques questions supplémentaires. Peut-être la plus importante sera de savoir si vous souhaitez modérer vos posts avant de les afficher dans votre feed sur votre site WordPress. Si vous lancez une campagne de hashtag sur Twitter, nous vous recommandons de modérer les posts.

2. Sélectionner la mise en page de votre feed

Prochaine étape : sélectionner la mise en page de votre feed.

Pour vos feeds WordPress, vous pouvez choisir entre un Social Wall, une Grille ou un Carrousel, puis personnaliser leur design en quelques clics, et sans aucune compétence technique requise.

Vous pouvez créer un nombre illimité de mises en page, et les diffuser sur toutes vos pages WordPress. Il n’y a pas non plus de restriction en termes de nombres de vues ou de domaines.

3. Intégrer un feed Twitter sur n’importe quelle page WordPress

Une fois votre mise en page sélectionnée, vous pouvez soit utiliser le code d’intégration (embed code) standard de Flockler, ou bien télécharger le plugin WordPress et ajouter un shortcode à votre site WordPress.

Voici les instructions pour intégrer un feed Twitter sur Elementor, ou bien en utilisant Gutenberg et l’éditeur classique.

Intégrer un feed Twitter via Elementor

1. Ajoutez une nouvelle page à WordPress, ou éditez une page existante.
2. Cliquez sur le bouton “Editer avec Elementor”.
3. A gauche, recherchez le widget HTML. 

4. Glissez-déposez le widget HTML à l’endroit souhaité sur la page.
5. Une sélection de nouveaux outils d’édition s’ouvre à gauche. Copiez-collez votre shortcode issu du plugin Flockler directement dans le champ Code HTML. 

6. Mettez à jour ou publiez la page.

Intégrer un feed Twitter via Gutenberg

1. Ouvrez l’article ou la page où vous désirez intégrer votre feed Twitter dans l’administration WordPress.
2. Choisissez “(+) Ajouter un bloc” en haut à gauche des outils d’édition WordPress.
3. Puis cherchez l’élément HTML Personnalisé, et ajoutez-le à votre page. 

4. Copiez-collez le shortcode intégration Twitter depuis l’onglet Display de Flockler à cet élément. 

5. Mettez à jour ou publiez la page ou l’article WordPress.

Intégrer un feed Twitter en utilisant le Classic Editor

1. Ouvrez l’article ou la page où vous désirez intégrer votre feed Twitter dans l’administration WordPress.
2. Dans l’éditeur de contenu WordPress, vous trouverez les options d’affichage Visuel ou Texte : choisissez l’option Texte.
3. Copiez-collez votre shortcode depuis l’onglet Display de Flockler, là où vous souhaitez que votre feed Twitter s’affiche sur WordPress.
4. Mettez à jour ou publiez la page ou l’article WordPress.

Et voilà : si vous avez suivi à la lettre ce tutoriel, vous avez désormais un feed Twitter intégré à votre site WordPress !