Comment ajouter un fil Twitter à votre site WordPress Divi

Vous avez toujours voulu ajouter un flux Twitter à votre site Divi ?

Une fois que vous avez créé un beau site web avec Divi, un moyen simple de le rendre plus attrayant est d'y ajouter un flux Twitter.

Vous pouvez ensuite afficher du contenu Twitter pertinent pour susciter l'intérêt de vos visiteurs, accroître votre audience sociale et même augmenter les conversions.

Et pour vous aider à démarrer immédiatement, nous allons vous montrer la façon la plus simple d'ajouter du contenu Twitter à Divi.

Avant cela, voyons comment il peut être utile d'afficher le contenu de Twitter sur votre site Divi.

Vous pouvez également cliquer ici pour passer directement à la section tutoriel.

Pourquoi ajouter des flux Twitter à un site Divi ?

Divi est un constructeur de pages populaire pour WordPress que vous pouvez utiliser pour créer facilement un beau site web.

Mais il n'est peut-être pas suffisant d'avoir un site web qui soit beau. Après tout, la plupart de vos visiteurs quitteront le site et n'y reviendront jamais.

Un excellent moyen de susciter l'intérêt de vos visiteurs est de diffuser du contenu Twitter sur votre site web. Vous pouvez ainsi proposer un contenu attrayant et garder les internautes sur votre site. 

• Grâce à un contenu attrayant sur les médias sociaux, les internautes peuvent passer plus de temps sur votre site. Ainsi, votre site peut bénéficier d'un meilleur référencement et atteindre plus facilement un plus grand nombre de personnes.
• En intégrant des tweets de votre propre compte, vous transformez facilement le trafic de votre site web en engagement et en nouveaux adeptes de Twitter.
• En utilisant un fil Twitter, vous pouvez présenter vos derniers produits, nouvelles, annonces, ventes et autres d'une manière accrocheuse.
• Vous pouvez intégrer des avis et des témoignages provenant de Twitter sur vos pages produits. Grâce à cette preuve sociale, il vous sera beaucoup plus facile de convertir les gens en clients.

Une façon simple d'afficher le fil Twitter sur WordPress

Pour ajouter manuellement un flux Twitter à Divi, vous devrez générer des codes d'intégration, modifier le code, puis l'ajouter à votre site Web.

De plus, le contenu de Twitter ne copiera pas le design de votre site web si vous utilisez cette méthode, et les tweets peuvent même s'opposer à votre image de marque.

La bonne nouvelle ?

Il existe une bien meilleure façon d'afficher les messages Twitter sans toucher à une seule ligne de code. De plus, vous n'avez pas besoin de trier les extensions sur le Divi Marketplace.

Vous pouvez utiliser le plugin Twitter Feed Pro.

Avec Twitter Feed Pro, il est très facile d'afficher des flux Twitter sur votre site et de maintenir l'intérêt des visiteurs, même si vous n'êtes pas un expert de WordPress.

Ce plugin est livré avec des tonnes de fonctionnalités qui rendent plus facile que jamais l'intégration des flux Twitter sur votre site :

• Il vous suffit de suivre le flux guidé en 3 étapes qui vous guidera tout au long du processus de création, de personnalisation et d'intégration des flux Twitter, sans avoir besoin de coder.
• Une fois que vous aurez créé vos flux Twitter, ils hériteront automatiquement du design de votre site Divi et auront un aspect remarquable dès leur sortie de l'emballage.
• Vous pouvez importer un modèle préconçu ou utiliser l'éditeur de flux en direct pour modifier la mise en page, la palette de couleurs, l'en-tête, la boîte à tweets, la taille du flux et bien plus encore.
• Le plus intéressant ? Vous bénéficiez d'une équipe d'experts WordPress avec ce plugin. Si vous avez besoin d'aide ou si vous avez des questions, vous pouvez simplement les contacter pour obtenir de l'aide.
• Tous les flux Twitter que vous créerez seront légers et très rapides. Et un site web plus rapide signifie également un meilleur référencement pour votre site.

Dans l'ensemble, Twitter Feed Pro est le meilleur plugin de flux Twitter du marché et une excellente option pour les entreprises en ligne. De plus, il est soutenu par une équipe de support client acclamée composée d'experts WordPress.

Prêt à créer des flux Twitter attrayants pour votre site ? Téléchargez votre exemplaire de Twitter Feed Pro dès aujourd'hui!

Comment ajouter un flux Twitter à Divi (étape par étape)

Tout ce que vous avez à faire est de suivre les étapes simples ci-dessous, et vous pouvez intégrer des flux Twitter sur votre site WordPress. C'est parti !

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

Tout d'abord, obtenez le plugin Twitter Feed Pro à partir d'ici et téléchargez-le sur votre ordinateur.

Vous pouvez ensuite installer et activer Twitter Feed Pro sur votre site WordPress.

Si vous ne savez pas comment faire, jetez un coup d'œil à ce tutoriel sur l'installation des plugins WordPress pour les débutants.

Étape 2 : Créer un flux Twitter

Avec ce plugin, vous pouvez aller de l'avant et créer votre flux Twitter en suivant le flux guidé.

Tout d'abord, allez dans votre tableau de bord WordPress et ouvrez le menu Twitter Feed " All Feeds " .

Dans la nouvelle page, cliquez sur le bouton Ajouter un nouveau pour commencer.

Le plugin vous demandera alors quel type de flux Twitter vous voulez sur votre site Divi. Vous avez le choix entre 3 options :

• Chronologie de l'utilisateur : Sélectionnez une chronologie Twitter et affichez les derniers tweets.
• Hashtag : Affiche un flux basé sur des hashtags Twitter spécifiques que vous choisissez.
• Recherche : Affiche les résultats d'une recherche avancée sur Twitter.

Pour continuer, choisissez un type de flux et cliquez sur Suivant.

Dans cet exemple, j'ai choisi un calendrier d'utilisation pour le site web Divi.

Étape 3 : Connecter votre compte Twitter

Pour que votre flux Twitter affiche des tweets sur votre site Divi, il vous suffit de le connecter à votre compte Twitter.

Pour commencer, cliquez sur le bouton Connecter .

Le plugin ouvrira alors Twitter sur votre navigateur web afin que vous puissiez autoriser l'accès en lecture seule à Twitter Feed Pro.

Grâce à cet accès, vos flux peuvent récupérer les informations de Twitter et afficher les tweets sur votre site web. Le plugin ne sera pas en mesure d'effectuer des changements, il est donc totalement sûr à utiliser.

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

Une fois que vous avez fait cela, le plugin ouvrira à nouveau votre site web. Ici, vous pouvez choisir la source de votre flux Divi Twitter.

Puisque nous intégrons la chronologie d'un utilisateur, nous ajouterons ici l'identifiant Twitter "@starbucks".

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

Étape 4 : Personnaliser votre fil Twitter

Comme le plugin copiera automatiquement le design de votre site Divi, vos flux seront magnifiques dès le départ.

En outre, vous pouvez contrôler la conception de votre flux Twitter.

Pour vous aider à démarrer rapidement, vous pouvez choisir parmi 7 modèles de flux différents avec des mises en page prédéfinies :

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

Une fois que vous avez sélectionné votre modèle Divi de flux Twitter, cliquez sur Next.

Ensuite, le plugin ouvrira l'éditeur de flux en direct afin que vous puissiez personnaliser votre flux Twitter en détail. De cette façon, vous pouvez vous assurer que le design s'harmonise parfaitement avec votre thème Divi.

Sur la gauche, vous trouverez le panneau de personnalisation avec des options pour définir la mise en page, les couleurs, la taille, le design de l'en-tête et bien plus encore.

Lorsque vous personnalisez votre flux Twitter, vous pouvez utiliser l'aperçu en direct sur la droite pour suivre facilement vos modifications.

Pour commencer, j'ai l'habitude de modifier la mise en page des tweets. C'est un excellent moyen de modifier la façon dont les visiteurs interagissent avec le flux.

Tout d'abord, cliquez sur Feed Layout afin de définir la mise en page des tweets sur votre site Divi.

Twitter Feed Pro propose 3 options pour la mise en page du flux : Liste, Masonry, et Carousel

Nous allons examiner ci-dessous chacun de ces modèles.

Tout d'abord, vous avez la disposition en liste que vous pouvez utiliser pour afficher les tweets dans une seule colonne, comme sur le site officiel de Twitter.

Vous souhaitez afficher un grand nombre de tweets en même temps ?

Vous pouvez sélectionner la disposition en maçonnerie, qui affiche les tweets dans plusieurs colonnes à la fois.

Si vous choisissez plutôt la mise en page carrousel, vous pouvez transformer votre flux Twitter Divi en un magnifique diaporama.

Vous pouvez ainsi rendre votre site web plus interactif.

Après avoir sélectionné un modèle de flux, cliquez sur le bouton Enregistrer en haut de la page.

Pour personnaliser davantage votre flux, vous pouvez cliquer sur le bouton Personnaliser dans le coin supérieur gauche.

Ensuite, vous pouvez utiliser l'éditeur de flux en direct pour définir les couleurs de votre flux Twitter.

Vous pouvez le faire en cliquant sur l'option Schéma de couleurs .

Ensuite, le plugin vous propose des schémas de couleurs que vous pouvez utiliser pour sélectionner facilement les couleurs de votre flux social.

Tout ce que vous avez à faire, c'est de choisir parmi 4 schémas de couleurs différents :

• Héritage du thème : Utilisez les mêmes couleurs que votre site Divi
• Clair : Affiche un arrière-plan clair avec une couleur de police foncée
• Sombre : affiche un arrière-plan sombre avec une police de couleur claire
• Personnalisé : Sélection manuelle de toutes les couleurs

Une fois que vous avez choisi votre palette de couleurs, cliquez à nouveau sur Enregistrer pour confirmer vos modifications.

Vous pouvez maintenant utiliser le reste des options pour modifier l'apparence de votre nouveau flux. En utilisant l'éditeur de flux en direct, il est très facile de modifier la taille de votre flux, le bouton "charger plus", les options de la boîte à lumière, le style de l'en-tête, et bien plus encore.

N'oubliez pas de cliquer sur Enregistrer à la fin pour confirmer vos modifications.

Étape 5 : Intégrer le fil Twitter sur le site Divi

Pour commencer à intégrer votre flux, le plus simple est d'utiliser l'éditeur de flux en direct.

Depuis votre éditeur en ligne, cliquez sur le bouton " Embed" en haut de la page.

Ensuite, vous verrez une fenêtre popup avec toutes les options d'intégration pour votre flux nouvellement créé.

Pour intégrer le flux sur votre site Divi, vous pouvez cliquer sur le bouton Copier ici.

Ensuite, allez dans le menu Pages " Ajouter un nouveau depuis votre tableau de bord pour créer une page pour votre flux Twitter.

Pour continuer, cliquez sur le bouton Use The Divi Builder dans l'éditeur WordPress.

Pour utiliser un article WordPress à la place, ouvrez le menu Articles " Ajouter un nouvel article dans le tableau de bord.

Cliquez maintenant sur Use The Divi Builder pour ouvrir la page dans l'éditeur Divi.

Dans le constructeur Divi, vous pouvez choisir parmi 3 façons différentes de concevoir votre page ou votre article.

• Commencer à construire : Commencer à construire à partir d'un modèle vierge
• Parcourir les mises en page : Importer une mise en page préétablie
• Choisir une page : Dupliquer une page et utiliser son design

Vous pouvez sélectionner l'option que vous préférez ici.

Si vous optez pour l'option Commencer à construire, vous pouvez immédiatement commencer à concevoir votre page ou votre message à partir d'une page vierge.

Mais si vous avez choisi l'option Parcourir les mises en page, vous pouvez consulter une collection de mises en page prédéfinies.

Pour continuer, cliquez sur la mise en page que vous préférez.

La fenêtre contextuelle vous donnera ensuite plus de détails sur la mise en page choisie. Si vous souhaitez obtenir un aperçu rapide, cliquez sur Voir la démo en direct.

Si vous êtes satisfait de la mise en page, cliquez sur le bouton Utiliser cette mise en page.

L'option Choisir une page vous permet de consulter toutes les pages que vous avez créées avec Divi.

Pour continuer, il suffit de cliquer sur la page que vous souhaitez cloner.

Après cela, vous pouvez commencer à ajouter du contenu à votre page Divi ou à la première. Je vais donc ajouter rapidement un module de chronologie Twitter sur cette page.

Pour ce faire, cliquez d'abord sur l'icône verte plus (+) et choisissez ensuite le type de ligne que vous souhaitez.

Maintenant que vous avez créé de l'espace pour votre nouveau flux, cliquez sur l'icône noire plus (+) pour commencer à ajouter du contenu.

Ensuite, il suffit d'écrire "code" dans la barre de recherche, puis de cliquer sur le module Code ci-dessous.

Sur la gauche, vous trouverez les options du module de code. Cherchez le champ de code et collez le shortcode.

Enfin, cliquez sur l'icône de la coche pour terminer l'ajout de votre flux Twitter à Divi.

Après cela, cliquez sur le bouton Publier, et votre nouveau module de flux Twitter sera en ligne sur votre site Divi.

Pour voir à quoi ressemble le flux, vous pouvez ouvrir votre site web et vous en rendre compte par vous-même.

Et c'est tout !

Comme vous pouvez le constater, il est très facile d'ajouter un flux Twitter aux sites Divi si vous utilisez le bon outil. Et avec Twitter Feed Pro, il est plus facile que jamais d'intégrer Twitter à votre site.

En résumé, il s'agit vraiment du meilleur plugin WordPress pour intégrer Twitter sur votre site. Ainsi, vous pouvez facilement booster votre marketing sur Twitter.

Vous voulez ajouter facilement des messages Twitter à Divi ? Téléchargez votre copie de Twitter Feed Pro ici!

Si vous souhaitez utiliser Twitter pour votre entreprise, vous pouvez consulter notre liste des meilleurs outils de marketing Twitter.

Autres guides et conseils sur le marketing des médias sociaux

• Comment ajouter facilement un flux Facebook à un site WordPress Divi
• Comment intégrer votre flux Instagram sur votre site web ?
• Les meilleurs plugins YouTube pour augmenter vos abonnés dès maintenant
• Comment utiliser les médias sociaux dans le marketing d'affiliation
• Exemples de widgets Twitter que vous pouvez intégrer à votre site web

Si cet article vous a été utile, suivez-nous sur Twitter et Facebook, et restez à l'écoute pour d'autres conseils et astuces en matière de marketing des médias sociaux.