Vous souhaitez afficher un flux Twitter sur votre site Beaver Builder ?
Beaver Builder est un outil formidable si vous souhaitez créer un beau site web pour votre marque sans avoir à coder. Mais l'ajout de flux Twitter à Beaver Builder peut s'avérer délicat, surtout si vous n'avez pas l'habitude de travailler avec du code.
Pour vous aider, nous avons élaboré ce guide du débutant sur l'intégration facile des flux Twitter dans Beaver Builder.
C'est parti !
Pourquoi ajouter les flux Twitter à Beaver Builder ?
En utilisant un flux Twitter, vous pouvez attirer l'attention des visiteurs de votre site web avec des messages, des photos, des vidéos et d'autres éléments pertinents provenant de Twitter. Après tout, les publications sur les médias sociaux sont l'un des meilleurs moyens de maintenir l'intérêt des internautes.
L'internaute "type" passe près de 2½ heures par jour à utiliser les plateformes de médias sociaux, ce qui équivaut à plus d'un tiers du temps total passé en ligne.
Simon Kemp, analyste en chef à DataReportal
En outre, vous pouvez utiliser un flux Twitter pour :
- Montrez les avis en ligne sur vos produits pour les utiliser comme preuve sociale et augmenter vos conversions.
- Publiez votre propre contenu sur Twitter et obtenez facilement des tonnes de likes, de commentaires et de followers.
- Insérez régulièrement du contenu Twitter avec des mots-clés pertinents pour stimuler votre référencement et vous classer plus haut dans les résultats des moteurs de recherche.
- Affichez les annonces importantes, les communiqués de presse sur les produits, les nouvelles, etc. pour attirer l'attention du public.
- Et bien plus encore !
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 !
Comment intégrer facilement un flux Twitter de Beaver Builder
Suivez simplement les étapes ci-dessous et vous pourrez avoir un magnifique flux Twitter sur votre site WordPress Beaver Builder en un rien de temps.
Étape 1 : Télécharger le plugin Twitter Feed Pro
Lorsqu'il s'agit d'intégrer du contenu Twitter, le meilleur outil que vous puissiez utiliser est Twitter Feed Pro.
En tant que meilleur plugin de flux Twitter, vous pouvez l'utiliser pour créer, personnaliser et intégrer des flux de tweets en quelques minutes seulement, sans avoir à toucher à une seule ligne de code.
De plus, tous les flux Twitter s'adapteront automatiquement au design de votre site Beaver Builder et seront d'une grande beauté dès le départ.
Obtenez votre copie du plugin Twitter Feed Pro à partir d'ici avant de l'installer et de l'activer sur votre site web.
Pour plus d'informations sur la manière de procéder, vous pouvez consulter ce tutoriel sur la manière d'installer facilement des plugins WordPress.
Étape 2 : Créer un nouveau flux Twitter
Maintenant que vous avez le plugin, vous pouvez utiliser le guide en 3 étapes pour créer rapidement votre flux Twitter.
Dans la zone d'administration de WordPress, ouvrez le menu Twitter Feed " All Feeds " et cliquez sur le bouton Add New.
Ensuite, le plugin m'a demandé quel type de flux Twitter je souhaitais créer. Il s'avère qu'il y a 3 options à choisir :
- Timeline de l'utilisateur : Affichez votre propre contenu Twitter à partir de votre chronologie
- Hashtag : Affiche les tweets contenant les hashtags que vous avez sélectionnés.
- Recherche : Incorporer les résultats de la recherche pour les termes que vous avez choisis
J'ai choisi le type de flux User Timeline .
Une fois que vous avez sélectionné un type de flux, cliquez sur Suivant pour continuer.
Twitter Feed Pro va maintenant vous demander une source. Cette source correspond essentiellement aux timelines des utilisateurs, aux hashtags ou aux termes de recherche que vous souhaitez sélectionner.
Comme vous pouvez le voir ci-dessous, j'ai ajouté la chronologie de l'utilisateur pour "starbucks" comme source.
N'oubliez pas d'ajouter votre source et cliquez sur Suivant pour continuer.
Étape 3 : Personnaliser votre fil Twitter
Pour vous aider à créer de beaux flux Twitter avec des designs uniques, le plugin vous permet de choisir un modèle de flux à importer :
- Défaut
- Cartes de maçonnerie
- Carrousel simple
- Cartes simples
- Carrousel de présentation
- Dernier tweet
- Widget
Choisissez simplement le modèle que vous préférez et cliquez sur le bouton " Suivant".
Ensuite, Twitter Feed Pro affichera votre flux dans le personnalisateur visuel. Vous y trouverez des options pour modifier la mise en page, le design de l'en-tête, le design des boutons, le style des tweets, et bien plus encore.
De plus, vous bénéficiez d'un aperçu en direct pour suivre vos modifications.
Prêt à personnaliser le flux Twitter de votre Beaver Builder ?
Tout d'abord, sélectionnez l'option Feed Layout sur la gauche.
Ici, vous disposez de 3 façons différentes d'afficher les tweets sur votre site Beaver Builder :
- Liste: Incorporer les tweets les uns après les autres dans une seule colonne afin que chaque tweet soit clairement visible.
- Masonry: Affichez des tonnes de tweets sur votre site en même temps à l'aide de plusieurs colonnes.
- Carrousel : Affichez un carrousel coulissant de contenu Twitter et rendez votre site Web plus interactif.
J'ai fini par choisir une disposition en maçonnerie pour cet exemple.
Pour conserver votre nouvelle présentation, cliquez sur le bouton Enregistrer en haut à droite. Cliquez ensuite sur Personnaliser pour revenir aux principales options de personnalisation.
Voyons maintenant une autre option de personnalisation de cet éditeur visuel.
Cliquez sur l'option Schéma de couleurs à gauche.
Cela vous montre un endroit pratique où vous pouvez choisir les couleurs de votre flux Twitter.
Vous avez le choix entre 4 schémas de couleurs différents :
- Héritage du thème : Utilisez les mêmes couleurs que le thème de votre site Beaver Builder.
- Léger : Choisissez un arrière-plan clair et une couleur foncée pour la police et les icônes.
- Foncé : Sélectionnez un arrière-plan de couleur foncée et une couleur claire pour la police.
- Personnalisé : Choisir manuellement toutes les couleurs
Comme précédemment, cliquez sur Enregistrer pour conserver vos modifications.
Vous pouvez ensuite utiliser les options restantes pour personnaliser le style de tweet de votre flux, le nombre de tweets, le style de l'en-tête, etc.
N'oubliez pas de cliquer sur Enregistrer une fois que vous êtes prêt à intégrer votre flux Twitter Beaver Builder.
Étape 4 : Ajouter votre flux Twitter à Beaver Builder
Vous pouvez commencer à intégrer le flux Twitter à partir du personnalisateur visuel. Tout d'abord, cliquez sur le bouton Incorporer en haut de la page.
Cela vous montre toutes les façons d'intégrer votre contenu Twitter. Vous pouvez l'ajouter à une page WordPress ou l'intégrer à votre pied de page ou à votre barre latérale sous la forme d'un widget Twitter.
Pour l'instant, il suffit de cliquer sur le bouton Copier.
Vous pouvez ensuite créer un nouveau Beaver Builder en ouvrant le menu Pages " Ajouter un nouveau depuis votre tableau de bord.
Cliquez ensuite sur le bouton Lancer Beaver Builder .
Cette opération permet d'ouvrir la page dans l'éditeur par glisser-déposer de Beaver Builder.
Si vous regardez à gauche, vous verrez tous les modules Beaver Builder que vous pouvez ajouter à la page WordPress.
Tout d'abord, cliquez sur l'option Modules standard pour ouvrir un menu déroulant.
Sélectionnez ensuite l'option Widgets WordPress.
Cela ouvrira d'autres modules que vous pourrez ajouter à la page web.
Dans les options, recherchez le module Custom Twitter Feeds et déposez-le sur la gauche.
Une fois que vous avez fait cela, Beaver Builder vous montrera des options supplémentaires pour ce module.
Collez ensuite le shortcode que vous avez obtenu précédemment dans le champ principal avant de cliquer sur Enregistrer.
Enfin, cliquez sur le bouton Terminé en haut à droite pour confirmer votre nouvelle page. Vous pouvez ensuite choisir de publier votre nouveau flux Twitter Beaver Builder.
Une fois que vous avez fait cela, ouvrez votre site pour vérifier ce qu'il donne à vos visiteurs.
Et voilà !
Comme vous pouvez le constater, l'intégration d'un flux Twitter Beaver Builder peut être très facile avec l'aide du bon outil. Ainsi, vous pouvez engager les visiteurs, développer votre présence sur Twitter, augmenter vos ventes, et bien plus encore.
Tout ce dont vous avez besoin est le plugin Twitter Feed Pro, et il est plus facile que jamais d'intégrer Twitter à votre site web. Le plugin fonctionne même avec tous les constructeurs de pages populaires comme SeedProd et Elementor !
Prêt à intégrer des flux Twitter dans Beaver Builder ? Téléchargez votre copie de Twitter Feed Pro dès aujourd'hui!
Pour d'autres façons d'intégrer les médias sociaux à votre site, consultez ce guide détaillé sur la façon d'intégrer des widgets de flux sociaux à 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.
