Comment ajouter votre flux Twitter à Elementor (en 5 minutes)
clicksocial

Programmer des publications sur les médias sociaux directement depuis WordPress avec ClickSocial

Démarrer l'essai gratuit angle droit
Accueil Blog Comment ajouter votre flux Twitter à Elementor (en 5 minutes)

Comment ajouter votre flux Twitter à Elementor (en 5 minutes)

Vous vous demandez comment ajouter un flux Twitter Elementor à votre site ?

Elementor est un constructeur de pages convivial et une option populaire pour les personnes qui souhaitent créer un beau site web sans codage.

Et si vous souhaitez rendre votre site encore plus attrayant et augmenter votre audience sociale en même temps, vous pouvez utiliser Elementor pour ajouter des flux Twitter à votre site web.

Dans cet article, nous allons vous montrer comment intégrer facilement un flux Twitter dans Elementor.

Mais tout d'abord, voyons comment l'ajout d'un flux Twitter Elementor peut aider votre entreprise.

Vous pouvez également passer directement au tutoriel sur le flux Twitter.

Pourquoi afficher les flux Twitter d'Elementor ?

ajouter le flux instagram à la page d'accueil d'elementor

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.

Tout ce que vous avez à faire est d'intégrer un flux Twitter sur votre site Elementor. Vous pourrez ainsi montrer des tweets pertinents à vos visiteurs et les inciter à rester plus longtemps sur votre site.

En outre, voici quelques autres façons dont un fil Twitter Elementor peut aider votre entreprise à se développer :

  • En intégrant votre chronologie Twitter sur Elementor, vous pouvez utiliser le trafic de votre site pour obtenir des tonnes de followers, retweets, likes, et plus encore.
  • Avec un fil Twitter, vous pouvez afficher des avis et des témoignages de personnes réelles sur Twitter. Cette preuve sociale peut vous aider à convertir les visiteurs en clients payants.
  • Vous pouvez publier vos propres tweets à l'aide d'un flux, de sorte que les dernières nouvelles et annonces soient clairement visibles.
  • Pour promouvoir vos hashtags de marque, vous pouvez afficher un flux Twitter de hashtags sur votre site web Elementor.

Dans l'ensemble, les flux Twitter peuvent être un ajout extraordinaire à votre site Elementor et un excellent moyen de promouvoir votre marque.

Voyons maintenant la manière la plus simple d'intégrer un flux Twitter WordPress sur votre site.

La façon la plus simple d'intégrer les flux Twitter d'Elementor

Pour intégrer le contenu de 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 flux Twitter, puis ajoutez le code à votre site web manuellement.
  • Méthode automatique : Utilisez un plugin WordPress pour intégrer automatiquement les flux Twitter sur votre site web.

Si vous optez pour la méthode manuelle, cela signifie que vous devrez gérer un grand nombre d'extraits de code lors de la préparation de vos flux Twitter. Par conséquent, l'affichage de votre flux social Twitter sur votre site peut prendre beaucoup plus de temps et d'efforts.

intégrer manuellement un flux twitter

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 des tweets sur votre site Elementor, le plus simple est d'utiliser un plugin WordPress comme Twitter Feed Pro.

embed twitter feed plugin

En tant que meilleur plugin de flux Twitter au monde, Twitter Feed Pro peut vous aider à créer, personnaliser et intégrer des flux Twitter sur votre site Elementor en toute simplicité.

Pour vous aider à démarrer, vous pouvez utiliser le flux guidé simple qui est fourni avec le plugin.

En quelques clics, vous pouvez commencer à intégrer du contenu Twitter sur votre site, sans avoir besoin de code HTML, CSS ou autre.

twitter guided flow

De plus, vous pouvez choisir entre les différents types de contenu Twitter que vous souhaitez afficher, notamment la chronologie Twitter, le flux de hashtags, les résultats de recherche, la chronologie de la page d'accueil et bien plus encore.

De plus, vous pouvez contrôler la façon dont les flux Twitter apparaissent sur votre site web. Vous pouvez choisir parmi une collection de modèles de flux au design unique.

Pour une personnalisation plus poussée, vous pouvez simplement utiliser l'éditeur de flux en direct pour modifier le design de votre flux Twitter. Vous pouvez définir la mise en page, la palette de couleurs, le design de l'en-tête, le style du tweet, le bouton "Charger plus", et bien plus encore.

twitter feed live editor

De plus, Twitter Feed Pro est doté d'une fonctionnalité de mise en cache intelligente, qui enregistre une copie de votre flux Twitter. Ainsi, votre site affichera cette copie et n'aura pas à charger le flux Twitter depuis le début à chaque fois.

En conséquence, vos flux Twitter seront plus rapides que jamais - et un site web à chargement rapide peut vous permettre d'améliorer votre référencement, ce qui vous permettra de vous classer plus haut.

Avec toutes ces fonctionnalités, ce plugin est devenu le meilleur plugin de flux Twitter du marché, avec une note de 4,9/5 étoiles de la part de plus de 150 000 utilisateurs actifs.

avis d'utilisateurs custom twitter feeds pro

Vous voulez créer des flux Twitter Elementor facilement ? Obtenez Twitter Feed Pro dès aujourd'hui!

Voyons maintenant comment créer des flux Twitter Elementor pour votre site web à l'aide de ce plugin.

Comment ajouter votre flux Twitter Elementor à WordPress

Pour créer des flux Twitter pour Elementor, tout ce que vous avez à faire est de suivre les étapes simples ci-dessous. C'est parti !

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

Vous pouvez commencer par télécharger une copie du plugin Twitter Feed Pro à partir d'ici et 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.

Ensuite, vous pouvez créer un flux Twitter pour votre site web à l'aide de Twitter Feed Pro.

Étape 2 : Créer un flux Twitter

Pour créer votre flux Twitter, il vous suffit de suivre le flux guidé en 3 étapes.

Tout d'abord, accédez au menu Twitter Feed " All Feeds " depuis votre tableau de bord, puis cliquez sur Add New.

ajouter un nouveau flux twitter personnalisé

Ensuite, vous pouvez choisir le type de flux Twitter que vous souhaitez ajouter à votre site Elementor. Vous avez le choix entre ces 6 options :

  • Chronologie de l'utilisateur : Afficher les tweets d'un profil Twitter spécifique
  • Hashtag: Incorporer des tweets contenant les hashtags que vous avez choisis sur Twitter
  • Chronologie d'accueil: Affichez votre page d'accueil Twitter sur votre site web
  • Recherche: Recherchez des termes spécifiques et intégrez les résultats sur votre site.
  • Mentions: Afficher les tweets qui mentionnent votre profil Twitter

Pour continuer, sélectionnez un type de flux ici et cliquez sur le bouton Suivant.

sélectionner le type de flux twitterr

Pour notre exemple, nous utiliserons ici le type de flux de la ligne de temps de l'utilisateur .

Après avoir créé un nouveau flux, vous pouvez passer à l'étape 3 et le connecter à Twitter.

Étape 3 : Connectez votre chronologie Twitter

En connectant votre compte Twitter, votre flux peut commencer à intégrer du contenu Twitter sur votre site web.

Il suffit de cliquer sur le bouton Connecter dans la fenêtre contextuelle pour commencer.

connecter un compte twitter à wordpress

Le plugin ouvrira ensuite Twitter afin que vous lui donniez un accès en lecture seule à votre compte Twitter.

Grâce à cet accès, Twitter Feed Pro se connectera à Twitter et affichera le contenu qui s'y trouve. De plus, il ne peut en aucun cas modifier votre compte.

Comme vous pouvez le constater, Twitter Feed Pro peut être utilisé en toute sécurité.

Pour terminer la connexion de votre compte, cliquez sur le bouton Autoriser l'application ici.

authorize twitter read only access.jpg

Ensuite, il est temps de choisir la source que vous souhaitez utiliser pour ce flux Twitter. Selon le type de flux, il peut s'agir de la chronologie d'un utilisateur, d'un hashtag, d'un terme de recherche, d'une liste Twitter, etc.

Puisque nous intégrons une timeline, nous avons ajouté le profil Twitter "starbucks" comme source.

Après avoir saisi votre source, cliquez sur Suivant pour continuer.

intégrer un flux twitter dans la timeline de l'utilisateur

C'est ainsi que votre flux Twitter est prêt à être intégré à votre site Elementor.

Mais avant cela, il est temps de passer à l'étape 4 où vous pouvez personnaliser le design de votre nouveau fil Twitter.

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

Votre fil Twitter copiera automatiquement le design de votre site et sera parfait dès sa sortie de l'emballage. Mais si vous souhaitez avoir plus de contrôle sur son design, 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 7 modèles de flux que vous pouvez importer :

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

Après avoir sélectionné votre modèle de flux, cliquez sur le bouton Suivant.

choisir un modèle de flux

Ensuite, vous pouvez utiliser l'éditeur de flux en direct pour personnaliser le flux Twitter en détail.

Sur la gauche, vous trouverez les options pour modifier la mise en page de votre flux, le style du tweet, les couleurs, le style de l'en-tête, le bouton "charger plus", et bien plus encore.

éditeur de flux en direct twitter

Chaque fois que vous effectuez des modifications dans la partie gauche, vous pouvez utiliser l'aperçu en direct dans la partie droite pour suivre l'évolution de votre flux Twitter.

Pour modifier la façon dont les tweets apparaissent sur votre site Elementor, cliquez sur l'option Feed Layout à gauche.

option de mise en page du flux twitter

Twitter Feed Pro propose 3 options différentes pour votre nouveau flux : Liste, Masonry et Carousel.

Nous examinerons ci-dessous chacun de ces modèles.

choisir une mise en page de flux twitter

Grâce à la présentation en liste, vous pouvez afficher les tweets dans une seule colonne sur votre site web.

Vous pouvez ainsi faire en sorte que vos tweets soient clairement visibles pour vos visiteurs.

liste twitter feed layout

Une autre option que vous pouvez essayer est la mise en page en maçonnerie et la présentation des tweets en plusieurs colonnes.

Vous pouvez facilement afficher des tonnes de tweets en même temps de cette manière.

exemple de maçonnerie flux twitter wordpress

Si vous optez pour la présentation en carrousel de Twitter, vous pouvez afficher les tweets sous la forme d'un carrousel de flux sur votre site.

C'est un excellent moyen de rendre votre site encore plus attrayant.

carrousel twitter feed

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.

retour aux options de personnalisation twitter

Ensuite, vous pouvez commencer à modifier les couleurs de votre flux Twitter à l'aide de l'éditeur en direct.

Pour ce faire, il suffit de cliquer sur l'option Schéma de couleurs à gauche.

option de schéma de couleurs twitter feed pro

Avec Twitter Feed Pro, vous pouvez choisir parmi 4 schémas de couleurs différents pour votre flux :

  • 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
choisir la palette de couleurs twitter

Après avoir sélectionné votre palette de couleurs, cliquez à nouveau sur le bouton Enregistrer.

Enfin, vous pouvez utiliser le reste des options pour modifier le style de votre tweet, le nombre de tweets, la typographie, le style de l'en-tête et bien plus encore.

Une fois que vous êtes satisfait de l'aspect de votre flux Twitter Elementor, cliquez sur Enregistrer.

Vous pouvez ensuite intégrer votre flux Twitter à l'étape 5.

Étape 5 : Ajouter le fil Twitter à Elementor

Enfin, il est temps d'intégrer ce flux Twitter sur votre site web WordPress. En utilisant ce plugin, vous pouvez l'intégrer dans une page ou un article, ou encore dans votre barre latérale ou votre pied de page sous la forme d'un widget Twitter.

Pour commencer, cliquez sur le bouton " Embed" dans le coin supérieur droit.

intégrer un bouton twitter dans l'éditeur en direct

Une fenêtre contextuelle s'affiche alors avec les options d'intégration de votre flux Twitter.

Pour l'instant, cliquez sur le bouton Copier.

copier le shortcode twitter feed pro

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.

créer une nouvelle page wordpress

Vous souhaitez intégrer un flux Twitter Elementor dans un article WordPress ?

Vous pouvez simplement aller dans le menu Posts " Add New et cliquer sur le bouton Edit with Elementor.

créer un nouvel article wordpress

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 flux Twitter, cherchez la barre de recherche en haut à gauche, puis tapez "shortcode".

Ensuite, vous pouvez voir le widget Shortcode dans les résultats de recherche ci-dessous.

recherche de shortcode block elementor

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

drag and drop shortcode widget elementor

Enfin, collez le shortcode de votre flux Twitter que vous avez obtenu plus tôt dans le champ Enter your shortcode.

collez votre shortcode twitter elementor

Cliquez maintenant sur Publier et votre flux Twitter Elementor sera en ligne.

Comme vous pouvez le constater, il est très facile d'intégrer des flux Twitter à l'aide de ce plugin. Vous pouvez maintenant ouvrir votre site web pour voir à quoi ressemble la page pour vos visiteurs.

exemple de flux twitter elementor sur un site web

Et voilà !

Vous savez maintenant comment afficher un flux Twitter Elementor sur votre site web. Comme vous pouvez le voir, Twitter Feed Pro permet d'intégrer facilement Twitter à Elementor.

Vous pouvez alors engager vos visiteurs, augmenter votre nombre de followers sur Twitter, stimuler vos ventes, et bien plus encore, en toute simplicité.

Vous voulez ajouter des flux Twitter à Elementor ? Téléchargez votre copie de Twitter Feed Pro dès aujourd'hui!

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é cela utile ? Vous pouvez nous suivre sur Twitter et Facebook pour obtenir d'autres conseils et astuces en matière de marketing des médias 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.