Comment créer facilement une liste de lecture vidéo à l'aide d'Elementor sans aucun codage [2022]

Bien qu'il soit très facile d'ajouter une vidéo à votre site Web, créer une liste de lecture vidéo à l'aide d' Elementor était un défi pour les créateurs de contenu. Désormais, avec la dernière mise à jour d' Elementor PRO , vous pouvez facilement créer de superbes listes de lecture vidéo pour votre site Web et présenter vos vidéos.

Elementor Pro 3.3 est livré avec un tout nouveau widget " Video Playlist ", qui modifie la façon dont les créateurs Web ajoutent du contenu multimédia à leurs sites. Désormais, vous pouvez engager les visiteurs de votre site et les faire rester plus longtemps sur votre page en présentant magnifiquement une liste de lecture vidéo animée et interactive, et même la personnaliser comme vous le souhaitez sans avoir à toucher une ligne de code.

Afficher magnifiquement les listes de lecture vidéo dans Elementor sans codage

Pour tout créateur de contenu, l'ajout de contenu visuel interactif comme une liste de lecture vidéo dans WordPress peut aider à stimuler l'engagement avec les visiteurs de votre site. Cela est vrai non seulement pour ceux qui créent du contenu pour Youtube, mais aussi pour toute personne possédant un site Web WordPress, comme les joueurs, les entraîneurs de fitness, les professeurs de danse ou même les propriétaires de petites entreprises.

Avec Elementor Pro 3.3 , vous pouvez désormais afficher votre contenu vidéo comme jamais auparavant. Non seulement vous pouvez décider quelles vidéos spécifiques vous souhaitez ajouter à votre liste de lecture, mais vous pouvez également contrôler l'ordre dans lequel elles apparaîtront, personnaliser les icônes de lecture, les onglets, les vignettes et les superpositions et bien plus encore.

La meilleure partie? Il ne faut que 5 minutes pour créer une playlist vidéo dans Elementor.

Ce n'est pas tout, vous pouvez même activer le chargement différé pour vos vidéos afin qu'elles ne se chargent pas tant que la lecture n'est pas requise. Cela accélérera le chargement de vos pages Web et améliorera l'expérience des visiteurs de votre site.

Plongeons ci-dessous pour voir comment fonctionne ce nouveau widget dans Elementor et comment vous pouvez l'utiliser pour créer de belles listes de lecture vidéo dans WordPress.

Ajoutez de manière transparente plusieurs vidéos sur votre site Web WordPress

Le téléchargement de vidéos individuelles une par une sur votre site Web WordPress peut être un peu fastidieux, surtout si vous avez beaucoup de contenu vidéo important que vous souhaitez partager avec les visiteurs de votre site Web. Non seulement cela alourdira vos pages Web, mais le téléchargement de vidéos individuellement prendra beaucoup de temps et d'espace sur la page.

Avec une liste de lecture vidéo, cependant, vous pouvez créer une section où tout votre contenu vidéo est soigneusement organisé et laisser les visiteurs de votre site choisir la vidéo qu'ils souhaitent lire. Cela vous laissera plus d'espace pour ajouter d'autres contenus sur votre page Web, réduire le défilement du contenu et encourager les visiteurs du site à rester plus longtemps sur votre site.

Personnalisez vos listes de lecture vidéo et stylisez-les comme vous le souhaitez

Vous pouvez styliser votre liste de lecture comme vous le souhaitez dans Elementor Editor , pour lui donner votre touche personnelle et promouvoir votre marque. Tout ce que vous avez à faire est de modifier les paramètres de l' onglet "Style" pour que votre liste de lecture se démarque. Vous pouvez choisir d'ajouter une vignette personnalisée, d'ajouter des onglets sous vos vidéos pour afficher la description ou la transcription de la vidéo, et bien plus encore.

Facilitez l'apprentissage en ligne avec des listes de lecture de didacticiels engageantes

Si vous partagez des didacticiels avec les visiteurs de votre site Web, ce widget de liste de lecture vidéo d' Elementor vous aidera à faire monter en flèche vos taux d'engagement. Que vous partagiez des didacticiels sur les produits, que vous partagiez des vidéos éducatives en ligne , des didacticiels de danse ou des didacticiels de fitness, les visiteurs de votre site pourront en savoir plus sur votre produit ou votre entreprise grâce à un contenu visuel plus interactif.

Comment créer une liste de lecture vidéo avec Elementor sur WordPress

Donc, maintenant vous savez tout sur la façon dont une liste de lecture de vidéos peut faire ressortir votre site Web et obtenir plus d'engagement de la part des visiteurs du site. Plongeons-nous dans le didacticiel et voyons comment créer une liste de lecture vidéo dans WordPress à l'aide d'Elementor.

Remarque : Si vous débutez dans l'utilisation du créateur de site Web Elementor, vous pouvez consulter notre guide complet du débutant sur l'utilisation d'Elementor pour obtenir des conseils et astuces utiles.

Étape 1 : Installez et activez Elementor sur votre site Web

Tout d'abord, vous devez installer et activer Elementor sur votre site WordPress. Une fois cela fait, assurez-vous d'installer également Elementor Pro , car ce widget est exclusivement destiné à la version premium du créateur de site Web.

Après avoir installé et activé Elementor et Elementor Pro, rendez-vous sur votre tableau de bord WordPress et créez une nouvelle page. Cliquez sur le bouton bleu "Modifier avec Elementor" comme indiqué ci-dessous. Cela ouvrira votre page dans Elementor Editor.

Étape 2 : faites glisser et déposez le widget de liste de lecture vidéo

Une fois le chargement de l'éditeur Elementor terminé, accédez à l' onglet "ÉLÉMENTS" dans le panneau de gauche et recherchez le widget "Liste de lecture vidéo ". Il ne vous reste plus qu'à faire glisser et déposer le widget dans n'importe quelle section de votre page. Votre liste de lecture sera affichée par défaut comme indiqué ci-dessous.

Étape 3 : Ajoutez votre liste de lecture vidéo et configurez le contenu

Vous pouvez maintenant ajouter vos vidéos une par une, pour créer votre propre playlist personnalisée sur WordPress. Dans l' onglet 'Contenu' , cliquez sur l'option 'Playlist'. Ici, vous pouvez ajouter vos vidéos en collant simplement l'URL ou en téléchargeant votre propre fichier.

Si vous partagez des vidéos depuis Youtube, cliquez sur l'option "Type" et définissez la source sur "Youtube". Si vous partagez vos vidéos à partir d'autres sources, passez simplement à "Auto-hébergé" , puis téléchargez votre vidéo ou partagez votre lien vidéo en activant l' option "Partager l'URL externe" .

Pour les vidéos Youtube, vous pouvez facilement cliquer sur le bouton "Obtenir les données vidéo" pour importer instantanément tous vos paramètres et informations vidéo depuis Youtube, y compris la vignette et le titre de votre vidéo.

Vous pouvez également choisir d'afficher l'onglet "Contenu" pour vos vidéos si vous souhaitez partager des informations supplémentaires sur votre vidéo, telles que la description ou la transcription.

Pour ajouter plus de vidéos, cliquez sur le bouton "+ Ajouter un élément" dans la "Liste de lecture", puis répétez les étapes ci-dessus. N'hésitez pas à ajouter autant de vidéos que nécessaire pour créer votre playlist dans Elementor.

Il existe des tonnes d'options supplémentaires pour vous aider à configurer le contenu de votre liste de lecture et à l'améliorer encore plus pour les visiteurs de votre site Web. Par exemple, à partir de l' option "Tabs" , vous pouvez ajouter les noms de vos onglets vidéo, les rendre pliables et ajuster la hauteur.

Vous pouvez également ajouter vos superpositions d'images personnalisées et vos icônes de lecture, et même activer des options supplémentaires telles que la lecture automatique au chargement, afficher le nombre et la durée des vidéos et activer le chargement paresseux pour accélérer vos pages Web.

Étape 4 : stylisez et personnalisez votre liste de lecture vidéo dans Elementor

C'est la meilleure partie du tutoriel. Ici, nous allons vous montrer comment personnaliser votre liste de lecture et ajouter votre touche personnelle. De la modification de la hauteur de la mise en page à la personnalisation des couleurs de la barre supérieure, des onglets, etc., vous stylisez votre liste de lecture de toutes les manières imaginables. Jouez avec les paramètres et concevez une belle liste de lecture pour votre site Web en quelques clics seulement.

Vous pouvez même utiliser la fonction de couleurs et de polices globales d'Elementor pour vous assurer que la conception de votre liste de lecture est cohérente avec les couleurs de votre site ou les couleurs de votre marque. Si vous le souhaitez, vous pouvez également ajouter une personnalisation supplémentaire en ajoutant des extraits de code CSS personnalisés .

Étape 5 : Publiez et partagez votre liste de lecture vidéo sur WordPress

Maintenant que vous avez terminé d'ajouter des vidéos à votre liste de lecture et de personnaliser l'apparence, il ne vous reste plus qu'à les partager avec le monde. Enregistrez les modifications que vous avez apportées et prévisualisez votre page pour voir comment la liste de lecture apparaîtra sur un site Web en direct. Si vous aimez son apparence, cliquez sur le bouton « Publier » pour partager votre liste de lecture sur votre site Web WordPress.

Découvrez celui que nous avons créé dans ce tutoriel ci-dessous.

Rendez votre site Web interactif avec des listes de lecture vidéo

Comme vous pouvez le voir, créer une playlist vidéo étonnante et magnifiquement conçue dans WordPress ne pourrait pas être plus simple. Essayez-le par vous-même aujourd'hui et regardez vos taux d'engagement augmenter en créant une liste de lecture vidéo interactive dans Elementor .

Vous avez aimé ce tutoriel ? Partagez vos pensées avec nous dans les commentaires ci-dessous; Nous aimerions recevoir de vos nouvelles. Pour plus de tutoriels amusants, des nouvelles et des mises à jour, abonnez-vous à notre blog ou rejoignez notre sympathique communauté d'utilisateurs Elementor comme vous.