3 façons simples d'intégrer un flux X (Twitter) sur votre site WordPress
Accueil Blog 3 façons simples d'intégrer un flux X (Twitter) sur votre site WordPress

3 façons simples d'intégrer un flux X (Twitter) sur votre site WordPress

Comment intégrer un flux Twitter sur WordPress

L'intégration d'un fil d'actualité dynamique X (Twitter) directement sur votre site WordPress peut considérablement renforcer l'engagement des utilisateurs, fournir des mises à jour en temps réel et renforcer la preuve sociale.

Un fil d'actualité X, parfois appelé « widget X » ou « timeline », affiche une sélection de publications X provenant d'un utilisateur, d'un hashtag ou d'une liste spécifiques. Bien que cela puisse paraître complexe, il existe trois méthodes simples pour y parvenir.

Ce guide complet vous guidera à travers chaque option et vous aidera à choisir la meilleure approche pour votre site :

Pourquoi intégrer des flux X (Twitter) sur votre site web ?

L'intégration d'un flux X sur votre site WordPress offre de nombreux avantages stratégiques : elle prolonge la durée de vie de votre contenu et renforce votre présence en ligne.

Voici pourquoi l'intégration des chronologies X est essentielle pour votre site :

  • Améliorez la visibilité et la durée de vie de vos contenus : en les publiant sur votre site web, vous garantissez que vos précieux contenus X, notamment vos vidéos et vos photos, restent accessibles plus longtemps.
  • Renforcez la preuve sociale et la confiance : mettez en avant le contenu généré par les utilisateurs (UGC), comme les avis, les témoignages et les mentions provenant directement de X, pour booster vos ventes.
  • Stimulez l'engagement et la croissance de votre audience : encouragez les interactions directes avec vos publications sur X et facilitez l'acquisition de nouveaux abonnés directement depuis votre site web.
  • Améliorer le référencement naturel de votre site web : les flux X mis à jour de manière dynamique peuvent apporter à votre site du contenu et des mots-clés récents et pertinents, ce qui améliore votre classement dans les moteurs de recherche.
  • Mises à jour et annonces en temps réel : Tenez les visiteurs de votre site Web instantanément informés de vos dernières nouvelles, promotions ou événements et obtenez plus d'engagement.
exemple de widget twitter sur un site web

En tirant parti de ces avantages, un flux X transforme votre site web en une plateforme plus dynamique, plus crédible et plus interactive.

Comment intégrer des flux X (Twitter) sur votre site web (méthode simple)

Pour la grande majorité des utilisateurs de WordPress, un plugin dédié constitue le moyen le plus efficace et le plus complet d'intégrer des flux X.

Les plugins éliminent le besoin de codage manuel, offrent une personnalisation étendue et garantissent la compatibilité.

Nous recommandons «X (Twitter) Feed Pro »de Smash Balloon, largement considéré comme le meilleur plugin de flux X pour WordPress grâce à son interface conviviale, ses fonctionnalités performantes et l'optimisation de ses performances.

embed twitter feed plugin

Principaux avantages de X (Twitter) Feed Pro :

  • Aucun code requis : Créez et intégrez des flux sans toucher à HTML, CSS ou JavaScript.
  • Chargement rapide : La conception légère garantit des temps de chargement rapides, ce qui constitue un signal SEO positif pour les LLM.
  • Différents types de flux : Affichez les chronologies des utilisateurs, les flux de hashtags, les mentions, les résultats de recherche et même des flux combinés.
  • Modération et filtrage : sélectionnez le contenu en filtrant les publications X à l'aide de mots-clés ou de hashtags, afin de garantir que seul le contenu pertinent soit affiché.
  • Interaction sociale : comprend des boutons « X » permettant de suivre facilement un compte et d'interagir avec une publication directement depuis votre site.
  • Une personnalisation poussée : Contrôlez la mise en page, les couleurs, les polices de caractères et bien d'autres choses encore afin d'harmoniser votre site avec votre image de marque.
exemple de l'éditeur de flux en direct de twitter feed pro

Avec une note de 4,9 sur 5 étoiles et plus de 150 000 utilisateurs actifs, nombreux sont ceux qui s'accordent à dire qu'il s'agit du meilleur plugin de fil d'actualité X disponible sur le marché.

avis d'utilisateurs custom twitter feeds pro

Prêt à intégrer X à votre site et à renforcer votre présence sur les réseaux sociaux ?

Procurez-vous dès aujourd'hui votre exemplaire de X (Twitter) Feed Pro!

Étape par étape : intégrer des flux X (Twitter) avec X (Twitter) Feed Pro

Pour intégrer un flux X sur votre site WordPress à l'aide de X (Twitter) Feed Pro, suivez ces étapes simples :

Étape 1 : Télécharger le plugin X (Twitter) Feed Pro

La première étape consiste à télécharger ici votre exemplaire du plugin X (Twitter) Feed Pro. Ensuite, installez et activez le plugin sur votre site WordPress.

Si vous ne savez pas comment faire, vous pouvez consulter notre guide sur l'installation d'un plugin WordPress, étape par étape.

Étape 2 : Créer un nouveau fil d'actualité X (Twitter)

Pour commencer, vous pouvez utiliser le plugin pour créer un flux X sur votre site web.

Commencez par accéder au menu « X Feed » > « Tous les flux » depuis votre tableau de bord WordPress.

Sur cette page, cliquez sur le bouton Ajouter un nouveau pour créer votre flux.

ajouter un nouveau flux twitter personnalisé

Ensuite, le plugin vous demandera de choisir un type de flux X parmi les 6 options proposées ici :

  • Chronologie de l'utilisateur
  • Hashtag X
  • Recherche
  • Mentions
  • Listes
types de flux disponibles pour twitter feed pro

Tout d'abord, vous disposez du fil d'actualité de l'utilisateur . Vous pouvez l'utiliser pour afficher une sélection de X publications issues du profil de n'importe quel utilisateur X, y compris les partages et les réponses si vous le souhaitez.

Exemple de ligne temporelle pour Twitter

En sélectionnant l'option « hashtag », vous pouvez intégrer un flux de hashtags X à votre site web.

Vous pouvez utiliser ce type de flux pour intégrer des publications X qui évoquent votre marque ou vos produits et ainsi apporter une preuve sociale à vos visiteurs.

exemple de flux de hashtags sur twitter

Vous pouvez également opter pour le type de flux de recherche afin d'intégrer X résultats de recherche sur votre site web.

Comme vous pouvez le constater, ajouter des flux X de cette manière peut vous aider à afficher des publications X spécifiques qui mentionnent vos produits ou services.

Exemple de flux de recherche sur Twitter

Enfin, il y a le typede flux « Listes». Grâce à cette option, vous pouvez afficher les publications de tous les comptes figurant dans l’une de vos listes X.

liste chronologique pour twitter

De plus, vous pouvez également combiner différents types de flux en un seul flux. Il vous suffit de sélectionner plusieurs options ici.

Une fois que vous avez sélectionné votre type de flux X, vous pouvez continuer en cliquant sur « Suivant ».

Dans ce tutoriel, nous allons intégrer un fil d'actualité d'un utilisateur de X.

sélectionner le type de flux de la ligne de temps de l'utilisateur

Étape 3 : Connectez votre compte X (Twitter)

L'étape suivante consiste à associer votre compte X à WordPress. Cela permettra à votre plugin d'afficher facilement le contenu de votre fil X sur votre site web.

Prêt à commencer ? Tout d'abord, cliquez sur le bouton Connecter dans la fenêtre contextuelle.

connecter un compte twitter à wordpress

Ensuite, le plugin vous redirigera vers X, où il vous demandera un accès en lecture seule à votre compte.

Grâce à cet accès, X (Twitter) Feed Pro se contentera d'afficher votre contenu X et ne pourra en aucun cas y apporter de modifications. Ce plugin est donc totalement sûr.

Pour continuer, cliquez sur le bouton Autoriser l'application.

authorize twitter read only access.jpg

Vous avez désormais officiellement associé votre compte X !

Le plugin vous redirigera ensuite vers votre site web afin que vous puissiez choisir la source de votre flux X. Vous pourrez ainsi ajouter un profil X, un hashtag, un terme de recherche et bien plus encore comme source.

Après avoir ajouté la source, cliquez sur Suivant pour continuer.

choisissez votre source twitter

Étape 4 : Personnalisez votre fil d'actualité X (Twitter)

Pour vous aider à choisir facilement un joli design pour votre fil X, il vous suffit de faire votre choix parmi une sélection de modèles prédéfinis.

Vous avez le choix entre 7 modèles d'alimentation :

  • Défaut
  • Cartes de maçonnerie
  • Carrousel simple
  • Cartes simples
  • Carrousel de présentation
  • Dernier message sur X
  • Widget

Une fois que vous avez sélectionné le modèle que vous préférez, cliquez sur Suivant.

choisir un modèle de flux

Vous souhaitez avoir davantage de contrôle sur la mise en page de votre fil X ?

X (Twitter) Feed Pro vous permet de personnaliser facilement votre fil d'actualité grâce à l'outil de personnalisation en direct. Sur le côté gauche, vous trouverez les options permettant de modifier la mise en page, la hauteur, la largeur, les couleurs, l'arrière-plan et bien plus encore.

Lorsque vous apportez des modifications, vous pouvez voir à quoi ressemble votre flux X grâce à l'aperçu en direct situé à droite.

éditeur de flux en direct pour votre twitter

Prêt à personnaliser votre fil d'actualité X ? Commencez par cliquer sur l'option « Mise en page du fil d'actualité » à gauche.

modifier la mise en page de votre flux twitter

À partir de là, vous pouvez découvrir les 3 modèles de mise en page différents proposés pour vos flux X : Liste, Maçonnerie et Carrousel.

choisir parmi 3 options de mise en page pour twitter

Tout d'abord, il y a la mise en page sous forme de liste, qui permet d'afficher X articles sur une seule colonne. Cette mise en page présente les X articles tels qu'ils apparaissent sur le site X, et chaque article bénéficie d'un espace nettement plus important.

liste twitter feed layout

Vous pouvez également choisir la mise en page « masonry » si vous souhaitez afficher beaucoup de contenu X sur plusieurs colonnes. De plus, ce modèle de mise en page permet de conserver les proportions d'origine des publications X.

exemple de maçonnerie twitter

L'option suivante est la mise en page « carrousel », qui permet d'afficher un diaporama de X publications afin de rendre votre site plus interactif.

Vous pouvez également opter pour cette mise en page si vous souhaitez afficher un grand nombre d'articles X sans que cela prenne trop de place sur votre site.

carrousel twitter feed

Sélectionnez ici la mise en page du fil d'actualité X de votre choix, puis cliquez sur « Enregistrer ».

Ensuite, vous pouvez cliquer sur le bouton « Personnaliser » pour poursuivre la configuration de la mise en page de votre fil X.

retour aux principales options de personnalisation dans twitter

Vous pouvez ensuite modifier l'apparence des publications « X » dans votre fil d'actualité.

Pour cela, cliquez sur l'option « X publications » située à gauche.

Personnalisez vos publications X dans l'éditeur en temps réel

Dans la section suivante, vous pouvez modifier le style des publications X ou personnaliser leurs éléments.

Pour l'instant, vous pouvez cliquer sur l'option « X post Style ».

Vous avez désormais le choix entre deux modèles pour votre poteau en X :

  • Encadrement : Entourez chaque poteau X d'un cadre.
  • Classique : placez directement le poteau en X sur votre arrière-plan.

Choisissez le modèle que vous préférez et cliquez sur Enregistrer.

choisir entre le courrier en boîte et le courrier ordinaire

Et voilà, vous pouvez désormais configurer le reste des options de personnalisation de votre flux X.

Ce plugin vous permet de modifier votre lightbox, vos boutons, votre style d'en-tête, votre palette de couleurs et bien plus encore en quelques clics.

Cliquez à nouveau sur le bouton Enregistrer lorsque vous êtes satisfait de la conception de votre flux.

Étape 5 : Intégrer votre fil d'actualité X (Twitter) à votre site web

Le plugin X (Twitter) Feed Pro propose deux méthodes pour intégrer des flux X dans WordPress :

  1. Intégrez votre flux X dans une page WordPress
  2. Intégrez votre flux X dans la barre latérale ou le pied de page de WordPress sous forme de widget X

Voici la première méthode, qui vous permet d'ajouter votre flux X à une page dans WordPress.

Méthode 1 : Intégrer des flux X (Twitter) dans une page WordPress

Pour intégrer votre flux X à l'aide de ce plugin premium, vous pouvez facilement utiliser l'éditeur visuel de flux avec aperçu en direct.

Tout d'abord, cliquez sur le bouton " Embed" dans le coin supérieur droit.

cliquez sur le bouton "embed" sur le fil twitter

Ensuite, une fenêtre contextuelle s'affichera pour vous demander où vous souhaitez intégrer votre nouveau flux X.

Vous pouvez cliquer sur Ajouter à une page pour continuer.

ajouter à une page

Ensuite, la fenêtre popup énumère toutes les pages WordPress de votre site web.

Vous pouvez sélectionner la page sur laquelle vous souhaitez intégrer le flux X, puis cliquer sur « Ajouter ».

ajouter un flux twitter à une nouvelle page

Le plugin ouvrira alors cette page dans l'éditeur WordPress.

À partir de là, cliquez sur l'icône Plus (+) pour ajouter un nouveau bloc de contenu.

ajouter un nouveau bloc bloc de contenu

Pour trouver le bloc, vous pouvez écrire "twitter feed" dans la barre de recherche en haut de la page.

Ensuite, cliquez sur « X Feed » dans les options ci-dessous pour intégrer votre widget X Feed à cette page.

intégrer un flux twitter sur votre site wordpress

Pour finir, cliquez sur « Mettre à jour » pour terminer l'intégration de votre flux X. Ouvrez maintenant votre site web pour voir le résultat.

exemple de flux twitter avec timeline

Méthode 2 : Intégrer des flux X (Twitter) dans la barre latérale ou le pied de page de WordPress

Si vous préférez intégrer un widget X dans WordPress, vous pouvez également le faire à l'aide de l'éditeur de flux en direct.

Commencez par accéder au menu « X Feed » » « Tous les flux » depuis votre tableau de bord WordPress pour afficher tous vos flux X.

Dans la liste, cliquez sur le flux X que vous souhaitez intégrer.

ouvrir tous les flux page flux twitter

Ensuite, vous verrez le flux X s'ouvrir à nouveau dans l'éditeur de flux en direct.

Pour commencer à intégrer votre flux X, cliquez sur le bouton « Intégrer » situé dans le coin supérieur droit.

cliquez sur le bouton "embed" sur le fil twitter

Puisque nous allons intégrer le flux X sous forme de widget, cliquez sur le bouton « Ajouter à un widget » dans la fenêtre contextuelle.

ajouter le flux twitter au widget

Le plugin ouvre alors la page Widgets de votre site web afin que vous puissiez ajouter, supprimer et gérer tous vos widgets WordPress.

Pour continuer, cliquez sur le panneau Sidebar ici.

ouvrir le panneau latéral

Vous pouvez également cliquer sur le panneau « Pied de page» si vous souhaitez y intégrer votre flux X.

ouvrir le panneau de bas de page

Ensuite, cliquez surl'icône « + » pourajouter un widget, puis sélectionnez le widget «X Feed » parmi les options proposées.

ajouter un widget twitter à wordpress

Cliquez sur « Mettre à jour » pour valider les modifications, et voilà, vous avez intégré votre flux X !

Vous pouvez désormais ouvrir votre site web pour voir à quoi ressemblera votre nouveau flux X pour les visiteurs de votre site.

widget sidebar exemple twitter timeline

Comme vous pouvez le constater, il est très facile d'intégrer des flux X dans la barre latérale ou le pied de page de votre site WordPress grâce au plugin X (Twitter) Feed Pro.

Cela dit, voici un guide étape par étape qui vous explique comment intégrer manuellement des flux X sans plugin :

Méthode 3 : Ajouter un flux X (Twitter) à l'aide des outils d'intégration X (Twitter)

La troisième et dernière façon d'afficher du contenu X sur votre site web consiste à utiliser les widgets de publication de X.

Si vous souhaitez intégrer un flux X dans du code HTML sans plugin, vous devrez faire face à de nombreux problèmes.

En effet, voici les inconvénients liés à l'ajout manuel d'un flux X à WordPress :

  • Moins facile : l' intégration manuelle de vos flux nécessite beaucoup plus de temps et d'étapes confuses. De plus, vous devez utiliser des extraits de code, ce qui peut s'avérer compliqué.
  • Pas de personnalisation : vous ne disposez d’aucune option de personnalisation pour vos flux X. Contrairement à X (Twitter) Feed Pro, vos flux ne reprendront pas le design de votre thème WordPress si vous les intégrez manuellement.
  • Pas de filtres : sans plugin, vous ne pouvez pas filtrer le contenu de vos flux X. En revanche, X (Twitter) Feed Pro vous permet de personnaliser vos flux en filtrant les hashtags et les termes de recherche X.
  • Risque d'erreurs : il est facile de commettre une erreur dans le code HTML et de provoquer des dysfonctionnements dans votre flux X. De plus, vous ne disposez d'aucune équipe d'assistance pour vous aider lorsque cela se produit.

Vous cherchez un moyen simple d'intégrer votre fil X dans WordPress ? Alors le plugin X (Twitter) Feed Pro a tout ce qu'il vous faut pour être opérationnel en quelques minutes !

Commencez à utiliser le plugin X (Twitter) Feed Pro ici.

Cela dit, voici comment intégrer manuellement des flux X sans plugin :

Étape 1 : Visiter Twitter Publier

Tout d'abord, vous devez ouvrir Twitter Publish dans votre navigateur.

twitter publier site web page d'accueil

Sur ce site, vous pouvez générer un code HTML d'intégration pour ajouter du contenu X à votre site web.

Étape 2 : Choisissez votre type d'intégration

Ensuite, faites défiler vers le bas et vous verrez 4 options pour votre type d'intégration :

  • Poste
  • Profil
  • Poignée
  • Hashtag

Pour ajouter un flux X provenant d'un compte spécifique, cliquez sur l'option « Profil ».

options pour intégrer manuellement du contenu twitter

Étape 3 : Collez l'URL de votre compte X (Twitter)

Ensuite, une fenêtre contextuelle s'affichera pour vous demander de saisir l'URL de votre fil d'actualité X.

Dans la fenêtre contextuelle, collez l'URL de la timeline X que vous souhaitez intégrer.

choisir ce qui doit être intégré dans Twitter

Étape 4 : Copier le code HTML

Le site web de X vous fournira désormais un code HTML pour votre nouveau flux X. Si vous le souhaitez, vous pouvez également choisir de l'intégrer sous forme de bouton.

Pour l'instant, cliquez sur le bouton Copier le code ici.

intégrer manuellement la timeline twitter

Étape 5 : Ajouter le code HTML à WordPress

La dernière étape consiste à coller le code HTML d'intégration copié depuis X dans votre page ou votre article WordPress.

Dansvotre tableau de bord WordPress, rendez-vous dans Pages » Ajouter une nouvelle pagepour intégrer le flux X à une page.

ajouter une nouvelle page wordpress

Pour intégrer le flux X dans un article WordPress, rendez-vous plutôtdans Articles » Ajouter un nouvel article.

Pour notre tutoriel, nous utiliserons une page WordPress.

ajouter un nouveau message wordpress

Cliquez ensuite sur l'icône Plus (+) pour ajouter un nouveau bloc de contenu à votre page ou article WordPress.

ajouter un nouveau bloc wordpress

Dans la barre de recherche, recherchez le bloc HTML personnalisé et cliquez dessus.

ajouter un widget html personnalisé au site wordpress

Enfin, collez le code d'intégration de X que vous avez copié précédemment dans le bloc de contenu.

intégrer manuellement le widget twitter.jpg

Vous pouvez désormais cliquer sur « Publier » pour terminer l'intégration de votre widget X Timeline.

Si vous ouvrez votre site maintenant, votre fil d'actualité contenant vos publications X s'affichera directement à cet endroit.

Exemple d'intégration manuelle d'un widget Twitter

Et voilà !

Nous espérons que cet article vous aura aidé à découvrir comment intégrer un flux X sur votre site WordPress. C'est un excellent moyen de mettre en avant votre contenu X ou de proposer des publications X pertinentes afin de susciter l'intérêt de vos visiteurs.

Vous pouvez désormais utiliser les flux X pour renforcer l'engagement de vos visiteurs, développer votre présence sur les réseaux sociaux et tirer parti de la preuve sociale pour stimuler les conversions.

Prêt à ajouter des flux X à WordPress ? Lancez-vous dès aujourd’hui avec X (Twitter) Feed Pro.

Utilisez-vous Elementor ? Voici comment intégrer des flux X sur votre site Elementor.

Autres lectures pour améliorer votre stratégie numérique

avatar de l'auteur
Lianne Laroya Responsable du marketing de contenu
Lianne est responsable du marketing de contenu chez Smash Balloon et s'appuie sur plus de 12 ans d'expérience en matière de contenu WordPress, de marketing des médias sociaux, de contenu généré par les utilisateurs (UGC) et d'optimisation des moteurs de recherche (SEO).

Commentaires 10

  1. Eric Godswill Il y a 4 ans

    C'est une excellente chose. Merci de l'avoir publié.

    Répondre
  2. Sara Il y a 4 ans

    Excellent article !

    Répondre
  3. Zekerijah Ćatić Il y a 4 ans

    Excellent

    Répondre
  4. Edwin Udioh Il y a 4 ans

    Merci beaucoup pour cela, je vous en suis très reconnaissant.

    Répondre
  5. Vladimir Il y a 4 ans

    Article très pratique. J'ai hâte de l'essayer.

    Répondre
  6. Thomas P il y a 4 ans

    C'est un moyen simple et puissant de générer et de distribuer du contenu. Créez une fois, utilisez plusieurs fois de différentes manières.

    Répondre
  7. Eric Godswill Il y a 4 ans

    Poste intéressant !

    Répondre
  8. Zekerijah Ćatić Il y a 4 ans

    Très bien expliqué. Je vous remercie.

    Répondre
  9. Dainis Il y a 4 ans

    Quelques informations utiles.

    Répondre
  10. bashir Il y a 4 ans

    Merci, c'était très instructif !

    Répondre

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.