Vous souhaitez captiver vos visiteurs avec du contenu vidéo ? Dans ce cas, intégrer une playlist YouTube à votre site Elementor est une stratégie efficace.
J'ai vu des propriétaires de sites Elementor se débattre avec le temps de visite, même lorsqu'ils disposaient d'un magnifique site Elementor. Les visiteurs arrivaient sur leurs pages, faisaient défiler rapidement le contenu et quittaient le site sans s'y attarder.
Mais la diffusion d'une liste de lecture sélectionnée de vidéos YouTube s'est avérée être un élément décisif qui leur a permis de fidéliser les visiteurs à leur site.
Afficher des listes de lecture entières plutôt que des vidéos individuelles crée une expérience similaire à celle de Netflix, où une vidéo enchaîne automatiquement sur la suivante.
Les visiteurs restent engagés pendant 20 à 30 minutes au lieu de 2 à 3 minutes, ce qui indique à Google que votre contenu a de la valeur.
Voici la méthode exacte que j'utilise pour intégrer des listes de lecture YouTube dans Elementor et transformer les visiteurs rapides en audiences engagées qui restent, le tout sans codage.
Dans cet article :
- Pourquoi ajouter une playlist YouTube à Elementor ?
- La façon la plus simple d'intégrer une liste de lecture YouTube dans Elementor
- Étape par étape : Comment intégrer une liste de lecture YouTube dans Elementor
- Comparaison : widget vidéo Elementor vs Smash Balloon
Pourquoi ajouter une playlist YouTube à Elementor ?
Bien qu'Elementor soit un fantastique constructeur de pages, son widget vidéo par défaut présente certaines limites. Il est principalement conçu pour les vidéos individuelles. En intégrant une liste de lecture complète, vous pouvez :
- Faites en sorte que les visiteurs restent plus longtemps sur votre site : lorsque les internautes commencent à regarder des vidéos sur votre site, ils restent engagés beaucoup plus longtemps que pour d'autres types de contenu.
- Augmentez vos ventes : en affichant les avis et les témoignages sur vos produits sur votre page, vous pouvez convaincre les visiteurs d'effectuer un achat.
« Plus de 90 % des personnes interrogées dans le monde entier déclarent découvrir de nouvelles marques ou de nouveaux produits sur YouTube. »
– Réfléchissez avec Google
- Augmentez le nombre d'abonnés : vous pouvez également publier votre propre contenu vidéo sur votre site afin de développer votre chaîne et toucher davantage de clients sur YouTube.
- Automatisez les mises à jour de contenu : lorsque vous ajoutez une vidéo à votre playlist YouTube, celle-ci apparaît automatiquement sur votre site, ce qui vous fait gagner du temps.
Le plus intéressant ? Vous n'avez pas besoin d'acheter des addons Elementor ou d'obtenir Elementor Pro pour votre site afin d'intégrer votre liste de lecture vidéo dans Elementor.
La façon la plus simple d'intégrer une liste de lecture YouTube dans Elementor
Parmi toutes les options, YouTube Feed Pro s'impose comme le meilleur moyen d'ajouter des vidéos YouTube à Elementor.
Il y a 3 choses qui font de ce plugin mon choix préféré :
- Il est très facile à configurer et à utiliser, même si vous ne connaissez pas WordPress ou Elementor.
- Vous disposez de nombreuses options de conception pour vous assurer que les listes de lecture YouTube sont attrayantes.
- Le plugin a été conçu dans un souci de rapidité, de sorte que votre site se chargera aussi rapidement que jamais.
Outre l'intégration de listes de lecture, cet outil vous permet également d'ajouter à votre site web des galeries de vidéos YouTube, des diffusions en direct et bien d'autres choses encore.
Un autre point positif est que YouTube Feed Pro est également entièrement compatible avec tous les principaux constructeurs de pages, y compris Elementor. Cela signifie que vous continuez à utiliser cet outil même si vous passez à un autre constructeur de sites.
Tous les flux YouTube que vous créez copieront automatiquement le design de votre site Elementor. De plus, vous pouvez utiliser l'éditeur en direct pour personnaliser votre flux en détail.
En outre, YouTube Feed Pro est soutenu par une équipe d'experts. Ils veilleront donc à ce que vous puissiez utiliser ce plugin en toute sérénité.
Si vous voulez être sûr de la qualité du plugin, vous pouvez jeter un coup d'œil aux commentaires des utilisateurs. Avec une note de 4,9/5 étoiles, il est clair que les gens sont satisfaits de YouTube Feed Pro.
TL;DR Vous pouvez utiliser YouTube Feed Pro pour intégrer des listes de lecture qui correspondent parfaitement à votre site, se chargent très rapidement et maintiennent l'intérêt des visiteurs, le tout sans codage.
Prêt à ajouter des flux YouTube à votre site Elementor ? Téléchargez YouTube Feed Pro pour votre site dès aujourd'hui!
Étape par étape : Comment intégrer une liste de lecture YouTube dans Elementor
Commençons par ajouter des flux de listes de lecture YouTube à votre site Elementor. Pour ce faire, suivez les étapes ci-dessous.
Étape 1 : Installer le plugin YouTube Feed Pro
Pour commencer, vous pouvez obtenir le plugin YouTube Feed Pro ici. Ensuite, vous devrez l'installer et l'activer.
Conseil de pro: si vous ne savez pas comment ajouter des plugins à votre site, vous pouvez consulter notre article sur l'installation des plugins WordPress.
Une fois l'activation effectuée, vous devrez saisir votre clé de licence. Vous trouverez cette clé dans votre compte sur le site Web de Smash Balloon.
Copiez la clé de licence ici avant de retourner sur votre site web.
Maintenant, ouvrez le menu YouTube Feed » Settings (Flux YouTube » Paramètres) depuis votre tableau de bord.
Pour activer toutes les fonctionnalités du plugin, il suffit de coller votre clé de licence dans le champ prévu à cet effet et de cliquer sur Activer.
Étape 2 : Créer un flux de listes de lecture YouTube
Une fois que votre plugin est prêt, vous pouvez utiliser YouTube Feed Pro pour créer un nouveau flux YouTube sur votre site.
Pour ce faire, accédez au menu YouTube Feed " All Feeds " de votre tableau de bord, puis cliquez sur le bouton Add New.
Ensuite, le plugin vous demandera de choisir le type de contenu YouTube que vous souhaitez intégrer.
Pour continuer, sélectionnez l'option Liste de lecture et cliquez sur Suivant.
Vous pouvez maintenant connecter votre compte YouTube afin d'afficher les vidéos sur votre site.
Remarque: vous pouvez intégrer des vidéos provenant d'une chaîne YouTube, des vidéos individuelles, des résultats de recherche, des diffusions en direct, etc., mais aujourd'hui, nous nous concentrons sur les listes de lecture.
Étape 3 : Connecter votre compte YouTube
La manière la plus simple de connecter votre compte YouTube est de saisir votre clé API YouTube.
Pour commencer, consultez ce tutoriel pratique surla création d'une clé API. Une fois que vous avez votre clé API, copiez-la, puis retournez sur votre site web.
Il vous suffit ensuite de coller la clé API dans la fenêtre contextuelle et de cliquer sur Ajouter pour continuer.
Vous pouvez maintenant choisir la liste de lecture YouTube que vous voulez pour votre site WordPress en trouvant le bon ID de liste de lecture.
Tout d'abord, ouvrez votre liste de lecture YouTube dans votre navigateur web et recherchez l'URL de la liste de lecture vidéo en haut de la page.
Pour obtenir l'identifiant de la liste de lecture à partir de l'URL, copiez tout ce qui se trouve après "list=".
Une fois que vous l'avez obtenu, vous pouvez retourner sur votre site Elementor et le coller dans le champ ID de la liste de lecture.
Enfin, cliquez sur Suivant pour lier une liste de lecture à partir de YouTube.
Étape 4 : Personnaliser votre liste de lecture YouTube Elementor
Maintenant que vous avez ajouté une source, vous pouvez choisir d'importer un modèle prédéfini pour votre flux YouTube :
- Défaut
- Carrousel
- Cartes
- Liste
- Galerie
- Dernière vidéo
- Carrousel de présentation
- Widget
Sélectionnez le modèle dont vous souhaitez importer le dessin, puis cliquez sur Suivant.
Après avoir sélectionné un modèle, vous verrez votre flux YouTube dans le personnalisateur visuel.
Sur le panneau de gauche, vous pouvez voir les options permettant de modifier la mise en page de votre flux, le modèle, l'icône de lecture, la palette de couleurs, le style de l'en-tête, la typographie, et bien plus encore.
Chaque fois que vous effectuez des modifications, vous pouvez voir à quoi ressemblera votre flux YouTube à l'aide de l'aperçu en direct sur la droite.
Découvrons quelques-unes de ces options de conception afin que vous puissiez voir comment fonctionne le personnalisateur visuel :
Définir une mise en page pour une playlist YouTube
Pour commencer, il suffit d'accéder à l'option de mise en page des flux située à gauche de l'écran.
Maintenant, regardez la section Disposition pour voir les options pour la disposition de votre liste de lecture.
Vous disposez de 4 options de mise en page différentes : Grille, Galerie, Liste et Carrousel.
L'option de grille vous permet d'afficher vos vignettes dans une grille ordonnée avec des lignes et des colonnes. C'est un excellent moyen d'afficher un grand nombre de vidéos à la fois.
Vous souhaitez que votre liste de lecture Elementor mette en avant une vidéo YouTube spécifique ?
Dans ce cas, vous pouvez essayer l'option de la galerie à la place.
Si vous souhaitez afficher toutes vos vidéos dans une seule colonne, vous pouvez essayer l'option de liste .
Elle est assez similaire à la présentation officielle de YouTube, et chaque vidéo dispose de plus d'espace.
Enfin, vous disposez de la présentation en carrousel . Cette option vous permet d'afficher votre liste de lecture YouTube sous la forme d'un diaporama dynamique.
Sélectionnez celle qui vous convient le mieux, puis cliquez sur Enregistrer.
Vous pouvez également sélectionner le nombre de vidéos, les colonnes, les lignes, etc. dans les options proposées.
Vous pouvez maintenant continuer à créer votre liste de lecture YouTube en cliquant sur le bouton Personnaliser.
Modifier la couleur du flux de la playlist YouTube
Ensuite, vous cliquez sur l'option Schéma de couleurs pour modifier les couleurs de votre flux YouTube.
Pour vous aider à changer facilement vos couleurs en une seule fois, vous pouvez simplement choisir la palette de couleurs que vous préférez :
- Hériter du thème : Copie automatiquement les couleurs de votre thème
- Clair : Affiche un arrière-plan clair avec une police foncée
- Foncé : utiliser un arrière-plan foncé avec une police claire
- Personnalisé : Choisissez manuellement toutes les couleurs de votre flux.
Vous pouvez cliquer sur Enregistrer pour confirmer votre schéma de couleurs pour votre liste de lecture YouTube Elementor.
Comme vous pouvez le constater, YouTube Feed Pro propose également des tonnes d'options faciles pour personnaliser votre liste de lecture YouTube.
À partir de là, vous pouvez utiliser les options supplémentaires pour modifier le design de l'en-tête de votre flux, l'option lightbox, le design des boutons, et plus encore.
De plus, le plugin copie automatiquement l'apparence de votre site, de sorte que votre liste de lecture YouTube correspondra parfaitement à votre image de marque.
Étape 5 : Ajouter une liste de lecture YouTube à Elementor
Nous allons maintenant vous montrer comment intégrer facilement des listes de lecture YouTube dans Elementor. Vous pouvez également commencer à partir de l'éditeur de flux en direct.
Pour commencer, cliquez sur le bouton " Embed" dans le coin supérieur droit.
Cela ouvrira les options d'intégration de votre flux YouTube.
Dans la fenêtre contextuelle, vous pouvez choisir comment intégrer les playlists YouTube à votre site.
Comme nous l'intégrons à votre page Elementor, cliquez sur le bouton Copier.
Une fois que vous avez fait cela, naviguez vers Pages " Ajouter nouveau, ce qui ouvrira la page dans l'éditeur de blocs.
Cliquez maintenant sur le bouton Edit with Elementor .
Vous pouvez également utiliser un article WordPress. Pour cela, allez dans Posts " Add New et cliquez sur Edit with Elementor.
Une fois l'éditeur Elementor ouvert, regardez le panneau de gauche avec tous les widgets Elementor.
Dans le champ de recherche, tapez "shortcode" pour voir apparaître le widget Shortcode dans les résultats de la recherche.
Pour intégrer des flux de listes de lecture YouTube, faites glisser le widget Shortcode et déposez-le sur la page.
Pour intégrer votre flux YouTube, il vous suffit de coller le code court que vous avez obtenu précédemment dans le champ Entrez votre code court.
Une fois que vous avez fait cela, vous pouvez voir votre widget de liste de lecture vidéo YouTube sur la droite.
Enfin, cliquez sur le bouton Publier ou Mettre à jour en bas à gauche.
Comme ça, vous avez ajouté un nouveau widget de liste de lecture vidéo Elementor ! De même, vous pouvez intégrer des flux Instagram, des flux Twitter, des flux TikTok, et bien plus encore en utilisant les bons outils.
Vous pouvez maintenant consulter votre site web WordPress et voir à quoi il ressemble.
Et c'est tout !
Désormais, vous pouvez intégrer des listes de lecture YouTube sur vos pages Elementor. Avec le plugin YouTube Feed Pro, vous pouvez même intégrer des listes de lecture YouTube dans les widgets de la barre latérale, les widgets de pied de page, les articles et bien plus encore.
Avec une liste de vidéos pertinentes, vos pages Elementor peuvent être beaucoup plus attrayantes. C'est un excellent moyen de convertir les visiteurs et d'augmenter les ventes.
Vous souhaitez afficher des flux YouTube sur votre site ? Téléchargez votre copie de YouTube Feed Pro dès aujourd'hui!
Vous souhaitez faire décoller votre chaîne YouTube ? Consultez notre guide sur la façon de développer votre chaîne YouTube.
Comparaison : widget vidéo Elementor vs Smash Balloon
Si vous vous demandez pourquoi cette méthode fonctionne mieux que le widget vidéo Elementor, voici une comparaison rapide :
| Fonctionnalité | Widget vidéo Elementor | YouTube Feed Pro |
| Source du contenu | URL vidéo unique | Listes de lecture, chaînes, recherche, direct |
| Mises en page | Mode solo | Grille, carrousel, galerie, liste |
| Mises à jour | Manuel (il faut changer le lien) | Automatique (synchronisation avec YouTube) |
| Personnalisation | Basique (format d'image, lecture automatique) | Avancé (couleurs, thèmes, modèles, etc.) |
| Vitesse du site | Peut ralentir si plusieurs sont ajoutés | Mise en cache intelligente et chargement différé inclus |
Autres tutoriels et astuces sur les médias sociaux
- Comment intégrer vos flux Instagram sur votre site web ?
- Comment utiliser les médias sociaux dans le marketing d'affiliation
- Comment intégrer le flux TikTok sur votre site Elementor
- Comment ajouter des flux de chaînes YouTube sur votre site web
- Comment intégrer le flux Instagram aux sites web Elementor
