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

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

Utiliser le code d’intégration (embed code) YouTube, et ajouter des vidéos YouTube manuellement à n’importe quelle page.
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.

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.

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.

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

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 :

WordPress
Wix
Squarespace
Webflow
Shopify

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

Créez une nouvelle page sur WordPress ou éditez une page existante.
Cliquez sur le bouton “Editer avec Elementor”.
A gauche, sélectionnez le widget HTML.
Glissez-déposez le widget HTML à l’endroit souhaité sur votre page.
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.
Mettez à jour ou publiez la page.

Intégrer une chaîne YouTube avec Gutenberg

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

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

Ouvrez l’article ou la page où vous désirez intégrer votre feed de chaîne YouTube dans l’administration WordPress.
Dans l’éditeur de contenu WordPress, vous trouverez les options “Visuel” ou “Texte” : choisissez le mode “Texte”.
Copiez-collez votre shortcode depuis l’onglet “Display” de Flockler, à l’endroit où vous souhaitez qu’apparaisse votre feed YouTube.
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.

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

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

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

2. Booster les ventes

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