Vous souhaitez afficher vos derniers messages X (Twitter) sur votre site Elementor en quelques minutes ?
Ajouter votre fil X (Twitter) à Elementor est un excellent moyen de dynamiser votre site, d'interagir avec vos visiteurs et d'augmenter votre audience sur les réseaux sociaux directement depuis votre site WordPress.
Les actualités défilant à un rythme effréné sur X (Twitter), afficher vos mises à jour en temps réel sur votre site web peut vous aider à toucher davantage de personnes et à renforcer la crédibilité de votre marque.
Mais faire en sorte que votre flux X (Twitter) s'affiche parfaitement dans Elementor peut s'avérer délicat, en particulier si vous n'êtes pas un codeur ou si vous êtes novice en matière de plugins WordPress.
Au début, lorsque j'ai essayé pour la première fois d'ajouter mon propre fil X (Twitter) à un site Elementor, j'ai rencontré quelques difficultés avant de trouver une méthode rapide et adaptée aux débutants.
Grâce à mon expérience chez Smash Balloon, qui aide les utilisateurs à connecter facilement leurs sites WordPress à X (Twitter) et à d'autres plateformes sociales, j'ai trouvé la solution la plus simple pour tous les niveaux de compétence.
Dans cet article, je vais vous guider à travers les étapes exactes pour ajouter votre flux X (Twitter) à Elementor en 5 minutes, même si vous n'avez pas de connaissances techniques ou si vous êtes novice en matière de construction de sites web.
Dans cet article
Pourquoi afficher les flux Elementor X (Twitter) ?

En tant que plugin WordPress populaire pour la construction de sites web, Elementor peut vous aider à concevoir un beau site web en toute simplicité. Il dispose d'un éditeur simple de type "glisser-déposer" que vous pouvez utiliser pour construire facilement vos pages - aucun codage n'est nécessaire.
De plus, vous pouvez obtenir des addons Elementor pour ajouter encore plus de fonctionnalités à votre site web WordPress.
Mais si vous ne souhaitez pas acheter des addons premium, il existe un moyen simple de rendre votre site Elementor encore plus attrayant.
Il vous suffit d'intégrer un flux X (Twitter) à votre site Elementor. Vous pourrez ainsi présenter à vos visiteurs des publications X pertinentes et les inciter à rester plus longtemps sur votre site.
En outre, voici quelques autres façons dont un flux Elementor X (Twitter) peut contribuer à la croissance de votre entreprise :
- En intégrant votre fil d'actualité X (Twitter) dans Elementor, vous pouvez tirer parti du trafic de votre site pour gagner un grand nombre d'abonnés, de partages, de « j'aime » et bien plus encore sur X (Twitter).
- Grâce à un flux X (Twitter), vous pouvez afficher des avis et des témoignages de véritables utilisateurs sur X (Twitter). Cette preuve sociale peut vous aider à transformer vos visiteurs en clients payants.
- Vous pouvez publier vos propres messages X via un flux, ce qui permet de mettre clairement en avant les dernières actualités et annonces.
- Pour promouvoir vos hashtags de marque, vous pouvez afficher un flux dédié au hashtag X (Twitter) sur votre site web Elementor.
Dans l'ensemble, les flux X (Twitter) peuvent constituer un atout formidable pour votre site Elementor et un excellent moyen de promouvoir votre marque.
Voyons maintenant comment intégrer très facilement un flux WordPress X (Twitter) sur votre site.
La méthode la plus simple pour intégrer des flux Elementor X (Twitter)
Pour vous aider à intégrer du contenu provenant de X (Twitter) sur votre site web, vous avez le choix entre deux options :
- Méthode manuelle : générez un code d'intégration pour votre fil X (Twitter), puis ajoutez-le manuellement à votre site web.
- Méthode automatique : utilisez plutôt un plugin WordPress pour intégrer automatiquement les flux X (Twitter) sur votre site web.
Si vous optez pour la méthode manuelle, cela signifie que vous devrez gérer de nombreux extraits de code lors de la préparation de vos flux X (Twitter). Par conséquent, l'affichage de votre flux social X (Twitter) sur votre site peut vous demander beaucoup plus de temps et d'efforts.

De plus, si un problème survient lors de l'ajout du code HTML à votre site, vous n'aurez pas d'équipe d'assistance pour vous aider.
Pour intégrer plus facilement des publications X sur votre site Elementor, le plus simple est d’utiliser un plugin WordPress tel que Smash Balloon X (Twitter) Feed Pro.

En tant que meilleur plugin au monde pour les flux X (Twitter), X (Twitter) Feed Pro vous permet de créer, de personnaliser et d'intégrer facilement des flux X (Twitter) sur votre site web Elementor.
Pour vous aider à démarrer, vous pouvez utiliser le flux guidé simple qui est fourni avec le plugin.
En quelques clics seulement, vous pouvez commencer à intégrer du contenu X (Twitter) sur votre site — sans avoir besoin de HTML, de CSS ni d'aucun autre code.

De plus, vous pouvez choisir parmi différents types de contenus X (Twitter) que vous souhaitez afficher, notamment le fil d'actualité X (Twitter), le flux des hashtags, les résultats de recherche, le fil d'actualité de la page d'accueil, et bien plus encore.
De plus, vous pouvez également personnaliser l'affichage des flux X (Twitter) sur votre site web. Vous avez le choix parmi une sélection de modèles de flux aux designs uniques.
Pour une personnalisation plus poussée, il vous suffit d'utiliser l'éditeur de fil d'actualité pour modifier l'apparence de votre fil X (Twitter). Vous pouvez définir la mise en page, la palette de couleurs, le design de l'en-tête, le style des publications X, le bouton « Afficher plus » et bien plus encore.

De plus, X (Twitter) Feed Pro intègre une fonctionnalité de mise en cache intelligente qui enregistre une copie de votre fil X (Twitter). Ainsi, votre site affichera cette copie et n'aura pas besoin de charger le fil X (Twitter) à partir de zéro à chaque fois.
De ce fait, vos fils d'actualité X (Twitter) seront aussi rapides que jamais — et un site web qui se charge rapidement peut vous offrir un bien meilleur référencement naturel (SEO), ce qui vous permettra potentiellement d'apparaître en meilleure position dans les résultats de recherche.
Grâce à toutes ces fonctionnalités, ce plugin est devenu le meilleur plugin de fil d'actualité X (Twitter) du marché, avec une note de 4,9/5 étoiles attribuée par plus de 150 000 utilisateurs actifs.

Vous souhaitez créer facilement des flux Elementor X (Twitter) ? Procurez-vous X (Twitter) Feed Pro dès aujourd'hui!
Voyons maintenant comment créer des flux Elementor X (Twitter) pour votre site web à l'aide de ce plugin.
Comment ajouter votre flux Elementor X (Twitter) à WordPress
Pour créer des flux X (Twitter) pour Elementor, il vous suffit de suivre les étapes simples ci-dessous. C'est parti !
Étape 1 : Téléchargez le plugin « Smash Balloon X (Twitter) Feed Pro »
Vous pouvez commencer par télécharger le plugin X (Twitter) Feed Pro ici, puis l'installer sur votre site web.
Si vous n'êtes pas sûr de savoir comment faire, vous pouvez suivre ce guide simple sur l'installation des plugins WordPress.
Vous pouvez ensuite créer un flux X (Twitter) pour votre site web à l'aide de X (Twitter) Feed Pro.
Étape 2 : Créer un flux X (Twitter)
Pour créer votre fil d'actualité X (Twitter), il vous suffit de suivre les 3 étapes de ce guide.
Commencez par accéder au menu « Flux X (Twitter) » » « Tous les flux » depuis votre tableau de bord, puis cliquez sur « Ajouter un nouvel élément ».

Vous pouvez ensuite choisir le type de flux X (Twitter) que vous souhaitez ajouter à votre site web Elementor. Vous avez le choix entre ces 6 options :
- Fil d'actualité de l'utilisateur : afficher X publications et partages provenant d'un profil X (Twitter) spécifique
- Hashtag: Intégrer X publications contenant les hashtags X (Twitter) que vous avez choisis
- Fil d'actualité: affichez votre fil d'actualité X (Twitter) sur votre site web
- Recherche: Recherchez des termes spécifiques et intégrez les résultats sur votre site.
- Mentions: afficher X publications qui mentionnent votre profil X (Twitter)
Pour continuer, sélectionnez un type de flux ici et cliquez sur le bouton Suivant.

Pour notre exemple, nous utiliserons ici le type de flux de la ligne de temps de l'utilisateur .
Une fois que vous avez créé un nouveau flux, vous pouvez passer à l'étape 3 et le connecter à X (Twitter).
Étape 3 : Connectez votre fil d'actualité X (Twitter)
En associant votre compte X (Twitter), votre fil d'actualité pourra commencer à intégrer du contenu X (Twitter) sur votre site web.
Il suffit de cliquer sur le bouton Connecter dans la fenêtre contextuelle pour commencer.

Le plugin ouvrira ensuite X (Twitter) afin que vous lui accordiez un accès en lecture seule à votre compte X (Twitter).
Grâce à cet accès, X (Twitter) Feed Pro se connectera à X (Twitter) et affichera le contenu qui s'y trouve. De plus, l'application ne peut en aucun cas apporter de modifications à votre compte.
Comme vous pouvez le constater, X (Twitter) Feed Pro est une application totalement sûre.
Pour terminer la connexion de votre compte, cliquez sur le bouton Autoriser l'application ici.

Ensuite, il est temps de choisir la source que vous souhaitez utiliser pour ce fil X (Twitter). En fonction du type de fil, il peut s'agir du fil d'actualité d'un utilisateur, d'un hashtag, d'un terme de recherche, d'une liste X (Twitter), etc.
Comme nous intégrons une chronologie, nous avons ajouté le profil « starbucks » X (Twitter) comme source.
Après avoir saisi votre source, cliquez sur Suivant pour continuer.

Et voilà, votre fil X (Twitter) est prêt à intégrer du contenu sur votre site web Elementor.
Mais avant cela, passons à l'étape 4, au cours de laquelle vous pourrez personnaliser l'apparence de votre nouveau fil d'actualité X (Twitter).
Étape 4 : Personnalisez votre fil d'actualité X (Twitter)
Votre fil X (Twitter) reprendra automatiquement le design de votre site et sera déjà très esthétique dès son installation. Mais si vous souhaitez avoir davantage de contrôle sur son apparence, X (Twitter) Feed Pro est là pour vous aider.
Pour commencer, vous pouvez choisir d'importer un modèle prédéfini pour votre flux. Voici les modèles de flux que vous pouvez importer :
- Défaut
- Cartes de maçonnerie
- Carrousel simple
- Cartes simples
- Carrousel de présentation
- Dernier message sur X
- Widget X (Twitter)
Après avoir sélectionné votre modèle de flux, cliquez sur le bouton Suivant.

Vous pouvez ensuite utiliser l'éditeur visuel de fil d'actualité avec aperçu en direct pour personnaliser en détail le fil d'actualité de X (Twitter).
À gauche, vous trouverez les options permettant de modifier la mise en page de votre fil d'actualité, le style des publications X, les couleurs, le style de l'en-tête, le bouton « Afficher plus » et bien plus encore.

Chaque fois que vous apportez des modifications à gauche, vous pouvez utiliser l'aperçu en temps réel à droite pour voir à quoi ressemble votre fil X (Twitter).
Pour modifier l'affichage des publications « X » sur votre site Elementor, cliquez sur l'option « Mise en page du flux » située à gauche.

X (Twitter) Feed Pro propose 3 options différentes pour votre nouveau fil d'actualité : « Liste », « Masonry » et « Carrousel ».
Nous examinerons ci-dessous chacun de ces modèles.

Grâce à la mise en page sous forme de liste, vous pouvez afficher X articles dans une seule colonne sur votre site web.
En procédant ainsi, vous pourrez mettre clairement en avant vos publications X auprès de vos visiteurs.

Une autre option que vous pouvez essayer consiste à utiliser la mise en page « masonry » et à afficher X articles sur plusieurs colonnes.
De cette façon, vous pouvez facilement afficher un grand nombre de publications X en même temps.

Si vous optez pour la mise en page « carrousel » de X (Twitter), vous pourrez afficher les publications X sous forme de carrousel de flux sur votre site.
C'est un excellent moyen de rendre votre site encore plus attrayant.

Pour confirmer votre nouvelle présentation du flux, n'oubliez pas de cliquer sur le bouton Enregistrer en haut de la page.
Une fois que vous avez terminé de configurer votre mise en page, cliquez sur Personnaliser pour revenir aux principales options de personnalisation.

Vous pouvez ensuite commencer à modifier les couleurs de votre fil d'actualité X (Twitter) à l'aide de l'éditeur en temps réel.
Pour ce faire, il suffit de cliquer sur l'option Schéma de couleurs à gauche.

Avec X (Twitter) Feed Pro, vous pouvez choisir parmi 4 palettes de couleurs différentes pour votre fil d'actualité :
- Hériter du thème : Copier les couleurs de votre site web
- Clair : Affiche un arrière-plan clair et une police foncée
- Foncé : Choisissez un arrière-plan foncé et une police de caractères claire.
- Personnalisé : Sélectionner toutes les couleurs manuellement

Après avoir sélectionné votre palette de couleurs, cliquez à nouveau sur le bouton Enregistrer.
Enfin, vous pouvez utiliser les autres options pour modifier le style de vos publications « X », le nombre de publications « X », la typographie, le style de l'en-tête, et bien plus encore.
Une fois que vous êtes satisfait de l'apparence de votre flux Elementor X (Twitter), cliquez sur « Enregistrer ».
Vous pouvez donc maintenant intégrer votre fil d'actualité X (Twitter) à l'étape 5.
Étape 5 : Ajouter le flux X (Twitter) à Elementor
Enfin, il est temps d'intégrer ce fil d'actualité X (Twitter) à votre site WordPress. Grâce à ce plugin, vous pouvez l'intégrer à une page ou à un article, ou encore à votre barre latérale ou à votre pied de page sous la forme d'un widget X (Twitter).
Pour commencer, cliquez sur le bouton " Embed" dans le coin supérieur droit.

Une fenêtre contextuelle s'affiche alors, présentant les options d'intégration de votre fil X (Twitter).
Pour l'instant, cliquez sur le bouton Copier.

Vous pouvez maintenant créer une nouvelle page en accédant au menu Pages " Ajouter une nouvelle page de votre tableau de bord.
Ensuite, cliquez sur le bouton Edit with Elementor en haut de la page.

Vous préférez plutôt intégrer un flux Elementor X (Twitter) dans un article WordPress ?
Vous pouvez simplement aller dans le menu Posts " Add New et cliquer sur le bouton Edit with Elementor.

Maintenant, vous pouvez voir le constructeur de pages Elementor ouvert sur votre site. Sur la gauche, vous pouvez voir les widgets Elementor que vous pouvez utiliser pour ajouter du contenu à votre page ou à votre article.
Pour intégrer votre fil d'actualité X (Twitter), repérez la barre de recherche en haut à gauche, puis saisissez « shortcode ».
Ensuite, vous pouvez voir le widget Shortcode dans les résultats de recherche ci-dessous.

Ensuite, faites glisser le widget Shortcode et déposez-le à gauche sur l'aperçu de la page à droite.

Enfin, collez le shortcode de votre fil X (Twitter), que vous avez copié précédemment, dans le champ « Saisissez votre shortcode ».

Cliquez maintenant sur « Publier » et votre flux Elementor X (Twitter) sera en ligne.
Comme vous pouvez le constater, il est très facile d'intégrer des flux X (Twitter) à l'aide de ce plugin. Vous pouvez désormais ouvrir votre site web pour voir à quoi ressemble la page pour vos visiteurs.

Et voilà !
Vous savez désormais comment afficher un flux X (Twitter) dans Elementor sur votre site web. Comme vous pouvez le constater, X (Twitter) Feed Pro facilite grandement l'intégration de X (Twitter) à Elementor.
Vous pourrez ainsi interagir avec vos visiteurs, augmenter le nombre de vos abonnés sur X (Twitter), booster vos ventes et bien plus encore, en toute simplicité.
Vous souhaitez ajouter des flux X (Twitter) à Elementor ? Procurez-vous dès aujourd'hui votre exemplaire de X (Twitter) Feed Pro!
Si vous souhaitez tirer le meilleur parti du marketing des médias sociaux, consultez notre guide sur la manière d'intégrer des widgets de flux sociaux sur votre site web.
Vous avez trouvé cet article utile ? Vous pouvez nous suivre sur X (Twitter) et Facebook pour découvrir d'autres conseils et astuces en matière de marketing sur les réseaux sociaux.
