Comment intégrer des vidéos YouTube dans les sites Beaver Builder (Guide facile)
Accueil Blog Comment intégrer des vidéos YouTube dans les sites Beaver Builder (Guide facile)

Comment intégrer des vidéos YouTube dans les sites Beaver Builder (Guide facile)

comment intégrer des vidéos youtube dans les sites web de beaver builder

Vous voulez savoir comment intégrer facilement des vidéos YouTube dans Beaver Builder ?

La diffusion de vidéos YouTube sur votre site peut être un excellent moyen de susciter l'intérêt des visiteurs du site et de développer votre chaîne.

Comme l'intégration directe de vidéos YouTube dans Beaver Builder peut s'avérer longue et compliquée, nous avons mis au point un guide simple pour vous montrer une méthode plus facile.

Mais tout d'abord, voyons comment l'affichage des vidéos YouTube peut être bénéfique pour votre site.

Vous pouvez également cliquer ici et passer directement au tutoriel.

Pourquoi intégrer des vidéos YouTube dans Beaver Builder ?

Grâce à l'outil de construction de pages de Beaver Builder, vous pouvez créer facilement un site web magnifique, même sans aucune expérience en matière de conception de sites web.

beaver builder page builder

Mais si vous cherchez un moyen de stimuler l'engagement des utilisateurs sur votre site Beaver Builder, une excellente solution consiste à montrer des vidéos YouTube à vos visiteurs.

En plus de maintenir l'intérêt des visiteurs pour votre site, les vidéos intégrées à YouTube peuvent vous aider :

  • Développez votre chaîne YouTube et obtenez des tonnes de vues et d'abonnés en intégrant votre propre contenu vidéo.
  • Montrez des témoignages vidéo et des commentaires pour renforcer la confiance dans vos produits et augmenter les conversions sur votre site de commerce électronique.
  • Faites la promotion de vos annonces vidéo ou de vos diffusions en direct sur YouTube en les affichant sur votre site web.
  • Gardez les internautes sur votre site plus longtemps afin d'améliorer votre référencement et d'atteindre plus facilement des clients potentiels.

Meilleure façon pour les sites Beaver Builder d'intégrer YouTube

Lorsqu'il s'agit d'ajouter du contenu YouTube à WordPress, le plus simple est d'utiliser un plugin WordPress qui permet d'intégrer automatiquement des vidéos.

Ainsi, vous n'aurez pas à faire des allers-retours pour télécharger manuellement des vidéos ou à gérer des codes d'intégration compliqués.

Parmi toutes les options disponibles, le meilleur outil que vous puissiez utiliser est YouTube Feed Pro.

youtube feed pro plugin smash balloon

Grâce à ce plugin, il est plus facile que jamais d'ajouter des vidéos YouTube à votre site web WordPress, sans avoir besoin de coder.

Ainsi, vous pouvez afficher un flux de vidéos YouTube, et vos visiteurs peuvent cliquer sur une vignette pour regarder la vidéo complète qui les intéresse.

De plus, YouTube Feed Pro fonctionne parfaitement avec Beaver Builder, ainsi qu'avec d'autres plugins de construction de pages WordPress comme Elementor, SeedProd et Divi.

exemple de flux vidéo youtube sur un site web

En fait, tous les flux vidéo YouTube que vous intégrez copieront le design de votre thème WordPress et seront magnifiques dès le départ.

De plus, YouTube Feed Pro est livré avec des tonnes de fonctionnalités utiles pour dynamiser votre site Web :

  • Pour créer, personnaliser et intégrer facilement des flux de vidéos YouTube, il vous suffit de suivre une procédure simple en trois étapes.
  • Le plugin vous permet d'intégrer votre chaîne YouTube, des flux en direct, des listes de lecture, des résultats de recherche et des vidéos individuelles.
  • YouTube Feed Pro étant doté d'un système de chargement intelligent, vous pouvez ajouter autant de vidéos que vous le souhaitez et votre site se chargera aussi rapidement que jamais.
  • Vous pouvez créer de magnifiques flux vidéo YouTube avec des designs uniques en important des modèles prédéfinis et en utilisant le personnalisateur visuel.
  • Tous vos flux vidéo YouTube sont 100 % réactifs et se chargeront parfaitement pour les visiteurs utilisant des téléphones et des tablettes.
éditeur de flux en direct pour youtube feed pro

Et le meilleur ? YouTube Feed Pro est livré avec une équipe d'assistance dédiée composée de gourous de WordPress qui sont toujours prêts à vous donner un coup de main.

Comme vous pouvez le constater, YouTube Feed Pro possède toutes les caractéristiques et fonctionnalités dont vous avez besoin pour intégrer YouTube à votre site web et donner un coup de pouce à votre marque.

En fait, YouTube Feed Pro a été créé par l'équipe à l'origine des meilleurs plugins de flux de médias sociaux du marché, utilisés par certaines des plus grandes marques.

marques utilisant smash balloon

Prêt à intégrer des vidéos YouTube dans Beaver Builder ? Obtenez votre copie de YouTube Feed Pro dès aujourd'hui!

Sur ce, commençons notre tutoriel Beaver Builder.

Comment intégrer des vidéos YouTube dans les sites Beaver Builder

Suivez simplement le tutoriel étape par étape ci-dessous et vous pourrez avoir un magnifique flux vidéo YouTube sur votre site Beaver Builder.

Étape 1 : Installer le plugin Feeds for YouTube Pro

Prêt à démarrer ? Tout d'abord, obtenez votre copie de YouTube Feed Pro ici, puis installez-la et activez-la.

Pour savoir comment procéder, vous pouvez suivre ce tutoriel WordPress sur l'installation des plugins.

Étape 2 : Créer un flux vidéo YouTube

Une fois le plugin prêt, ouvrez le menu YouTube Feed " All Feeds " dans votre tableau de bord WordPress.

Ensuite, cliquez sur Add New pour lancer le flux guidé du plugin.

ajouter un nouveau flux youtube.

Ensuite, le plugin vous demandera de choisir le type de flux YouTube que vous souhaitez créer. Vous avez le choix entre 6 options :

  • Chaîne
  • Liste de lecture
  • Favoris
  • Recherche
  • Flux en direct
  • Vidéos uniques

Pour ce guide, j'ai choisi le type de flux Channel.

Une fois que vous avez sélectionné le type de flux vidéo YouTube, cliquez sur le bouton Suivant.

choisissez votre type de flux youtube.jpg

Étape 2 : Connecter votre compte YouTube

Maintenant que vous avez créé un flux, il est temps de le connecter à votre compte YouTube. De cette façon, YouTube Feed Pro peut automatiquement récupérer les vidéos et les afficher sur votre site web.

Pour ce faire, le plus simple est d'entrer une clé API YouTube.

Si vous n'avez pas encore de clé API, nous avons un tutoriel pour les débutants sur la façon de créer une clé API YouTube.

Une fois que vous avez obtenu votre clé, retournez sur votre site web et sélectionnez le bouton Ajouter une clé API ici.

clé api requise youtube feed pro

Enfin, collez la clé API de YouTube dans la fenêtre contextuelle et cliquez sur le bouton Ajouter pour continuer.

ajouter une clé api youtube

Ensuite, il est temps d'entrer la source que vous utiliserez pour le flux vidéo de YouTube.

Cette source correspond à la chaîne YouTube, à la liste de lecture, au terme de recherche et à d'autres éléments que vous souhaitez afficher sur le site Beaver Builder.

Par exemple, je vais intégrer des vidéos de la chaîne YouTube WPbeginner dans ce guide.

J'ai donc simplement ouvert la chaîne YouTube et copié l'identifiant de la chaîne à la fin du lien.

copier le nom d'utilisateur de la chaîne youtube

Une fois que vous avez copié votre source de cette manière, retournez sur votre site web. Collez le texte copié dans le champ Channel ID ou Username de la fenêtre contextuelle.

Vous pouvez ensuite cliquer sur le bouton " Suivant" pour continuer.

entrer la source pour le flux youtube

Étape 4 : Personnalisation de vos vidéos YouTube

Puisque vous avez connecté la source, YouTube Feed Pro s'occupera du reste et créera automatiquement un flux vidéo qui regardera votre site.

En outre, vous pouvez choisir d'intégrer un modèle prédéfini pour vos vidéos :

  • Défaut
  • Carrousel
  • Cartes
  • Liste
  • Galerie
  • Dernière vidéo
  • Carrousel de présentation
  • Widget

Choisissez un modèle qui vous plaît et cliquez sur le bouton " Suivant" pour continuer.

choisir un modèle de flux youtube feed pro

Vous verrez alors vos vidéos YouTube s'ouvrir dans le personnalisateur visuel.

Ici, les options de gauche vous permettent de modifier la mise en page, la palette de couleurs, le design de l'en-tête, le style de la vidéo et bien d'autres choses encore.

De plus, l'aperçu en direct sur la droite vous permet de suivre les modifications en temps réel, ce qui facilite la personnalisation et la rend plus précise.

personnalisation visuelle pour youtube feed pro

Tout d'abord, modifions la disposition des vidéos sur votre site Beaver Builder.

Cliquez sur l'option Feed Layout pour commencer à le faire.

sélectionner l'option de mise en page dans le personnalisateur visuel

Désormais, le plugin vous permet de choisir parmi 4 mises en page différentes pour vos vidéos YouTube :

  • Grille : Affichez des tonnes de vidéos en une seule fois dans des rangées et des colonnes bien ordonnées.
  • Galerie : Affichez une vidéo en évidence avec d'autres vignettes en dessous.
  • Liste : Affichez les vidéos sur une seule ligne afin que chaque vidéo dispose de plus d'espace.
  • Carrousel : Transformez votre flux vidéo en un carrousel de diapositives interactif.
options de mise en page pour youtube feed pro

Lorsque vous êtes satisfait de votre mise en page, cliquez sur le bouton Enregistrer pour conserver vos modifications.

Vous pouvez ensuite revenir aux options de personnalisation précédentes en cliquant sur Personnaliser.

retour aux principales options de personnalisation

Modifions ensuite l'en-tête qui apparaît au-dessus de nos vidéos YouTube.

Vous pouvez le faire en sélectionnant l'option En-tête sur la gauche.

open header section youtube feed pro

En haut à gauche, vous pouvez choisir d'activer ou de désactiver l'en-tête.

En dessous, vous pouvez choisir entre deux types d'en-têtes différents :

  • Standard : Affiche une icône de chaîne, un nom, une description, etc.
  • Texte : Rédigez un titre à afficher au-dessus de votre flux

Si vous avez choisi l'en-tête standard, vous pouvez choisir d'activer ou de désactiver les descriptions des chaînes et le nombre d'abonnés.

options d'en-tête pour youtube feed pro

Comme précédemment, cliquez sur Enregistrer pour conserver votre nouvel en-tête.

Comme vous pouvez le constater, le personnalisateur visuel vous permet de modifier facilement votre palette de couleurs, le nombre de boutons, le nombre de vidéos, etc. Une fois que vous êtes satisfait de votre flux vidéo YouTube, cliquez à nouveau sur Enregistrer.

Étape 5 : Intégrer des vidéos YouTube dans Beaver Builder

Prêt à ajouter les vidéos YouTube à votre site Beaver Builder ?

Tout d'abord, cliquez sur le bouton " Embed" en haut de la page.

bouton d'intégration pour youtube feed pro

Ensuite, vous verrez toutes les façons d'intégrer le flux vidéo de YouTube. Vous pouvez l'intégrer à une page, l'ajouter à votre barre latérale ou même l'afficher dans votre pied de page.

Pour l'instant, cliquez sur le bouton Copier pour enregistrer votre shortcode.

copy shortcode youtube feed

Ensuite, vous pouvez créer une nouvelle page dans Beaver Builder pour intégrer les vidéos.

Il suffit d'ouvrir le menu Pages " Add New " depuis votre tableau de bord et de cliquer sur Launch Beaver Builder.

ouvrir la page du constructeur de castors

La page s'ouvre alors dans l'éditeur par glisser-déposer du plugin Beaver Builder, avec les différents modules de contenu sur la droite.

Sur la gauche, vous trouverez un aperçu en direct de la page d'atterrissage sur laquelle vous travaillez actuellement.

beaver builder editor

Avant de pouvoir coller le shortcode, recherchez d'abord le module Éditeur de texte sur la droite.

Ensuite, insérez ce module dans votre page web à gauche.

ajouter un module d'édition de texte

Après avoir fait cela, Beaver Builder ouvrira les options supplémentaires pour ce module.

Enfin, collez votre shortcode dans le champ et cliquez sur Enregistrer.

coller le shortcode pour le flux youtube

Ainsi, YouTube Feed Pro ajoutera automatiquement le flux vidéo à votre site Beaver Builder. Vous pouvez maintenant cliquer sur le bouton Terminé en haut et sélectionner l'option Publier.

exemple de construction de castor flux youtube

Et c'est tout !

Vous savez désormais comment intégrer facilement des vidéos YouTube dans Beaver Builder. Vous pouvez alors engager les visiteurs, stimuler votre chaîne YouTube, et bien plus encore.

Comme vous pouvez le constater, YouTube Feed Pro vous offre le moyen le plus simple d'intégrer des vidéos YouTube dans les sites Beaver Builder - pas besoin de HTML, de CSS personnalisé ou de tout autre type de codage.

Prêt à ajouter des vidéos YouTube à Beaver Builder ? Obtenez YouTube Feed Pro pour votre site ici.

Si vous souhaitez tirer le meilleur parti du marketing en ligne, consultez notre liste des meilleurs outils de marketing Facebook.

Pour obtenir d'autres conseils et tutoriels sur le marketing des médias sociaux, vous pouvez nous suivre sur Twitter et Facebook

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.