6 étapes pour intégrer un flux YouTube sur votre site web (Ajouter un flux YouTube en quelques minutes !)
Accueil Blog 6 étapes pour intégrer un flux YouTube sur votre site web (Ajouter un flux YouTube en quelques minutes !)

6 étapes pour intégrer un flux YouTube sur votre site web (Ajouter un flux YouTube en quelques minutes !)

Vous voulez savoir comment ajouter un flux YouTube à votre propre site web ?

Avec plus de 500 heures de vidéos téléchargées sur YouTube chaque minute, la concurrence est féroce.

C'est pourquoi l'affichage de votre contenu YouTube sur WordPress vous donne une longueur d'avance. Il vous permet d'élargir votre audience, de générer plus de prospects pour votre entreprise et d'augmenter les conversions à l'aide des flux de médias sociaux.

Mais si vous n'êtes pas féru de technologie, je sais qu'il peut être difficile d'intégrer des widgets vidéo YouTube, surtout si vous n'êtes pas familier avec le codage ou le développement.

Chez Smash Balloon, nous mettons à profit nos 11 années d'expérience dans le secteur du marketing des médias sociaux pour vous montrer la manière la plus simple d'intégrer votre flux YouTube sur votre site.

Grâce à ce tutoriel étape par étape, vous pouvez facilement ajouter du contenu YouTube sur votre site en moins de 5 minutes !

Dans cet article

Faut-il ajouter des widgets YouTube manuellement ou automatiquement ?

Contrairement à d'autres réseaux sociaux tels que LinkedIn ou Twitter, YouTube est axé sur un contenu vidéo attrayant. Pour afficher votre contenu YouTube sur votre site web WordPress, vous pouvez le faire manuellement ou automatiquement.

L'ajout manuel de vos vidéos YouTube à votre site web s'accompagne de nombreuses restrictions :

  • Pas d'options d'affichage en masse: Vous avez des tonnes de vidéos YouTube à afficher ? Vous devez obtenir le code d'intégration de chaque vidéo afin de pouvoir les intégrer manuellement, une par une.
  • Limité aux experts en codage: Pour intégrer un flux vidéo YouTube et contrôler son apparence sur votre site, vous devez modifier des extraits de code. Vous devez donc avoir des connaissances avancées en HTML personnalisé, Javascript, iFrame, CSS ou autres langages de codage.
  • Choix de personnalisation limités: Vous souhaitez personnaliser votre flux YouTube pour l'harmoniser avec le thème de votre site ? C'est impossible. Il vous sera donc difficile de modifier la couleur d'arrière-plan ou la couleur de la police de votre flux, à moins que vous ne fassiez appel à un développeur pour le faire à votre place.
  • Risque: une petite erreur de codage peut endommager votre site web et entraîner l'affichage de pages d'erreur.

Et le pire ?

Lorsque vous intégrez manuellement des vidéos et que vous brisez accidentellement votre site, il n'y a pas d'équipe d'assistance que vous pouvez contacter pour vous aider à résoudre le problème. Vous devez donc vous débrouiller seul.

La façon la plus simple d'ajouter un widget de chaîne YouTube à un site Web

Si l'intégration manuelle des flux YouTube est difficile et prend du temps, pourquoi ne pas ajouter votre flux YouTube automatiquement ?

En utilisant un plugin convivial comme YouTube Feed Pro, vous pouvez afficher votre contenu YouTube sur WordPress - facilement et sans problème, même si vous n'êtes pas un expert de WordPress !

ajouter un flux youtube au site web en utilisant smash balloon youtube feed pro

En tant que meilleur plugin de flux YouTube pour WordPress, YouTube Feed Pro étend les fonctionnalités de votre site et vous aide à ajouter un flux YouTube personnalisable à votre site Web.

Lorsque j'ai utilisé ce plugin pour ma chaîne YouTube personnelle, j'ai apprécié le fait qu'en cochant ou décochant des options dans le personnalisateur visuel du plugin, je peux configurer en douceur le contenu de mes vidéos YouTube et contrôler leur apparence lorsque les visiteurs de mon site les voient.

Il n'est pas nécessaire de s'occuper d'un code copié qui prête à confusion.

Comme le plugin a été créé en pensant aux utilisateurs, il est conçu pour être ultra-rapide et ne ralentit donc pas du tout la page de votre site web. Cela permet d'améliorer le référencement de votre site et d'obtenir un meilleur classement dans les moteurs de recherche.

En fait, la seule chose plus rapide que le plugin est l'assistance clientèle dédiée qui l'accompagne ! Vous avez besoin d'aide pour ajouter votre contenu YouTube à votre site ? Il vous suffit d'un message.

Remarque : YouTube Feed Pro est parfaitement compatible avec WordPress, le système de gestion de contenu qui connaît la croissance la plus rapide au monde.

Il n'est pas conçu pour d'autres plateformes comme les sites Wix, Weebly, Squarespace ou Shopify, mais il est 100 % compatible avec Divi, Elementor, les vidéos YouTube sur Oxygen Builder et Thrive.

Comment intégrer le flux d'une chaîne YouTube sur votre site web ?

Prêt à augmenter le nombre de vos abonnés YouTube en faisant la promotion croisée de votre contenu vidéo sur votre site ?

Consultez le tutoriel étape par étape ci-dessous pour savoir comment ajouter les vidéos de votre chaîne YouTube à WordPress.

Étape 1 : Installez le plugin Smash Balloon YouTube Feed Pro.

Pour commencer à afficher votre flux YouTube sur votre site web, obtenez votre propre copie du plugin YouTube Feed Pro ici.

Ensuite, installez le plugin pour l'ajouter à votre site WordPress. Besoin d'un rappel sur la façon de procéder ?

Consultez ce tutoriel étape par étape pour installer un plugin WordPress pour votre guide.

Après avoir installé et activé le plugin, vous pouvez créer votre flux YouTube.

Étape 2 : Créer un nouveau flux YouTube

Pour créer votre flux YouTube, accédez au menu YouTube Feed " All Feeds " depuis votre tableau de bord WordPress.

Cliquez ensuite sur le bouton Ajouter un nouveau en haut de la page.

ajouter un nouveau flux youtube.

Une fois que vous avez fait cela, vous pouvez choisir le type de flux YouTube que vous voulez ajouter à votre site. Vous pouvez afficher des vidéos YouTube à partir des types de flux suivants :

Il vous suffit maintenant de sélectionner votre type de flux YouTube et de cliquer sur Suivant pour continuer.

choisissez votre type de flux youtube

Dans ce tutoriel, nous ajouterons le type de flux Channel pour afficher un flux YouTube des vidéos d'une chaîne donnée.

À l'étape suivante, vous pouvez terminer la création de votre nouveau flux en le connectant à YouTube.

Étape 3 : Connecter votre flux à YouTube

Vous pouvez désormais connecter ce flux à YouTube pour qu'il affiche des vidéos sur votre site web.

Dans la fenêtre contextuelle, vous pouvez choisir de connecter votre flux YouTube de deux façons :

  • Ajouter une clé API YouTube
  • Connectez votre compte YouTube

Pour accéder à tous les types de flux YouTube, vous pouvez sélectionner l'option Ajouter une clé API dans la fenêtre contextuelle.

clé api requise youtube feed pro

Il vous suffit de suivre ce guide pratique sur la création et l'utilisation d'une clé API pour en créer une en quelques minutes.

Une fois que vous avez obtenu votre clé API, collez-la dans la fenêtre contextuelle, puis cliquez sur Ajouter.

ajouter une clé api youtube

Vous pouvez également sélectionner l'option Connecter un compte YouTube dans la fenêtre contextuelle.

connectez votre compte youtube

Ensuite, YouTube Feed Pro vous demandera un accès en lecture seule à votre compte YouTube. Grâce à cet accès, le plugin ne pourra que consulter les informations de YouTube et ne pourra pas apporter de modifications à votre compte.

Pour connecter votre compte YouTube, cliquez sur le bouton Continuer.

autoriser l'accès en lecture seule youtube feed pro

Vous avez ainsi créé un nouveau flux et l'avez connecté à YouTube. Dans l'étape suivante, vous pouvez ajouter une source pour votre flux YouTube.

Étape 4 : Connecter la source de flux YouTube

La source de votre flux peut être les chaînes YouTube, les listes de lecture, les termes de recherche et d'autres éléments que vous souhaitez afficher.

Puisque nous ajoutons un flux de chaîne, nous utiliserons la chaîne YouTube de WPBeginner comme source.

Tout d'abord, rendez-vous sur https://www.youtube.com et naviguez jusqu'à la chaîne YouTube que vous souhaitez afficher sur votre site web. Vérifiez l'URL de la chaîne en haut de la page.

Dans l'URL, cherchez "/channel/" ou "/user/" et copiez tout ce qui suit, comme ceci :

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

Lorsque vous avez terminé, retournez sur votre site web et collez votre code dans le champ ID du canal ou nom d'utilisateur.

Cliquez ensuite sur le bouton Suivant pour continuer.

entrer la source pour le flux youtube

Ensuite, vous pouvez passer à l'étape 5 et personnaliser l'apparence de votre flux YouTube.

Étape 5 : Personnalisation de votre widget de flux YouTube

Une fois que vous avez connecté votre source, l'étape suivante consiste à choisir votre modèle de flux YouTube.

Vous disposez de 8 modèles de flux que vous pouvez choisir pour modifier instantanément le design de votre flux :

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

Sélectionnez votre modèle de flux ici et cliquez sur Suivant pour continuer.

choisir un modèle de flux youtube feed pro

Vous souhaitez personnaliser davantage votre widget vidéo YouTube avant de l'intégrer à votre site ?

Le plugin vous couvre. Avec l'aide de l'éditeur visuel de flux, vous pouvez facilement concevoir votre flux comme vous le souhaitez - aucune connaissance technique n'est nécessaire !

Sur le côté gauche, vous pouvez trouver les options de personnalisation pour changer la mise en page de votre flux, le formatage, le bouton d'abonnement à YouTube, la taille, les couleurs, le style de l'en-tête, et bien plus encore.

éditeur de flux en direct youtube feed pro

De plus, vous obtenez un aperçu en direct de votre flux YouTube sur la gauche. Vous pouvez ainsi suivre toutes vos modifications en temps réel.

Pour commencer à personnaliser votre flux, cliquez sur l'option Mise en page du flux.

open feed layout options youtube feed pro

À partir de là, le plugin vous permet de modifier facilement la mise en page de votre flux YouTube. Il vous suffit de choisir parmi ces 4 options de mise en page :

  • Grille
  • Galerie
  • Liste
  • Carrousel
options de mise en page du flux youtube feed pro

Vous souhaitez afficher vos vidéos YouTube dans une grille bien organisée de vignettes carrées ? Vous pouvez utiliser lamise en page en grillepour afficher des murs vidéo YouTube sur votre site web.

exemple de grille de présentation de flux youtube

Que faire si vous affichez des témoignages vidéo sur votre site web? Vous pouvez utiliser la mise en page de la galerie pour afficher une grande vidéo avec plusieurs vignettes vidéo en dessous pour une durée de visionnage plus longue.

galerie layoute flux vidéo youtube

Pour une conception plus simple, comme pour les diffusions en direct sur YouTube, utilisez la disposition en liste pour afficher votre flux YouTube sur une seule colonne.

mise en page de liste pour youtube

Enfin, si vous souhaitez intégrer des chaînes YouTube dans un diaporama, vous pouvez utiliser la disposition en carrousel pour faciliter la consommation de votre contenu par les internautes.

carousel layout youtube feed pro

Une fois que vous avez sélectionné la mise en page souhaitée, n'oubliez pas de cliquer sur le bouton Enregistrer pour conserver votre choix.

Vous voyez comme c'est simple et rapide ? Pas besoin de code HTML complexe - vous pouvez créer votre flux en quelques clics.

Ensuite, cliquez sur le petit bouton Personnaliser dans le coin supérieur gauche.

À partir de cette page, vous pouvez maintenant utiliser les autres options pour personnaliser votre flux YouTube. Pour continuer, cliquez sur le bouton En-tête à gauche.

options d'en-tête ouvertes flux youtube

À partir de là, vous pouvez afficher un en-tête en haut de votre flux YouTube en basculant l'option Activer .

En dessous, vous avez l'option Style d'en-tête pour choisir le design de votre en-tête. Vous avez le choix entre deux options :

  • Standard : Affiche le nom et l'icône de la chaîne YouTube en haut de votre flux.
  • Texte : Affichez une ligne de texte en haut de votre flux au lieu d'une ligne de texte.
options d'en-tête youtube feed pro

Après avoir défini vos options d'en-tête, cliquez sur le bouton Enregistrer en haut de la page.

Comme vous pouvez le voir, il est très facile de définir le design de votre flux YouTube avec l'aide de ce plugin. Vous pouvez modifier la taille de votre flux, les couleurs, les boutons, la boîte à lumière, et bien plus encore.

Vous avez fini de personnaliser l'apparence de votre flux YouTube ? N'oubliez pas de cliquer sur le bouton Enregistrer et de passer à la dernière étape ci-dessous.

Étape 6 : Ajouter votre flux YouTube sur WordPress

Grâce à ce plugin, vous pouvez facilement afficher votre flux YouTube sur différentes parties de votre site web :

  • Sur votre page dans WordPress
  • Dans la barre latérale ou le pied de page de WordPress

Vous n'êtes pas sûr de l'endroit où vous souhaitez le placer ? Ne vous inquiétez pas. Nous aborderons les deux étapes ci-dessous.

Ajouter un flux YouTube à une page WordPress

Lorsque vous choisissez d'intégrer votre flux YouTube à votre page, vous pouvez utiliser l'éditeur de flux en direct du plugin.

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

intégrer votre flux youtube

Ensuite, vous verrez une fenêtre contextuelle dans laquelle vous pourrez choisir l'emplacement de votre nouveau flux YouTube. Pour continuer, copiez le shortcode ou cliquez simplement sur le bouton Ajouter à une page .

intégrer à une page un flux youtube

Vous verrez alors une liste de pages web WordPress sur votre site. Sélectionnez la page où vous souhaitez intégrer votre flux et cliquez sur Ajouter.

sélectionnez votre page wordpress

Une fois que vous avez fait cela, YouTube Feed Pro vous montrera cette page dans l'éditeur WordPress pour que vous puissiez intégrer votre flux.

Pour ajouter un bloc de contenu ici, cliquez sur l'icône plus (+) en haut.

ajouter un bloc page wordpress

Dans la barre de recherche, recherchez "youtube feed" , puis cliquez sur le widget Feeds for YouTube ci-dessous.

Enfin, cliquez sur Mettre à jour ou Publier et votre flux sera en ligne. Vous pouvez ouvrir votre site web pour voir à quoi ressemble le flux YouTube pour vos visiteurs.

exemple de flux youtube sur votre site web

Sur ce, examinons la prochaine méthode d'intégration des flux YouTube.

Comme le plugin est livré avec un widget WordPress prêt à l'emploi, vous pouvez facilement ajouter votre flux YouTube à votre barre latérale en quelques secondes seulement - pas besoin de code d'intégration.

Pour commencer, ouvrez à nouveau votre flux YouTube dans l'éditeur de flux en direct.

Vous pouvez le faire en naviguant vers le menu YouTube Feed " All Feeds " et en cliquant sur votre flux YouTube précédent.

Une fois l'éditeur de flux en direct ouvert, cliquez sur le bouton Embed en haut.

intégrer votre flux youtube

Pour intégrer un widget de chaîne YouTube sur votre site web, cliquez sur l'option Ajouter à un widget de cette fenêtre contextuelle.

intégrer dans un widget youtube feed pro

Le plugin vous renvoie alors à la page Widgets de votre site web. Vous pouvez maintenant choisir d'intégrer votre flux YouTube dans la barre latérale ou dans le pied de page.

Pour intégrer votre flux YouTube dans la barre latérale, cliquez sur le panneau Barre latérale de cette page.

ouvrir le panneau latéral

Vous pouvez également cliquer sur le panneau Pied de page pour y intégrer du contenu YouTube.

ouvrir le panneau de bas de page

Enfin, cliquez sur l'icône plus (+) et sélectionnez le widget Feeds for YouTube.

ajouter un widget youtube à votre site

C'est ainsi que vous avez intégré votre flux YouTube en tant que widget. Vous pouvez maintenant cliquer sur le bouton Mettre à jour pour confirmer les modifications.

Lorsque les visiteurs de votre site consultent votre barre latérale, ils peuvent voir votre widget de flux YouTube affiché comme suit :

exemple de flux lorsque vous utilisez youtube feed pro pour ajouter un flux youtube à votre site

Et voilà, c'est fait ! En suivant les instructions pas à pas de ce tutoriel, vous pouvez maintenant facilement ajouter un flux YouTube à votre site web WordPress en un peu moins de 5 minutes !

Maintenant, vous pouvez commencer votre voyage pour obtenir plus d'abonnés et développer votre chaîne YouTube en un rien de temps.

Qu'attendez-vous ? Commencez à utiliser YouTube Feed Pro ici.

WordPress Social Media Feed Tutorials

Commencez dès maintenant à intégrer votre flux YouTube

Comme l'a montré ce guide, l'ajout d'un flux YouTube dynamique à votre site web est un moyen efficace de développer votre chaîne.

D'après mon expérience en tant que spécialiste du marketing sur les réseaux sociaux, l'intégration manuelle des vidéos une par une est une tâche fastidieuse qui fait perdre du temps.

C'est pourquoi je recommandeSmash Balloon YouTube Feed Pro. Il automatise le processus, vous permettant d'afficher un flux vidéo professionnel en quelques minutes seulement, sans avoir à toucher au code.

Voici comment vous pouvez commencer :

  • Obtenez YouTube Feed Pro iciet essayez-le sans risque pendant 14 jours pour commencer à intégrer facilement votre flux YouTube.
  • Personnalisez le design de votre flux vidéo à l'aide de l'éditeur visuel afin qu'il s'harmonise parfaitement avec le style de votre site web.
  • Ajoutez facilement votre flux YouTube à n'importe quelle page, publication ou widget de barre latérale pour attirer davantage l'attention sur votre contenu.

Avez-vous des questions concernant l'utilisation de YouTube Feed Pro pour intégrer votre flux ? N'hésitez pas à me les poser dans les commentaires ci-dessous.

avatar de l'auteur
Lianne Laroya Responsable du marketing de contenu
Lianne est responsable du marketing de contenu chez Smash Balloon et s'appuie sur plus de 12 ans d'expérience en matière de contenu WordPress, de marketing des médias sociaux, de contenu généré par les utilisateurs (UGC) et d'optimisation des moteurs de recherche (SEO).

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.