Comment intégrer des tweets/publications X sur votre site web (pour les débutants)
Accueil Blog Comment intégrer des tweets/publications X sur votre site web (pour les débutants)

Comment intégrer des tweets/publications X sur votre site web (pour les débutants)

Comment intégrer des tweets sur votre site web

Vous envisagez d'intégrer des tweets sur votre site web WordPress mais vous ne savez pas par où commencer ?

L'intégration de tweets ou de publications X vous permet de mettre en avant des conversations réelles, de partager des témoignages et de garder le contenu de votre site actualisé et attrayant.

C'est également un moyen efficace d'entrer en contact avec votre public et d'encourager davantage d'abonnés sur X (Twitter).

Lorsque j'ai essayé pour la première fois d'ajouter des tweets à mon site, j'ai trouvé que les outils d'intégration standard de X pouvaient prêter à confusion. Surtout si vous débutez.

Chez Smash Balloon, nous avons aidé des millions d'utilisateurs de WordPress à afficher des flux de médias sociaux de manière transparente, ce qui permet à quiconque d'ajouter facilement du contenu Twitter à son site web.

Dans cet article, je vais vous expliquer comment intégrer des tweets sur votre site.

Mieux encore, vous apprendrez à intégrer des tweets sur votre site web en quelques étapes simples, même si vous n'êtes pas un expert en technologie.

Dans cet article

Pourquoi intégrer des tweets sur votre site web ?

X (Twitter) est l'une des plus grandes plateformes de réseaux sociaux et un lieu très prisé des marques qui souhaitent promouvoir leur activité.

Avec plus de 237 millions d'utilisateurs X, vous pouvez y trouver des milliers de clients potentiels pour votre entreprise.

Mais tant de spécialistes du marketing utilisent déjà X chaque jour qu'il peut être difficile de se constituer une communauté de followers.

La solution ? Vous pouvez ajouter du contenu issu des réseaux sociaux de X à votre site web et transformer le trafic de votre site en interactions et en abonnés.

En plus de renforcer votre présence sur les médias sociaux, voici quelques autres façons dont l'intégration de tweets peut aider votre marque :

Comme vous pouvez le constater, vous pouvez facilement augmenter le nombre de vos abonnés Twitter, toucher plus de clients, augmenter vos ventes, développer votre marque et gagner de l'argent avec Twitter.

Sur ce, voyons comment vous pouvez commencer à intégrer Twitter à votre site web.

2 façons d'intégrer un Tweet sur votre site WordPress

Si vous souhaitez intégrer des tweets sur votre site WordPress, il y a deux façons de le faire :

  • Manuel : Générer un code d'intégration Twitter pour les tweets, modifier ce code, puis l'insérer manuellement sur votre site web.
  • Automatique : Utilisez un plugin WordPress qui peut intégrer automatiquement le contenu de Twitter pour vous.

Si vous optez pour la première méthode, vous devrez gérer un grand nombre de codes HTML complexes. De plus, l'intégration manuelle des flux Twitter peut prendre beaucoup plus de temps.

Et si quelque chose ne va pas pendant que vous insérez ce code dans votre site, vous n'aurez pas d'équipe d'assistance pour vous aider.

Dans l'ensemble, la méthode manuelle peut s'avérer difficile pour de nombreux utilisateurs.

Quel est le moyen le plus simple d'intégrer des tweets sur votre site web ?

D'autre part, si vous optez pour l'option automatique, vous pouvez simplement utiliser un plugin Twitter feed pour intégrer facilement tous les tweets, sans avoir besoin de coder.

Et le meilleur plugin Twitter Feed que vous pouvez utiliser est Smash Balloon Twitter Feed Pro.

smash balloon twitter feed pro page d'accueil

Ce plugin est livré avec un flux guidé simple en 3 étapes qui vous guidera tout au long du processus de création, de personnalisation et d'intégration de flux de contenu Twitter sur votre site Web.

De plus, vous disposez de nombreuses options quant au type de contenu Twitter que vous souhaitez intégrer.

Vous pouvez afficher les tweets d'un profil spécifique, les résultats d'une recherche sur Twitter, les hashtags Twitter que vous avez choisis, vos mentions Twitter, vos retweets et bien plus encore.

En plus des messages textuels et des photos, vous pouvez intégrer une vidéo Twitter sur votre site web à l'aide de ce plugin et maintenir l'intérêt de vos visiteurs plus longtemps.

Twitter Feed Pro vous permet également de contrôler totalement la façon dont les tweets apparaissent sur votre site web.

Vous pouvez choisir d'importer un magnifique modèle, puis d'utiliser un personnalisateur de flux en direct pour modifier le design de votre flux Twitter en quelques clics.

éditeur de flux en direct pour twitter

Comme vous pouvez le constater, Twitter Feed Pro est l'option n°1 si vous souhaitez ajouter des tweets à votre site web en toute simplicité. J'apprécie également le fait que je puisse utiliser ce plugin Twitter pour intégrer des tweets sur mon site Divi.

Avec toutes ces fonctionnalités étonnantes, le plugin est évalué à 4,9/5 étoiles par plus de 150 000 utilisateurs actifs !

avis d'utilisateurs custom twitter feeds pro

Voyons maintenant comment vous pouvez utiliser ce plugin pour intégrer du contenu de Twitter sur votre site web en quelques clics.

Vous êtes prêt à ajouter vos tweets à votre site web, même si vous n'êtes pas un expert en technologie ?

Démarrez avec Twitter Feed Pro dès aujourd'hui!

Comment intégrer des tweets sur votre site web (méthode simple)

Pour commencer à intégrer facilement des tweets sur votre site web, il vous suffit de suivre les instructions pas à pas ci-dessous.

Étape 1 : Installez et activez Smash Balloon Twitter Feed Pro

Tout d'abord, téléchargez votre copie du plugin Twitter Feed Pro ici. Ensuite, il vous suffit d'installer et d'activer le plugin sur votre site web.

Si vous ne savez pas comment faire, consultez ce guide étape par étape sur l'installation des plugins WordPress.

Vous pouvez ensuite passer à l'étape 2 et commencer à utiliser le plugin pour créer des flux Twitter.

Étape 2 : Créer un nouveau flux Twitter

En utilisant un flux Twitter, vous pouvez facilement afficher des tweets sur votre site web.

Pour créer votre flux, accédez au menu Twitter Feed " All Feeds " à partir de votre tableau de bord d'administration, puis cliquez sur Add New.

ajouter un nouveau flux twitter personnalisé

Vous pouvez ensuite utiliser Twitter Feed Pro pour choisir le type de flux Twitter que vous souhaitez afficher sur votre site web. Vous avez le choix entre 6 options :

  • Chronologie de l'utilisateur: Choisissez un compte Twitter et affichez les tweets de cet utilisateur.
  • Hashtag : Affiche tous les tweets contenant les hashtags que vous avez choisis.
  • Home Timeline : Afficher les tweets de votre propre chronologie Twitter
  • Recherche : Choisissez des termes de recherche et intégrez des tweets contenant ces termes.
  • Mentions : Incorporer les tweets qui mentionnent votre compte Twitter
  • Listes : Intégrez des listes X (Twitter) spécifiques à votre site

Vous souhaitez utiliser plus d'un type de flux Twitter ? Il vous suffit de sélectionner plusieurs options et de combiner les types de flux ici.

Après avoir choisi le type de flux Twitter, cliquez sur Suivant pour continuer.

choisir le hashtag twitter feed

Nous utiliserons le type de flux hashtag pour montrer un exemple de flux Twitter sur un site web.

Maintenant que vous avez créé un flux Twitter, il est temps de connecter ce flux à Twitter à l'étape 3.

Étape 3 : Connecter votre compte Twitter

En connectant votre compte Twitter, votre nouveau flux peut récupérer le contenu de Twitter et l'afficher sur votre site.

Tout d'abord, cliquez sur le bouton Connecter dans la fenêtre contextuelle.

connecter un compte twitter à wordpress

Cela ouvrira le site web de Twitter, où le plugin demandera un accès en lecture seule à votre compte.

Twitter Feed Pro utilisera cet accès pour afficher le contenu de Twitter et n'apportera aucune modification à votre compte. Le plugin peut donc être utilisé en toute sécurité.

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

authorize twitter read only access.jpg

Après cela, Twitter Feed Pro vous renverra sur votre site web pour que vous puissiez finir d'ajouter la source de votre flux Twitter.

Cette source peut être un profil Twitter, un hashtag, un terme de recherche, une liste Twitter, et plus encore, en fonction de votre type de flux.

Il suffit de saisir la source dans la fenêtre contextuelle et de cliquer sur Suivant.

sélectionnez les hashtags de votre fil twitter

Puisque nous créons un flux Twitter de hashtags, nous utiliserons le hashtag "KEEB_PD" comme source ici.

Vous pouvez maintenant passer à l'étape suivante et personnaliser l'affichage des tweets sur votre site web.

Étape 4 : Personnalisez vos tweets

Pour personnaliser facilement votre flux Twitter, vous pouvez choisir un modèle de flux que vous pouvez importer d'un simple clic.

Vous avez le choix entre 7 modèles d'alimentation avec des designs uniques :

  • Défaut
  • Maçonnerie
  • Carrousel simple
  • Cartes simples
  • Carrousel de présentation
  • Derniers tweets
  • Widget

Il vous suffit de sélectionner le modèle de flux Twitter que vous préférez, puis de cliquer sur Suivant.

choisir un modèle de flux

Désormais, vous pouvez utiliser le personnalisateur de flux en direct pour modifier le design de votre flux Twitter en quelques clics.

En utilisant les options sur la gauche, vous pouvez choisir la mise en page de votre flux, le design de l'en-tête, l'option lightbox, la palette de couleurs, et bien d'autres choses encore.

Sur la droite, vous avez un aperçu en direct de votre flux Twitter pour vous aider à suivre vos changements.

éditeur de flux en direct twitter feed pro visual preview

Prêt à personnaliser vos tweets ?

Recherchez l'option Feed Layout sur la gauche et cliquez dessus pour commencer la personnalisation.

choisir l'option de mise en page du flux créer un flux twitter

Vous pouvez choisir parmi différentes mises en page de flux pour contrôler la façon dont les tweets apparaissent sur votre site WordPress.

Il y a 3 mises en page : liste, carrousel et maçonnerie.

options de mise en page des flux agrégateur twitter

Avec la présentation en liste , vos tweets apparaîtront dans une seule colonne, comme sur le site officiel de Twitter.

En prime, vos tweets seront plus visibles.

list layout twitter feed pro

Ensuite, vous pouvez choisir la disposition en maçonnerie , qui montre des tweets utilisant différentes colonnes.

Vous pouvez ainsi intégrer des tonnes de tweets sur votre site en une seule fois.

maçonnerie agencement flux twitter

Enfin, vous avez la disposition carrousel , qui transforme vos tweets en un carrousel ou un curseur Twitter.

Vous pouvez ainsi rendre votre site web plus attrayant et plus interactif.

carousel layout twitter

Après avoir choisi l'option de mise en page du flux, cliquez sur le bouton Enregistrer en haut de la page.

Une fois que vous avez fait cela, cliquez sur le bouton Personnaliser pour revenir aux principales options de personnalisation.

retour au menu principal éditeur de flux en direct

À partir de là, vous pouvez continuer à modifier le design de votre fil Twitter.

Pour modifier les couleurs de vos tweets, cliquez sur l'option Schéma de couleurs à gauche.

choisir le schéma de couleurs option twitter feed

Ici, vous pouvez voir les 4 schémas de couleurs que vous pouvez choisir pour vos tweets :

  • Héritage du thème : Utiliser les mêmes couleurs que votre thème WordPress
  • Léger : Affiche un arrière-plan clair et une couleur de police foncée
  • Foncé : Choisissez une couleur de police claire avec un arrière-plan foncé.
  • Personnalisé : Choisissez manuellement toutes vos couleurs
options de couleurs pour votre flux twitter

Choisissez le schéma de couleurs que vous préférez dans cette liste, puis cliquez sur Enregistrer.

Vous pouvez maintenant utiliser le reste des options de personnalisation pour choisir le design de vos tweets. Vous pouvez définir le style de votre en-tête, le design des boutons, limiter le nombre de tweets, la taille du flux, et bien plus encore.

Enfin, cliquez sur le bouton Enregistrer lorsque vous êtes satisfait de la conception de votre flux Twitter.

Après cela, il est temps de passer à l'étape finale et d'ajouter ces tweets à votre site web.

Étape 5 : Intégrer des tweets sur votre site web

Avec Twitter Feed Pro, vous pouvez intégrer vos tweets sur votre site web de deux manières :

  • Intégrer des tweets sur une page web
  • Intégrer des tweets dans la barre latérale ou le pied de page d'un site web

Intégrer des tweets sur une page web

Grâce à l'éditeur de flux en direct, vous pouvez intégrer vos tweets en quelques clics, sans avoir à toucher à une seule ligne de code.

Cliquez sur le bouton " Embed" en haut de la page pour commencer.

éditeur de flux en direct bouton d'intégration twitter

Ensuite, vous verrez une fenêtre contextuelle qui contient toutes les options pour intégrer votre flux Twitter.

Pour continuer, cliquez sur Ajouter à une page ici.

ajouter à une page

La fenêtre contextuelle vous montrera alors une liste de toutes les pages WordPress que vous avez sur votre site web.

Il suffit de sélectionner la page sur laquelle vous souhaitez afficher les tweets, puis de cliquer sur Ajouter.

ajouter un flux twitter à une nouvelle page

Cela ouvrira la page dans l'éditeur WordPress.

De là, vous pouvez ajouter un nouveau bloc de contenu en cliquant sur l'icône plus (+).

ajouter un nouveau bloc wordpress

Ici, utilisez la barre de recherche en haut pour rechercher le bloc "twitter feed".

Enfin, cliquez sur le bloc Twitter Feed ci-dessous pour intégrer vos tweets.

intégrer un flux twitter sur votre site wordpress

Pour confirmer vos modifications, cliquez sur le bouton " Mettre à jour " en haut de la page, et le tour est joué !

Maintenant, ouvrez votre site web et vous pourrez voir à quoi ressemblent les tweets.

exemple de flux twitter sur un site web

Voyons maintenant la prochaine façon d'intégrer des tweets sur votre site web.

En plus d'ajouter des tweets à votre page, vous pouvez également afficher les tweets dans votre barre latérale ou votre pied de page sous la forme d'un widget Twitter.

Comme auparavant, vous pouvez utiliser l'éditeur de flux en direct pour intégrer les tweets.

Pour ouvrir à nouveau votre flux Twitter dans l'éditeur de flux en direct, naviguez vers le menu Twitter Feed " All Feeds (Tous les flux) depuis votre tableau de bord WordPress.

Cliquez ensuite sur le flux Twitter que vous souhaitez intégrer.

Ouvrir le flux twitter des hashtags

Vous pouvez à nouveau voir vos tweets dans l'éditeur de flux en direct.

Pour continuer, cliquez sur le bouton " Embed" en haut de la page, comme précédemment.

éditeur de flux en direct bouton d'intégration twitter

Dans la fenêtre contextuelle, vous pouvez choisir l'endroit où vous souhaitez intégrer vos tweets.

Cette fois, cliquez sur le bouton Ajouter à un widget pour continuer.

ajouter le flux twitter au widget

Cela ouvrira la page des widgets de votre site WordPress afin que vous puissiez intégrer votre nouveau widget Twitter.

Pour ajouter vos tweets à votre barre latérale, cliquez sur le panneau Barre latérale .

ouvrir le panneau latéral

Si vous souhaitez afficher les tweets dans le pied de page, cliquez sur le panneau Pied de page .

Nous utiliserons la barre latérale de WordPress pour cet exemple de flux Twitter.

ouvrir le panneau de bas de page

Cliquez sur l'icône plus (+) en bas pour ajouter un nouveau widget à votre barre latérale ou à votre pied de page.

Cliquez ensuite sur Flux Twitter pour intégrer votre nouveau flux Twitter.

ajouter un widget twitter à wordpress

Enfin, cliquez sur le bouton Mettre à jour pour confirmer votre nouveau widget de flux Twitter et vous avez terminé.

Vous pouvez maintenant ouvrir votre site web pour voir vos tweets affichés dans la zone de widget.

intégrer un flux twitter dans la barre latérale de wordpress

Et voilà !

Vous savez maintenant comment intégrer facilement des tweets sur votre site web. Grâce à cela, vous pouvez facilement augmenter le nombre de vos abonnés Twitter, engager vos visiteurs et augmenter vos ventes.

Et le meilleur ? Vous pouvez utiliser le plugin Twitter Feed Pro pour faire tout cela en quelques clics, sans avoir à toucher à une seule ligne de code.

Vous voulez commencer à intégrer des tweets ? Obtenez votre exemplaire de Twitter Feed Pro ici.

Pendant que vous êtes ici, vous pouvez également consulter notre liste des meilleurs moyens d'augmenter votre engagement sur Twitter.

Si cet article vous a aidé, suivez-nous sur X (Twitter) et Facebook, et restez à l'écoute pour découvrir d'autres conseils et astuces sur le marketing sur les réseaux sociaux.

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

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.