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 flux Twitter dynamique directement sur votre site web WordPress peut considérablement améliorer l'engagement des utilisateurs, fournir des mises à jour en temps réel et construire une preuve sociale.

Un flux Twitter, parfois appelé widget Twitter ou timeline, affiche une collection de tweets provenant d'un utilisateur, d'un hashtag ou d'une liste spécifique. Bien que cela puisse sembler 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 Twitter (désormais X) sur votre site web WordPress offre de nombreux avantages stratégiques, prolongeant la durée de vie de votre contenu et améliorant votre présence numérique.

Voici pourquoi l'intégration des lignes de temps de Twitter est cruciale pour votre site :

  • Augmenter la visibilité et la durée de vie du contenu : En les affichant sur votre site web, vous vous assurez que votre précieux contenu Twitter, y compris les vidéos et les photos, reste accessible plus longtemps.
  • Renforcez la preuve sociale et la confiance : Mettez en avant le contenu généré par les utilisateurs (CGU) comme les avis, les témoignages et les mentions directement depuis Twitter pour stimuler vos ventes.
  • Stimulez l'engagement et la croissance du nombre de followers : Encouragez l'interaction directe avec vos tweets et facilitez l'acquisition de nouveaux adeptes directement à partir de votre site Web.
  • Améliorer le référencement du site web : Les flux Twitter mis à jour de manière dynamique peuvent introduire du contenu et des mots-clés frais et pertinents sur votre site, ce qui améliore votre classement SEO.
  • 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 fil Twitter transforme votre site web en une plateforme plus dynamique, plus fiable et plus interactive.

Comment intégrer les flux X/Twitter sur votre site Web (méthode simple)

Pour la grande majorité des utilisateurs de WordPress, un plugin dédié est le moyen le plus efficace et le plus riche en fonctionnalités pour intégrer les flux Twitter.

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

Nous recommandons Twitter Feed Pro de Smash Balloon, largement reconnu comme le meilleur plugin de flux Twitter pour WordPress en raison de son interface conviviale, de ses fonctionnalités robustes et de l'optimisation de ses performances.

embed twitter feed plugin

Principaux avantages de 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 : Filtrez les tweets en fonction de mots-clés ou de hashtags, afin de vous assurer que seul le contenu pertinent est affiché.
  • Interaction sociale : Inclut des boutons Twitter pour faciliter le suivi et l'engagement des tweets directement à partir de 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 étoiles sur 5 et plus de 150 000 utilisateurs actifs, de nombreuses personnes s'accordent à dire qu'il s'agit du meilleur plugin de flux Twitter du marché.

avis d'utilisateurs custom twitter feeds pro

Prêt à intégrer Twitter à votre site et à développer votre présence dans les médias sociaux ?

Achetez votre exemplaire de Twitter Feed Pro dès aujourd'hui!

Pas à pas : Intégrer des flux X/Twitter avec Twitter Feed Pro

Pour intégrer un flux Twitter sur votre site WordPress à l'aide de Twitter Feed Pro, suivez les étapes suivantes :

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

La première étape consiste à obtenir votre copie du plugin Twitter Feed Pro ici. 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 flux Twitter

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

Tout d'abord, naviguez vers le menu Twitter Feed " All Feeds " 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 Twitter parmi les 6 options proposées :

types de flux disponibles pour twitter feed pro

Tout d'abord, vous avez le flux chronologique de l'utilisateur . Vous pouvez l'utiliser pour afficher une collection de tweets provenant du profil Twitter de n'importe quel utilisateur de Twitter, y compris les retweets et les réponses si vous le souhaitez.

Exemple de ligne temporelle pour Twitter

En choisissant l'option hashtag, vous pouvez intégrer un flux de hashtags Twitter sur votre site web.

Vous pouvez utiliser ce type de flux pour intégrer des tweets qui parlent de votre marque ou de vos produits et donner 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 les résultats de recherche de Twitter sur votre site web.

Comme vous pouvez le voir, si vous ajoutez des flux Twitter comme celui-ci, cela peut vous aider à afficher des tweets spécifiques qui mentionnent vos produits ou services.

Exemple de flux de recherche sur Twitter

Enfin, vous avez le type de flux " listes" . Cette option vous permet d'afficher les messages de tous les comptes d'une de vos listes Twitter.

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 Twitter, vous pouvez continuer en cliquant sur Suivant.

Pour ce tutoriel, nous intégrerons la chronologie d'un utilisateur de Twitter.

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

Étape 3 : Connecter votre compte Twitter

L'étape suivante consiste à connecter votre compte Twitter à WordPress. En faisant cela, votre plugin peut facilement afficher le contenu de votre flux Twitter 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 redirige vers Twitter, où il vous demande un accès en lecture seule à votre compte.

En utilisant cet accès, Twitter Feed Pro ne pourra que visualiser votre contenu Twitter et ne pourra en aucun cas y apporter des modifications. Le plugin est donc totalement sûr.

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

authorize twitter read only access.jpg

Vous avez maintenant officiellement connecté votre compte Twitter !

Le plugin vous ramène ensuite sur votre site web pour que vous puissiez choisir la source de votre flux Twitter. Cela signifie que vous pouvez ajouter un profil Twitter, un hashtag, un terme de recherche, etc. comme source.

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

choisissez votre source twitter

Étape 4 : Personnaliser votre fil Twitter

Pour vous aider à choisir facilement un beau design pour votre fil Twitter, vous pouvez simplement choisir parmi une collection 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 Tweet
  • 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 mieux contrôler la conception de votre fil Twitter ?

Twitter Feed Pro vous permet de personnaliser facilement votre flux à l'aide du personnalisateur en direct. Sur le côté gauche, vous pouvez trouver les options pour changer la mise en page, la hauteur, la largeur, les couleurs, l'arrière-plan, et bien plus encore.

Lorsque vous effectuez des modifications, vous pouvez voir à quoi ressemble votre flux Twitter grâce à l'aperçu en direct sur la droite.

éditeur de flux en direct pour votre twitter

Prêt à personnaliser votre flux Twitter ? Tout d'abord, cliquez sur l'option Mise en page du flux sur la gauche.

modifier la mise en page de votre flux twitter

À partir de là, vous pouvez consulter les 3 modèles de mise en page différents que vous obtenez pour vos flux Twitter : Liste, Masonry et Carousel.

choisir parmi 3 options de mise en page pour twitter

Tout d'abord, vous disposez de la présentation en liste qui permet d'afficher les tweets sur une seule colonne. Cette mise en page affiche les tweets tels qu'ils apparaissent sur le site web de Twitter, et chaque message disposera de beaucoup plus d'espace.

liste twitter feed layout

Vous pouvez également opter pour la mise en page en maçonnerie si vous souhaitez afficher un grand nombre de contenus Twitter sur plusieurs colonnes. De plus, ce modèle de mise en page permet de conserver les proportions originales des tweets.

exemple de maçonnerie twitter

L'option suivante est la mise en page carrousel qui permet d'afficher un diaporama de tweets pour rendre votre site plus interactif.

Vous pouvez également opter pour cette mise en page si vous souhaitez afficher un grand nombre de tweets sans occuper beaucoup d'espace sur votre site.

carrousel twitter feed

Sélectionnez la mise en page du flux Twitter que vous préférez ici, puis cliquez sur Enregistrer.

Ensuite, vous pouvez cliquer sur le bouton Personnaliser pour continuer à configurer le design de votre flux Twitter.

retour aux principales options de personnalisation dans twitter

Ensuite, vous pouvez modifier le design des tweets sur votre fil.

Pour cela, cliquez sur l'option Tweets à gauche.

personnalisez vos tweets dans l'éditeur en direct

Dans la section suivante, vous pouvez modifier le style des tweets ou personnaliser les éléments des tweets.

Pour l'instant, vous pouvez cliquer sur l'option Tweet Style.

Maintenant, il y a deux designs pour votre tweet à choisir :

  • Encadré : placez un encadré autour de chaque tweet.
  • Régulier : Placez directement le tweet 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 comme ça, vous pouvez aller de l'avant et définir le reste des options de personnalisation pour votre flux Twitter.

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 Twitter sur votre site Web

Le plugin Twitter Feed Pro offre 2 façons d'intégrer les flux Twitter dans WordPress :

  1. Intégrer votre flux Twitter sur une page WordPress
  2. Intégrer votre flux Twitter dans la barre latérale ou le pied de page de WordPress sous la forme d'un widget Twitter

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

Méthode 1 : Intégrer des flux Twitter sur une page WordPress

Pour intégrer votre flux Twitter à l'aide de ce plugin premium, vous pouvez facilement utiliser l'éditeur visuel de flux avec prévisualisation 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'affiche pour vous demander où vous souhaitez intégrer votre nouveau flux Twitter.

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 où vous souhaitez intégrer le flux Twitter, 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 Twitter Feed dans les options ci-dessous pour intégrer votre widget de flux Twitter à cette page.

intégrer un flux twitter sur votre site wordpress

Enfin, cliquez sur Mettre à jour pour terminer l'intégration de votre flux Twitter. Ouvrez maintenant votre site web, et vous pourrez voir à quoi il ressemble.

exemple de flux twitter avec timeline

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

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

Tout d'abord, naviguez vers le menu Twitter Feed " All Feeds à partir de votre tableau de bord WordPress pour voir tous vos flux Twitter.

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

ouvrir tous les flux page flux twitter

Ensuite, le flux Twitter s'ouvre à nouveau dans l'éditeur de flux en direct.

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

cliquez sur le bouton "embed" sur le fil twitter

Puisque nous allons intégrer le flux Twitter en tant que widget, cliquez sur le bouton Add to a Widget (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 cliquer sur le panneau Pied de page si vous souhaitez y intégrer votre flux Twitter.

ouvrir le panneau de bas de page

Ensuite, cliquez sur l'icône plus pour ajouter un widget, puis sélectionnez le widget Twitter Feed dans les options.

ajouter un widget twitter à wordpress

Cliquez sur Update pour confirmer les changements, et vous avez intégré votre flux Twitter !

Vous pouvez maintenant ouvrir votre site web pour voir à quoi ressemblera votre nouveau flux Twitter pour les visiteurs de votre site web.

widget sidebar exemple twitter timeline

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

Cela dit, voici un guide étape par étape sur la façon d'intégrer manuellement des flux Twitter sans plugin :

Méthode 3 : Ajout d'un flux Twitter à l'aide des outils d'intégration de Twitter

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

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

En fait, voici les inconvénients de l'ajout manuel d'un flux Twitter à 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 Twitter. Contrairement à Twitter Feed Pro, vos flux ne copieront pas le design de votre thème WordPress si vous les intégrez manuellement.
  • Pas de filtres : Sans utiliser de plugin, vous ne pouvez pas filtrer le contenu de vos flux Twitter. En revanche, Twitter Feed Pro vous permet de filtrer vos flux en éliminant les hashtags et les termes de recherche de Twitter.
  • Ouvert aux erreurs : Il est facile de se tromper dans le code HTML et de provoquer des erreurs dans votre flux Twitter. De plus, vous ne disposez pas d'une équipe d'assistance pour vous aider lorsque cela se produit.

Vous cherchez un moyen facile d'intégrer votre flux Twitter dans WordPress ? Le plugin Twitter Feed Pro contient tout ce dont vous avez besoin pour être opérationnel en quelques minutes !

Commencez avec le plugin Twitter Feed Pro ici.

Cela dit, voici ce que vous pouvez faire pour intégrer manuellement des flux Twitter 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 le contenu de Twitter à 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 Twitter à partir d'un compte spécifique, cliquez sur l'option Profil.

options pour intégrer manuellement du contenu twitter

Étape 3 : Collez votre URL Twitter

Ensuite, vous verrez une fenêtre contextuelle qui vous demandera d'entrer l'URL de votre timeline Twitter.

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

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

Étape 4 : Copier le code HTML

Le site web de Twitter vous fournira maintenant un code HTML pour votre nouveau flux Twitter. 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 copié de Twitter dans votre page ou article WordPress.

Allez dans Pages " Add New à partir de votre tableau de bord WordPress pour intégrer le flux Twitter sur une page.

ajouter une nouvelle page wordpress

Pour intégrer le flux Twitter dans un article WordPress, allez dans 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 Twitter copié précédemment dans le bloc de contenu.

intégrer manuellement le widget twitter.jpg

Vous pouvez maintenant cliquer sur Publier pour terminer l'intégration de votre widget Twitter timeline.

Si vous ouvrez votre site maintenant, votre flux contenant vos messages Twitter s'y affichera.

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

Et voilà !

Nous espérons que cet article vous a aidé à apprendre comment intégrer un flux Twitter sur votre site WordPress. C'est un excellent moyen d'afficher votre contenu Twitter ou de montrer des tweets pertinents pour attirer l'attention de vos visiteurs.

Vous pouvez désormais utiliser les flux Twitter pour améliorer l'engagement des visiteurs, développer votre présence dans les médias sociaux et tirer parti de la preuve sociale pour favoriser les conversions.

Prêt à ajouter des flux Twitter à WordPress ? Commencez dès aujourd'hui avec Twitter Feed Pro.

Vous utilisez Elementor ? Voici comment intégrer des flux Twitter 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 3 ans

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

    Répondre
  2. Sara il y a 3 ans

    Excellent article !

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

    Excellent

    Répondre
  4. edwin udioh il y a 3 ans

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

    Répondre
  5. Vladimir il y a 3 ans

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

    Répondre
  6. Thomas P il y a 3 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 3 ans

    Poste intéressant !

    Répondre
  8. Zekerijah Ćatić il y a 3 ans

    Très bien expliqué. Je vous remercie.

    Répondre
  9. Dainis il y a 3 ans

    Quelques informations utiles.

    Répondre
  10. bashir il y a 3 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.