Comment intégrer une chaîne YouTube à n’importe quel site web

Vous cherchez à intégrer des vidéos YouTube à votre site web ? Dans cet article, vous allez découvrir comment automatiquement intégrer les dernières vidéos de votre chaîne YouTube sur WordPress, Squarespace, Wix, Webflow, Shopify, ou n’importe quel autre CMS.

Croyez-le ou non, mais YouTube est le site web le plus populaire au monde. Chaque jour, c’est pas moins de 1 milliard d’heures de vidéos YouTube qui sont visionnées.

C’est pourquoi autant de propriétaires de sites Internet recherchent des outils pour intégrer des vidéos YouTube sur leur site, faire gagner leurs contenus en visibilité, et augmenter leur nombre de followers… le tout sans avoir besoin de procéder manuellement à l’intégration à chaque nouvelle vidéo publiée.

Bonne nouvelle : pas besoin d’être un expert en HTML ou un développeur pour intégrer une chaîne YouTube à n’importe quel site web ! Grâce à un agrégateur de réseaux sociaux, intégrer un feed de votre chaîne YouTube à votre site ne prend que quelques minutes.

Voici le sommaire de l’article :

Pourquoi les marques intègrent-elles des chaînes YouTube à leurs sites web ?

Les marques intègrent des feeds Social Media sur leurs sites web pour y ajouter du nouveau contenu en permanence, et ces feeds permettent d’augmenter le temps passé sur le site.

Mais il existe d’autres bonnes raisons pour une entreprise d’intégrer des vidéos YouTube à leurs sites Internet. Les voici.

1. Attirer de nouveaux followers sur votre chaîne YouTube

Il existe 38 millions de chaînes YouTube, et la compétition sur la plateforme est féroce. C’est pourquoi il est crucial de promouvoir votre chaîne sur vos sites web et applications mobiles. Plus vos vidéos gagneront en visibilité, plus vous pourrez faire grandir votre communauté sur YouTube.

2. Booster les ventes

Les chiffres sont parlants : la vidéo permet d'augmenter les ventes de 34 %. Ce format permet de passer des messages de marque plus aisément que du texte ou des images.

C’est particulièrement le cas des témoignages clients intégrés à une plateforme de User Generated Content, qui résonnent avec votre audience. La preuve sociale et l’UGC sont des clés pour accélérer les processus de décision de vos cibles.

3. Améliorer votre SEO avec des vidéos YouTube

Enfin, YouTube est devenu l’un des moteurs de recherche prédominants. Et plus vos vidéos sont populaires, plus YouTube les mettra en avant par la suite. Vos vidéos YouTube peuvent également apparaître dans les résultats de recherche sur Google.

Comment intégrer une chaîne YouTube à n’importe quel site web

Un feed de votre chaîne YouTube se met à jour automatiquement sur votre site, et est simple à intégrer sur une Landing Page ou tout autre endroit de votre site web. Sans aucun effort manuel, vos dernières vidéos apparaissent sur votre site, vos apps ou vos écrans digitaux.

Il existe deux manières d’intégrer des vidéos YouTube à votre site Internet :

  1. Utiliser le code d’intégration (embed code) YouTube, et ajouter des vidéos YouTube manuellement à n’importe quelle page.
  2. Utiliser un agrégateur de réseaux sociaux pour rassembler vos vidéos dans un feed, et l’intégrer à votre site web.

1. Ajouter des vidéos YouTube à n’importe quelle page manuellement

Si vous souhaitez juste intégrer une vidéo sur votre page et ne pas la changer régulièrement, vous pouvez utiliser le code d’intégration HTML de YouTube. Voici comment trouver ce fameux embed code de votre vidéo YouTube :

  • Ouvrez votre vidéo sur YouTube.
  • Cliquez sur le bouton “Partager” et choisissez “Intégrer” dans les options disponibles.
  • Puis copiez-collez le code HTML de la vidéo YouTube sur n’importe quelle page ou article de votre site.

2. Intégrer une chaîne YouTube sur n’importe quel site web

La plupart des marketeurs et des gestionnaires de sites web sont déjà très occupés, et veulent éviter de devoir intégrer manuellement leurs vidéos. C’est là qu’un feed de vidéos YouTube se mettant à jour automatiquement entre en jeu.

Voici 5 étapes simples pour intégrer un feed de chaîne YouTube à n’importe quel site :

Avant de commencer, si vous n’avez pas encore d’agrégateur de réseaux sociaux, inscrivez-vous à l’essai gratuit de Flockler.

Etape 1 : Connectez-vous à votre compte Flockler et rendez-vous sur l’onglet “Automated Feeds” dans le menu de navigation. Puis cliquez sur le bouton “Create a new automated feed”.

Etape 2 : Sélectionnez YouTube parmi les canaux disponibles, et connectez-vous à votre compte YouTube.

Sur Flockler, vous pouvez combiner plusieurs feeds Social Media de différentes plateformes, et les afficher en un seul et même endroit.

Etape 3 : Sélectionnez “YouTube channel / playlist” (oui, vous pouvez également intégrer une playlist YouTube et des vidéos en fonction de mots-clés spécifiques !)

Puis tapez le nom de la chaîne qui vous intéresse, ou ajoutez son lien. Vous n’avez pas besoin d’être administrateur de la chaîne en question.

Etape 4 : Décidez si vous voulez afficher vos vidéos YouTube automatiquement, ou bien les modérer avant de les intégrer à votre site web. S’il s’agit de vidéos de votre propre chaîne, l’intégration automatique, sans modération, est recommandée.

Vous restez toujours en contrôle de ce qui s’affiche sur votre site. Même si vous décidez d’afficher le contenu automatiquement, vous pouvez toujours décider de cacher certaines vidéos plus tard.

Etape 5 : Choisissez la mise en page de votre feed YouTube. Depuis l’onglet “Display” de Flockler, vous pouvez créer des Social Walls, des grilles, des carrousels et des diaporamas pour afficher les vidéos de votre chaîne YouTube.

Avec Flockler, vous pouvez créer un nombre illimité de mises en page de vos feeds YouTube, et les utiliser sur vos différents canaux digitaux

Après avoir choisi votre mise en page, vous disposerez d’un code d’intégration (embed code) pour votre feed de vidéos YouTube. Vous pouvez ajouter ce embed code au HTML de votre site web, y compris sur WordPress, Wix, Squarespace, Webflow, Shopify et d’autres CMS.

Personnaliser votre feed YouTube

Les paramètres de votre feed YouTube vous permettent de personnaliser le design de leurs embed codes. Vous pouvez créer des Social Walls, des grilles, des carrousels et des diaporamas séparément, et faire en sorte que chacun colle parfaitement à votre charte graphique.

En quelques clics, et sans compétences en développement web, vous pouvez personnaliser votre feed de chaîne YouTube, et faire en sorte qu’il s’intègre parfaitement à votre webdesign existant.

Selon la page et le canal où vous voulez l’intégrer, vous pouvez choisir entre une mise en page sous forme de Social Wall, de grille, de carrousel et de diaporama. Vous pouvez créer autant de mises en pages que vous le souhaitez, puis personnaliser le design de chacune d’entre elles. Il est possible de…

  • Afficher / cacher les sous-titres des vidéos YouTube
  • Afficher / cacher les informations de votre profil YouTube
  • Afficher / cacher la barre de progression des vidéos
  • Sélectionner le langage approprié
  • Choisir combien de vidéos YouTube sont affichées
  • Activer / désactiver le scroll à l’infini
  • Ouvrir la vidéo YouTube dans une pop-up
  • Utiliser des couleurs personnalisées
  • Ajouter du CSS personnalisé
  • Filtrer les vidéos YouTube par hashtag
  • Ajouter des boutons d’appel à l’action
  • Tagguer des produits de votre boutique en ligne sur vos vidéos

Intégrer vos vidéos YouTube sur votre constructeur de site web

Grâce aux instructions ci-dessus, vous pouvez intégrer une chaîne YouTube sur n’importe quel service digital. Voici désormais des tutoriels qui vous accompagnent pas à pas dans cette intégration sur les CMS les plus communément utilisés :

Comment intégrer une chaîne YouTube sur WordPress

Commencez par télécharger le plugin WordPress Flockler dédié aux feeds Social Media. Puis suivez les instructions suivantes, selon que vous utilisez Elementor, Gutenberg ou le Classic Editor.

Intégrer une chaîne YouTube sur Elementor

  1. Créez une nouvelle page sur WordPress ou éditez une page existante.
  2. Cliquez sur le bouton “Editer avec Elementor”.
  3. A gauche, sélectionnez le widget HTML. 
  4. Glissez-déposez le widget HTML à l’endroit souhaité sur votre page.
  5. Un nouveau panel d’outils d’édition s’ouvre sur la gauche. Copiez-collez le shortcode de votre plugin Flockler directement dans le champ HTML. 
  6. Mettez à jour ou publiez la page.

Intégrer une chaîne YouTube avec Gutenberg

  1. Ouvrez l’article ou la page où vous désirez intégrer votre chaîne dans l’administration WordPress.
  2. Choisissez “(+) Add Block" en haut à gauche des outils d’édition de WordPress.
  3. Puis cherchez l’élément Custom HTML et ajoutez-le à votre page. 
  4. Copiez-collez dans cet élément le shortcode de votre feed YouTube depuis l’onglet “Display” de Flockler. 

  5. Mettez à jour ou publiez la page.

Intégrer une chaîne YouTube en utilisant le Classic Editor

  1. Ouvrez l’article ou la page où vous désirez intégrer votre feed de chaîne YouTube dans l’administration WordPress.
  2. Dans l’éditeur de contenu WordPress, vous trouverez les options “Visuel” ou “Texte” : choisissez le mode “Texte”.
  3. Copiez-collez votre shortcode depuis l’onglet “Display” de Flockler, à l’endroit où vous souhaitez qu’apparaisse votre feed YouTube.
  4. Mettez à jour ou publiez la page.

Et voilà : si vous avez suivi ces étapes, vous avez désormais intégré à votre site WordPress un feed personnalisé de vidéos YouTube !

Comment intégrer une chaîne YouTube sur Wix

Sur un site Wix, vous pouvez utiliser l’éditeur classique ou Wix ADI. Voici les deux méthodes pour ce faire.

Intégrer une chaîne YouTube avec l’éditeur classique

Dans l’éditeur Wix, cliquez sur le bouton + sur la gauche, sélectionnez “Embed”, puis “Embed a widget” dans les options disponibles.

Redimensionnez l’élément, puis cliquez sur le bouton “Enter Code”.

Allez dans l’onglet “Display” de Flockler, et copiez-collez le embed code du feed YouTube dans l’éditeur Wix.

Cliquez sur le bouton “Update” : votre feed Flockler apparaît sur la page.

Intégrer une chaîne YouTube en utilisez Wix ADI

Ouvrez l’éditeur, puis cliquez sur l’icône +, et sélectionnez l’endroit où vous souhaitez qu’apparaisse votre feed YouTube.

Puis sélectionnez “HTML Embed”, et l’un des modèles prêts à l’emploi.

Editez ou supprimez les textes par défaut, et cliquez sur “Settings” à côté du HTML.

Vérifiez que vous sélectionnez “Website”, et ajoutez l’URL “Preview” de Flockler dans l’éditeur. Vous pouvez trouver cette URL “Preview” dans l’onglet Display de Flockler. Tant que vous êtes encore dans l’éditeur, vous pouvez changer la largeur et la hauteur de votre mise en page Flockler.

C’est tout : cliquez sur “Publish”, et votre feed de vidéos YouTube apparaît sur votre site Wix.

Comment intégrer une chaîne YouTube sur Squarespace

Notez que pour intégrer un widget externe à la plateforme, vous aurez besoin d’un compte payant chez Squarespace.

Cliquez sur “Edit” pour modifier la page où vous voulez ajouter votre feed YouTube.

Puis ajoutez un élément.

Cliquez sur l’icône + : un panel d’options apparaît. Cherchez et sélectionnez le bloc “Code”.

Dans le bloc “Code”, vérifiez que vous avez sélectionné “HTML” dans la liste déroulante, et que vous n’avez pas sélectionné “Display source”. Copiez le embed code de votre feed YouTube dans le champ, et cliquez sur “Apply”.

Vous devriez voir l’élément indiquer “Script Disabled”. Ne vous en faites pas : c’est tout à fait normal sur Squarespace.

Sauvegardez les changements et publiez-les sur le site : votre chaîne YouTube intégrée apparaîtra alors sur votre site Squarespace !

Comment intégrer une chaîne YouTube sur Webflow

Notez que vous devrez avoir un abonnement payant à Webflow pour intégrer un widget externe à la plateforme.

Sélectionnez un endroit où vous voulez intégrer vos vidéos YouTube. Puis cliquez simplement sur l’icône +, faites défiler la page jusqu’à la section Components, et sélectionnez le bouton “Embed”.

Après avoir sélectionné cet élément, un éditeur s’ouvre. Ajoutez-y le embed code que vous trouverez dans l’onglet Display de Flockler, et sauvegardez vos changements.

N’oubliez pas de publier vos mises à jour : votre chaîne YouTube est bien intégrée à votre page !

Comment intégrer une chaîne YouTube sur Shopify

En règle générale, vous pouvez intégrer des feeds YouTube sur toutes les pages Shopify, qu’il s’agisse de votre page d’accueil, des pages produits ou collections, ou d’autres pages spécifiques. Vous découvrirez toutes les manipulations à faire pour chaque type de page ici.

Intégrer une chaîne YouTube sur la page d’accueil d’un site e-commerce Shopify

Pour intégrer une chaîne YouTube à une page d'accueil sur Shopify, vous aurez besoin d'éditer la mise en page de votre thème. Rendez-vous dans Themes, puis cliquez sur "Actions", puis "Edit Code".

Allez dans "Sections" et cliquez sur "Ajouter une nouvelle section". 

Donnez un nom à votre section (par exemple, flockler) : un éditeur s'ouvre.

Dans l'éditeur, remplacez le nom de la Section avec "flockler". Remplacez également tout ce qui se trouve après "endschema" avec le code d'intégration (embed code) que vous trouverez dans l'onglet "Display" de Flockler. 

Sauvegardez vos changements. 

Puis scrollez jusqu'à "Templates", et cliquez sur "index.json".

Un éditeur s'ouvre. Ajoutez ce qui suit en haut : 

"flockler": {
 "type": "flockler"
 },

Scrollez, jusqu'à ce que vous trouviez l'ordre des éléments de votre page d'accueil. Choisissez le bon emplacement pour Flockler, et ajoutez-le à la liste. 

Cliquez sur "Save" : c'est fini ! Votre feed de chaîne YouTube s'affichera sur votre page d'accueil Shopify. 

Intégrer votre feed YouTube à vos pages Collections et Produits Shopify

Si vous souhaitez que le embed code Flockler s’affiche sur toutes vos pages de collection et de produits, vous pouvez suivre les instructions précédentes. Mais dans ce cas-ci, vous intégrez le code de votre feed YouTube, soit à “collection.liquid”, soit à “product.liquid”.

Intégrer vos vidéos YouTube à une page Shopify spécifique

Vous pouvez également intégrer vos vidéos YouTube à une page spécifique. Depuis l’éditeur de texte de la page, cliquez sur le bouton “HTML”.

Puis ajoutez Flockler où vous le souhaitez dans le texte.

Enfin, cliquez sur “Save”, et votre feed de vidéos YouTube est intégré sur cette page spécifiquement.

Créez votre propre social wall, ou intégrez du contenu des réseaux sociaux sur votre site web, e-commerce, ou votre application.

Demandez une démo Essayez gratuitement
Essayez Flockler gratuitement pendant 14 jours