Comment ajouter un widget Twitter (X) à WordPress : 3 méthodes qui fonctionnent 

Vos visiteurs naviguent, puis partent sans jamais suivre votre compte. Le contenu Twitter qui pourrait les garder connectés se trouve sur X tandis que votre site WordPress reste statique.

Dans ce guide, je vais vous présenter 3 façons d'ajouter un widget Twitter à WordPress, afin que vous puissiez choisir la méthode qui convient à votre site et faire en sorte que votre contenu X travaille pour vous.

Voici les 3 méthodes les plus simples pour ajouter un widget Twitter dans WordPress :

• Utilisez SeedProd : Ajoutez des tweets, des chronologies ou des boutons de suivi n'importe où sur votre site avec les blocs Twitter de SeedProd.
• Installer un plugin : Créez des flux Twitter personnalisables avec un plugin comme Custom Twitter Feeds (Smash Balloon).
• Intégrer manuellement : Copiez un code d'intégration de l'outil officiel Twitter Publish et collez-le dans un bloc ou une zone de widget.

Dans ce guide, je vais vous expliquer chaque méthode étape par étape afin que vous puissiez choisir la meilleure option pour votre site.

Méthode	Idéal pour	Avantages	Inconvénients
SeedProd	Toute personne souhaitant un contrôle total de la conception	Édition par glisser-déposer ; ajoutez des tweets, des chronologies, des boutons ; style pour correspondre à votre thème	Nécessite un plan payant pour les fonctionnalités avancées
Plugin de flux Twitter	Entreprises ayant besoin de plusieurs flux ou d'affichages de hashtags	Mises en page prêtes à l'emploi ; mises à jour en temps réel ; mise en cache du flux pour la vitesse	Plugin supplémentaire à gérer
Intégration manuelle	Tweets uniques rapides ou chronologies simples	Aucun plugin requis ; configuration simple par copier-coller ; entièrement gratuit	Style limité ; placement manuel uniquement

Qu'est-ce qu'un widget Twitter pour WordPress ?

Un widget Twitter est tout bloc sur votre site qui affiche du contenu Twitter/X, d'un seul tweet intégré à une chronologie complète en direct, un bouton de suivi ou un bouton de tweet. Un plugin de flux Twitter est spécifiquement destiné à afficher une chronologie dynamique multi-tweets qui se met à jour automatiquement. Les deux entrent dans la catégorie « widget Twitter », mais ce sont des choses différentes.

Un widget Twitter (ou widget X) pour WordPress est un petit bloc de contenu que vous pouvez ajouter à la barre latérale, au pied de page ou à la mise en page de votre site. Il affiche du contenu en direct de Twitter/X, tel qu'une chronologie, un tweet unique ou un bouton de suivi.

Les widgets comme celui-ci maintiennent votre site à jour sans écrire de code. Une fois connectés, ils se mettent à jour automatiquement au fur et à mesure que de nouveaux tweets sont publiés.

• Intégrer un flux Twitter/X complet (chronologie)
• Afficher un tweet unique
• Afficher les tweets d'un hashtag ou d'une liste
• Ajouter un bouton Suivre ou Tweeter

Vous pouvez ajouter un widget Twitter dans WordPress avec SeedProd, un plugin de flux Twitter, ou en collant le code d'intégration de l'outil Twitter Publish.

Pourquoi ajouter du contenu Twitter à WordPress ?

Les flux Twitter/X mettent à jour votre site automatiquement. Vous n'aurez pas besoin de vous connecter et d'ajouter du contenu manuellement pour maintenir les choses à jour.

• Maintient le contenu à jour sans mises à jour manuelles : Vos derniers tweets apparaissent sur votre site au fur et à mesure que vous les publiez, sans effort supplémentaire de votre part.
• Permet aux visiteurs de vous suivre sans quitter votre site : Un bouton de suivi ou un flux intégré signifie qu'ils peuvent se connecter à votre compte sans s'éloigner.
• Démontre la preuve sociale grâce à un engagement visible : Les nombres d'abonnés et les interactions de tweets visibles sur votre site renforcent la confiance des nouveaux visiteurs.

Les widgets Twitter qui incluent des boutons de suivi et de partage peuvent aider à accroître vos abonnés sur les réseaux sociaux. Au lieu de quitter votre site pour consulter votre compte Twitter, les utilisateurs peuvent vous suivre sur Twitter et partager du contenu pertinent directement depuis votre site.

1. Ajouter un widget Twitter à l'aide de SeedProd

Tout d'abord, examinons comment ajouter un widget Twitter à WordPress avec SeedProd.

SeedProd est un constructeur de sites web par glisser-déposer qui vous permet d'ajouter des blocs Twitter, y compris des tweets intégrés, des boutons de suivi et des boutons de tweet, n'importe où sur votre site sans toucher au code. Les blocs Twitter sont disponibles dans les plans payants de SeedProd.

Suivez ces étapes pour ajouter un widget Twitter dans WordPress avec SeedProd.

Étape 1. Installer et activer SeedProd

Vous devez d'abord commencer avec un plan SeedProd et télécharger le plugin sur votre ordinateur. Ensuite, téléchargez et activez le plugin sur votre site WordPress.

Si vous avez besoin d'aide pour cette étape, consultez ce guide sur l'installation d'un plugin WordPress.

Remarque : SeedProd a une licence gratuite, mais nous utiliserons la version premium pour les fonctionnalités avancées du bloc Twitter.

Après avoir installé SeedProd, allez dans SeedProd » Paramètres et entrez votre clé de licence. Vous pouvez trouver votre clé sur le site web de SeedProd dans la section « Téléchargements » de votre compte.

Étape 2. Créer un thème ou une page de destination WordPress

Il y a 2 façons d’utiliser SeedProd pour personnaliser votre site WordPress.

Vous pouvez soit créer un thème WordPress personnalisé avec toutes les parties de modèle et les pages, soit créer une page de destination avec votre thème WordPress existant.

Pour ce tutoriel, nous utiliserons le modèle de barre latérale d'un thème WordPress personnalisé SeedProd. SeedProd peut ajouter des blocs Twitter à n'importe quelle partie du modèle, y compris la barre latérale, l'en-tête, le pied de page ou les modèles de page individuels. Vous pouvez consulter ce guide pour toutes les étapes sur la création d'un thème WordPress personnalisé avec SeedProd.

Si vous préférez utiliser une page de destination, vous pouvez suivre ce guide sur la création d'une page de destination dans WordPress.

Les deux guides vous guideront dans le choix d'un modèle et la préparation de votre thème ou de votre page de destination à personnaliser. Lorsque vous serez prêt à ajouter votre contenu Twitter, passez à l'étape 3 de ce tutoriel.

Étape 3. Ajouter des blocs Twitter SeedProd à WordPress

Maintenant que vous avez créé votre thème personnalisé ou votre page de destination, vous pouvez modifier votre conception dans l'éditeur visuel de SeedProd.

Si vous modifiez une page de destination, accédez à SeedProd » Pages de destination et cliquez sur « Modifier » sur la page que vous souhaitez personnaliser.

Pour ce guide, nous allons modifier le modèle de barre latérale de notre thème WordPress personnalisé. Pour ce faire, allez dans SeedProd » Constructeur de thèmes, survolez le modèle pertinent et cliquez sur le lien « Modifier la conception ».

Après avoir ouvert votre conception, vous la verrez dans l'éditeur visuel de SeedProd. Les blocs et les sections se trouvent à gauche et un aperçu en direct se trouve sur le côté droit.

Vous pouvez cliquer sur n'importe quel élément de l'aperçu pour modifier ses paramètres. Cela ouvrira les options de personnalisation dans le panneau de gauche.

Lorsque vous faites défiler jusqu'à la section de blocs Avancé, vous verrez divers éléments de contenu que vous pouvez ajouter à votre conception. Voici les blocs sur lesquels nous nous concentrerons pour ajouter des widgets Twitter à votre site WordPress :

• Tweet intégré Twitter
• Bouton Tweet Twitter
• Bouton Suivre Twitter

Tweet intégré Twitter

Le bloc Twitter Embed Tweet vous permet d'intégrer n'importe quel message Twitter en quelques clics. Faites glisser le bloc sur votre aperçu en direct et cliquez dessus pour voir les paramètres.

Dans le panneau des paramètres, vous pouvez coller l'ID du tweet spécifique que vous souhaitez intégrer. Vous pouvez également choisir des thèmes de couleurs clairs et foncés, masquer les conversations de tweets, masquer les photos, les vidéos et les cartes Twitter, et ajuster l'alignement du bloc.

L'onglet Avancé contrôle l'espacement et les attributs du bloc et vous permet de le masquer sur mobile ou sur ordinateur.

Blocs de bouton Tweet et Suivre Twitter

Les 2 derniers widgets Twitter de SeedProd sont les blocs de tweet et de bouton de suivi. Ils fonctionnent de manière similaire aux intégrations de publications et de flux, mais au lieu d'afficher du contenu Twitter, ils permettent aux visiteurs de tweeter un message personnalisé ou de suivre votre profil sur Twitter.

Les paramètres du bouton Suivre vous permettent de saisir votre nom d'écran Twitter, d'afficher votre nombre d'abonnés et de personnaliser l'alignement, la langue, l'espacement et la visibilité de l'appareil.

Dans les paramètres du bouton Tweet, vous pouvez ajouter l'URL que vous souhaitez que les visiteurs partagent, le contenu du tweet et les hashtags. Il existe également un champ pour ajouter des mentions @ et des comptes associés.

Les deux boutons vous permettent de choisir entre des tailles de boutons petites ou grandes et vous permettent de contrôler leur apparence sur les écrans mobiles et de bureau.

Note : X a déprécié silencieusement la fonctionnalité d'intégration de chronologie, le bloc d'intégration de chronologie Twitter n'est donc plus disponible dans SeedProd.

Expérimentez avec différentes combinaisons de blocs Twitter de SeedProd, puis cliquez sur le bouton Enregistrer dans le coin supérieur droit pour sauvegarder vos modifications.

Étape 4. Publiez vos widgets Twitter dans WordPress

L'étape suivante consiste à rendre votre contenu Twitter visible sur votre site WordPress. Comme nous utilisons un thème WordPress personnalisé SeedProd, il vous suffit d'aller dans SeedProd » Constructeur de thèmes et de basculer le commutateur Activer le thème SeedProd sur « Activé ».

Vous pouvez maintenant prévisualiser la page avec votre contenu Twitter et voir à quoi elle ressemble. Avec l'éditeur visuel de SeedProd, vous pouvez positionner votre bouton de suivi Twitter à côté de votre formulaire d'inscription par e-mail, afin que les visiteurs puissent rester connectés de la manière qu'ils préfèrent.

2. Intégrer un widget Twitter avec un plugin de flux Twitter pour WordPress

X a modifié les prix de son API en 2023, ce qui a entraîné la défaillance de nombreux plugins Twitter gratuits. Smash Balloon a maintenu sa connexion API malgré ces changements, mais certains plugins gratuits ou abandonnés ont cessé de fonctionner. Si votre plugin Twitter actuel a cessé de fonctionner après 2023, c'est probablement la raison.

Pour cette méthode, nous utiliserons le plugin Custom Twitter Feeds Pro de Smash Balloon. La version gratuite de Custom Twitter Feeds affiche des flux de base ; la version Pro ajoute des modèles de mise en page et des analyses.

Le plugin Custom Twitter Feeds est le plugin de flux Twitter le mieux noté pour WordPress. Vous pouvez l'utiliser pour afficher des flux Twitter sur votre site Web en quelques clics.

Vous pouvez personnaliser vos flux Twitter en direct en temps réel avec l'éditeur de flux visuel et choisir parmi plusieurs types de flux pour répondre aux besoins de votre entreprise.

Suivez les étapes ci-dessous pour ajouter des flux Twitter dans WordPress avec Smash Balloon.

Étape 1. Installer le plugin Twitter Feeds Pro

Tout d'abord, obtenez le plugin Twitter Feeds Pro et installez-le sur votre site WordPress.

Après avoir activé le plugin, allez dans Twitter Feed » Settings et entrez les détails de votre clé de licence.

Une fois votre clé de licence confirmée, vous êtes prêt à ajouter votre premier widget Twitter.

Étape 2. Créer un widget Twitter personnalisé

Pour ajouter un nouveau widget Twitter, allez à la page Twitter Feed » All Feeds et cliquez sur le bouton Add New.

Vous pouvez choisir le type de flux que vous souhaitez ajouter sur la page suivante. Il vous présentera les options suivantes :

• User Timeline : une chronologie de Tweets de n'importe quel utilisateur sur Twitter
• Hashtag : tweets publics contenant un hashtag spécifique
• Home Timeline : la chronologie de votre compte Twitter
• Search : un flux de Tweets correspondant à des termes de recherche Twitter spécifiques
• Mentions : Tweets mentionnant votre pseudo Twitter
• Lists : Tweets provenant de listes Twitter publiques

Pour ce guide, nous choisirons l'option User Timeline. Cliquez sur le bouton Next lorsque vous êtes prêt pour la prochaine étape.

Étape 3. Connecter votre compte Twitter

L'écran suivant vous demandera de connecter votre compte Twitter pour un accès en lecture seule afin qu'il puisse récupérer des données de Twitter et les afficher sur votre site.

Après avoir cliqué sur le bouton Connect, sélectionnez Authorize App, et vous reviendrez au processus de création du flux Twitter.

Étant donné que nous ajoutons un flux User Timeline, l'étape suivante consiste à entrer les pseudos Twitter que vous souhaitez afficher. Tapez le nom d'utilisateur et cliquez sur le bouton Next.

Étape 4. Personnalisez votre widget Twitter

Vous pouvez maintenant choisir parmi 7 modèles différents pour votre widget Twitter :

• Flux par défaut
• Cartes Masonry
• Carrousel simple
• Cartes simples
• Carrousel de présentation Showcase
• Dernier Tweet
• Widget

Cliquez sur le modèle qui convient le mieux à votre site Web, puis cliquez sur le bouton Next.

Sur l'écran suivant, vous pouvez utiliser l'éditeur en direct pour personnaliser votre widget Twitter.

Dans le panneau de gauche se trouvent les options pour modifier la disposition de votre flux, le schéma de couleurs, la conception de l'en-tête, les tweets, les options de fenêtre contextuelle, et plus encore. Vous pouvez également prévisualiser vos modifications sur le côté droit.

L'onglet Disposition du flux vous permet de choisir entre une disposition de liste, Masonry ou Carrousel.

Vous pouvez choisir des couleurs sombres, claires ou personnalisées dans l'onglet Color Scheme. Il existe également une option pour hériter de votre schéma de couleurs de votre thème WordPress, ce qui est le moyen le plus simple de faire correspondre votre flux au design de votre site. Le CSS personnalisé est disponible si vous souhaitez aller plus loin dans la personnalisation.

L'onglet En-tête vous offre plusieurs options de personnalisation de l'en-tête, telles que Standard et Texte. Vous pouvez également désactiver la section de l'en-tête et masquer votre biographie Twitter.

Continuez à peaufiner l'apparence de votre widget jusqu'à ce que vous soyez satisfait du résultat. Cliquez sur le bouton Save pour enregistrer vos paramètres.

Étape 5. Ajoutez votre widget Twitter à WordPress

L'intégration de votre widget Twitter dans votre site WordPress est facile avec Smash Balloon. Cliquez sur le bouton Embed en haut de votre écran.

Une fenêtre contextuelle apparaîtra avec les options d'intégration suivantes :

• Shortcode : collez le shortcode du flux Twitter sur n'importe quelle page, publication ou widget
• WordPress Block : utilisez le bloc WordPress intégré pour ajouter votre flux à un article, une page ou un widget.

Pour ce guide, nous choisirons l'option Add to a Widget.

Cliquer sur cette option ouvrira automatiquement vos paramètres de widget WordPress. De là, cliquez sur l'icône d'ajout de bloc et recherchez le bloc Flux Twitter personnalisés.

Après avoir ajouté le bloc à votre zone de widget, cliquez sur le bouton Update pour enregistrer vos modifications. Visitez maintenant votre site pour voir votre widget Twitter en action.

3. Ajouter un widget Twitter à WordPress manuellement

Cette méthode est entièrement gratuite et ne nécessite aucun plugin. Elle utilise l'outil Twitter Publish pour générer un code d'intégration que vous collez directement dans WordPress.

La méthode finale consiste à utiliser l'outil Twitter Publish pour ajouter manuellement un widget Twitter à votre site WordPress sans plugin. Cette option peut intégrer un tweet, une chronologie ou un bouton de suivi.

Cette méthode n’offre pas beaucoup de contrôle sur la conception du widget ou le type de contenu que vous pouvez afficher. C’est une bonne option pour les utilisateurs qui souhaitent une intégration rapide sans ajouter de plugins supplémentaires.

Pour utiliser cette méthode, accédez au site Web de l'outil Twitter Publish et choisissez le type d'intégration que vous souhaitez utiliser. Nous utiliserons l'option Chronologie intégrée pour ce guide.

Sur l’écran suivant, vous devez entrer l’URL complète du profil Twitter que vous souhaitez afficher et cliquer sur le bouton Aperçu.

Twitter générera désormais un code court de la chronologie que vous pourrez intégrer sur votre site Web. Cliquez sur le bouton Copier pour enregistrer le code dans votre presse-papiers, puis retournez sur votre site WordPress.

Vous pouvez ajouter votre code d’intégration à n’importe quel article WordPress, page ou zone de widget. Pour intégrer la chronologie en tant que widget de barre latérale, allez dans Apparence » Widgets depuis votre tableau de bord WordPress.

Cliquez maintenant sur l'icône Ajouter un bloc pour ajouter un nouveau bloc à votre barre latérale et recherchez le bloc HTML personnalisé. Collez le code d'intégration que vous avez copié de Twitter dans le bloc HTML et cliquez sur le bouton Mettre à jour.

Lorsque vous visitez votre site Web en direct, votre widget Twitter ressemblera à cet exemple :

Où afficher votre widget Twitter sur WordPress

Une fois votre widget configuré, son emplacement est important. Voici les 3 endroits les plus efficaces :

• Barre latérale : Idéal pour une visibilité persistante sur toutes les pages. Les visiteurs voient votre contenu Twitter, quelle que soit la publication ou la page qu’ils lisent.
• Page d’accueil principale ou pied de page : Idéal pour la preuve sociale sur votre page la plus visitée. Un compteur d’abonnés dans le pied de page renforce la confiance des nouveaux visiteurs.
• Articles spécifiques ou pages de destination : Idéal pour le contenu pertinent par sujet. Si vous tweetez fréquemment sur un sujet que vous écrivez, l’intégration d’un flux sur ces articles renforce votre autorité.

Pourquoi mon widget Twitter ne s’affiche-t-il pas sur WordPress ?

Si votre widget Twitter WordPress devient vide ou cesse de se mettre à jour, l’une de ces 3 causes en est généralement la raison :

• La mise en cache bloque le flux : Videz votre plugin de mise en cache après avoir intégré ou mis à jour votre widget. Des plugins comme W3 Total Cache ou WP Rocket peuvent servir une version obsolète de votre barre latérale qui masque le widget.
• Intégration obsolète ou plugin périmé : La chronologie intégrée de Twitter Publish fonctionne toujours, mais consultez publish.twitter.com pour les codes d’intégration actuels. Si vous utilisez un plugin qui n’a pas été mis à jour depuis 2022, les changements d’API de X en 2023 ont peut-être rompu sa connexion.
• La zone de widget n’est pas active dans votre thème : Allez dans Apparence » Widgets et confirmez que la zone de widget de la barre latérale est active et s’affiche sur votre site. Certains thèmes désactivent les zones de barre latérale sur certains modèles de page.

Si vous avez besoin d’un nouveau départ, consultez la méthode 1 ou la méthode 2 ci-dessus pour des instructions de configuration mises à jour. Si votre flux fonctionnait auparavant mais s’est arrêté après une mise à jour de X, Smash Balloon est l’option la plus fiable pour une maintenance continue.

FAQ sur l’ajout d’un widget Twitter à WordPress

Comment ajouter un flux Twitter à ma barre latérale WordPress gratuitement ?

L’option gratuite est la méthode d’intégration manuelle. Allez sur publish.twitter.com, générez un code d’intégration pour votre chronologie, puis allez dans Apparence » Widgets dans WordPress, ajoutez un bloc HTML personnalisé à votre barre latérale et collez-y le code. Aucun plugin nécessaire. La version gratuite du plugin Smash Balloon’s Custom Twitter Feeds est une autre option si vous souhaitez un flux stylisé plutôt qu’une intégration basique.

Pourquoi mon widget Twitter (X) ne s’affiche-t-il pas sur WordPress ?

Les trois causes les plus courantes sont la mise en cache, un plugin obsolète et une zone de widget inactive. Videz d'abord votre plugin de mise en cache car cela résout le problème dans la plupart des cas. Si votre plugin n'a pas été mis à jour depuis 2022, les changements de l'API X de 2023 l'ont peut-être cassé.

Consultez la section de dépannage ci-dessus pour des solutions spécifiques à chaque cause.

Puis-je intégrer un flux Twitter sans plugin ?

Oui. Utilisez l'outil Twitter Publish sur publish.twitter.com pour générer un code d'intégration pour n'importe quelle chronologie publique, profil ou tweet. Collez le code dans un bloc HTML personnalisé dans un article, une page ou une zone de widget WordPress. La limitation est que vous n'avez aucun contrôle sur le style et que vous ne pouvez pas filtrer par hashtag ou mention.

L'intégration d'un flux Twitter ralentit-elle mon site WordPress ?

C'est possible, mais la plupart des bons plugins de flux Twitter gèrent cela avec la mise en cache. Smash Balloon, par exemple, met en cache les données du flux localement afin que votre serveur n'effectue pas d'appel API en direct à chaque chargement de page. La méthode d'intégration manuelle charge directement les scripts de Twitter, ce qui peut alourdir la page.

Si la vitesse est une priorité, utilisez un plugin avec mise en cache de flux intégrée plutôt que l'option d'intégration manuelle.

Ai-je besoin d'une clé API Twitter pour intégrer des tweets dans WordPress ?

Non, pas pour la plupart des méthodes. Les plugins comme Smash Balloon gèrent l'authentification API via leur propre processus de connexion. La méthode d'intégration manuelle depuis publish.twitter.com ne nécessite aucune clé API. Seules les solutions personnalisées ou développées par des développeurs qui appellent directement l'API Twitter/X nécessitent que vous créiez vos propres identifiants API.

Vous avez votre contenu Twitter/X en ligne sur votre site. Choisissez la méthode qui convient à votre configuration et revenez aux autres lorsque vous en avez besoin.

Prêt à ajouter un widget Twitter à WordPress avec SeedProd ?

Commencez avec SeedProd dès aujourd'hui.

Vous pourriez également aimer ce guide sur l'intégration d'événements Facebook dans WordPress.

Merci de votre lecture ! Nous serions ravis d’entendre vos réflexions, alors n’hésitez pas à participer à la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.