Comment créer un curseur vidéo dans WordPress (Tutoriel facile)

Voir le taux de rebond de votre WordPress grimper pendant que vos concurrents captent l'attention sans effort peut être frustrant. Souvent, la différence se résume à une chose : le mouvement.

Les pages statiques peinent à retenir l'intérêt, laissant les visiteurs défiler sans engagement.

Une façon d'y remédier ? Ajouter un curseur vidéo.

Les curseurs vidéo donnent vie à votre contenu en combinant mouvement, visuels et narration. Ils aident à capter l'attention d'une manière que les images statiques ne peuvent tout simplement pas faire et encouragent les utilisateurs à rester plus longtemps sur votre site.

Dans ce tutoriel, nous allons vous montrer comment créer un curseur vidéo dans WordPress sans aucune programmation. À la fin, vous aurez une page d'accueil dynamique qui rendra votre site plus attrayant et maintiendra l'engagement des visiteurs. 🙌

Pourquoi utiliser un curseur vidéo dans WordPress ?

Les curseurs vidéo sont un moyen facile de rendre votre site WordPress plus attrayant et mémorable.

Contrairement aux images statiques, les vidéos captent l'attention immédiatement et peuvent montrer plus en moins de temps, augmentant le temps passé sur la page jusqu'à 88 %. Une première impression forte peut faire la différence entre un visiteur qui reste et qui quitte votre site.

Les carrousels vidéo sont également incroyablement polyvalents. Vous pouvez les utiliser pour mettre en avant des démonstrations de produits, partager des avis de clients, ou présenter du contenu promotionnel.

Par exemple :

• Un site web de voyage pourrait mettre en avant des recommandations d'hôtels, des destinations et des expériences de voyage.
• Un site web immobilier pourrait présenter des visites virtuelles de propriétés.

À la base, les curseurs vidéo sont simplement des diaporamas qui utilisent des vidéos au lieu d'images. Cela peut rendre votre site plus vivant et interactif.

Voici quelques façons pratiques d'utiliser les curseurs vidéo sur votre site web WordPress :

• 🛍️ Présentez les avis sur les produits ou services.
• 🧑‍🏫 Démontrez les fonctionnalités et le fonctionnement des produits.
• 📢 Partagez de courts témoignages de clients satisfaits.
• 📚 Mettez en avant des études de cas détaillées.

Dans cette optique, nous allons vous expliquer comment créer facilement des carrousels vidéo dans WordPress afin que vous puissiez engager votre audience.

Voici un aperçu rapide de toutes les étapes que nous allons couvrir dans ce guide :

Prêt ? Allons-y !

Ajout d'un curseur vidéo à votre site WordPress

La façon la plus simple d'ajouter des curseurs vidéo à votre site Web est d'utiliser un plugin.

Nous recommandons Soliloquy car c'est le meilleur plugin de carrousel WordPress du marché. Lors de mes tests sur un site WordPress réel, j'ai trouvé Soliloquy exceptionnellement rapide sans nuire aux temps de chargement des pages.

Il prend en charge les plateformes vidéo populaires comme YouTube, Vimeo et Wistia, vous permettant de simplement coller une URL vidéo pour l'ajouter à votre carrousel. Il est également entièrement adaptatif pour mobile, de sorte que vos diapositives vidéo seront superbes sur n'importe quel appareil.

De plus, vous n'êtes pas limité aux vidéos – vous pouvez y intégrer des images et d'autres contenus pour créer des carrousels plus attrayants. Vous pouvez en savoir plus à ce sujet dans notre avis complet sur Soliloquy.

Maintenant, la première chose que vous devez faire est de créer un compte Soliloquy via le site web de Soliloquy et de télécharger le fichier zip sur votre site WordPress pour l'installer.

Pour plus de détails sur l'installation, vous pouvez consulter notre article sur comment installer un plugin WordPress.

Après l'activation, naviguez simplement vers Soliloquy » Ajouter nouveau.

Sur l'écran suivant, vous devrez donner un titre à votre nouveau slider vidéo. Ensuite, cliquez sur le bouton qui dit « Sélectionner les fichiers d'autres sources ».

Une fenêtre contextuelle apparaîtra où vous devrez cliquer sur l'option « Insérer une diapositive vidéo ». À partir de là, vous pouvez ajouter le titre, l'URL de la vidéo, la légende et le texte alternatif de votre vidéo.

Vous pouvez commencer par donner un nom clair à votre diapositive afin qu'elle soit plus facile à organiser plus tard.

Ensuite, entrez le lien de votre vidéo dans le champ « URL de la vidéo ». Vous pouvez utiliser un lien de votre médiathèque ou, de préférence, un site d'hébergement vidéo comme YouTube, Vimeo ou Wistia. Collez simplement l'URL vidéo standard de votre navigateur – aucun code d'intégration n'est nécessaire.

Si vous utilisez une vidéo de votre médiathèque, vous devrez téléverser une image de couverture dans le champ « URL de l’image ». Cette image s’affiche avant la lecture de la vidéo et permet d'améliorer les performances en empêchant le chargement immédiat de la vidéo.

Cela dit, si vous utilisez un lien YouTube, Vimeo ou Wistia, Soliloquy masquera automatiquement le champ « URL de l’image » pour vous.

Vous pouvez également ajouter une légende si vous le souhaitez. C’est un excellent endroit pour expliquer brièvement de quoi parle la vidéo et encourager les utilisateurs à cliquer sur lecture.

Si vous souhaitez ajouter une autre diapositive vidéo, cliquez simplement sur le bouton « Ajouter une autre diapositive vidéo ».

À partir de là, vous devrez téléverser le titre, l’URL de la vidéo, l’URL de l’image, la légende et le texte alternatif de la prochaine vidéo.

Une fois cela fait, vous pouvez répéter le processus pour toutes les diapositives vidéo que vous souhaitez ajouter.

Après cela, cliquez simplement sur le bouton « Insérer dans le curseur ».

Vos diapositives vidéo apparaîtront sur le nouvel écran de diapositive comme ceci.

Si vous devez y apporter des modifications, vous pouvez toujours cliquer sur l'icône du crayon pour modifier la vidéo ou cliquer sur l'icône « Inactif » pour la rendre inactive.

À partir d'ici, vous pouvez aller dans l'onglet « Configuration » pour personnaliser l'apparence de votre curseur vidéo.

Sur cet écran, vous pouvez activer ou désactiver plusieurs paramètres.

Par exemple, vous pouvez modifier les dimensions de la diapositive pour qu’elles correspondent à la conception de votre site web. Vous pouvez également personnaliser la position du curseur et de la légende afin qu’elles s’alignent avec d’autres éléments de votre page.

Une autre option que vous pourriez vouloir considérer est d'autoriser ou non la lecture automatique des vidéos.

Vous pouvez définir la diapositive vidéo pour qu’elle se lance automatiquement lorsqu’un visiteur arrive sur la page, afin qu’il soit obligé de regarder votre contenu.

Cependant, gardez à l’esprit que cela pourrait ralentir la vitesse de la page, car le navigateur doit également charger la vidéo. De plus, les navigateurs modernes bloquent fréquemment les vidéos en lecture automatique, sauf si elles sont muettes.

L’avantage de Soliloquy est que le plugin peut également optimiser votre curseur vidéo pour les appareils mobiles, mais vous devrez configurer ces paramètres manuellement.

Pour ce faire, allons dans l'onglet « Mobile ».

Une fois à l'intérieur, vous pouvez créer des images de curseur pour mobile et afficher des légendes afin que les gens sachent ce qu'ils vont regarder avant de cliquer pour jouer.

Maintenant, vous êtes prêt à ajouter le curseur à votre blog WordPress ou à votre site web.

Cliquez sur le bouton « Publier » dans le panneau de droite.

Affichage du curseur vidéo dans WordPress

Pour intégrer votre curseur, vous voudrez peut-être créer ou modifier un article ou une page où vous souhaitez l'afficher.

Dans l'éditeur WordPress, vous pouvez cliquer sur le bouton « + » pour ajouter le bloc Soliloquy à votre page. Pour faciliter le processus, vous pouvez taper « Soliloquy » dans la barre de recherche.

Ensuite, sélectionnons le curseur vidéo que vous venez de créer à partir du widget Soliloquy et insérons-le dans votre page.

Une fois cela fait, cliquez sur le bouton « Publier » ou « Mettre à jour » en haut.

C'est tout. Vous pouvez maintenant prévisualiser votre article pour voir vos diapositives vidéo en action.

Voici à quoi cela pourrait ressembler :

Si vous utilisez toujours l'éditeur WordPress classique, vous pouvez également ajouter un curseur vidéo à n'importe quelle page ou publication WordPress.

Vous devrez copier le shortcode situé sur la page Soliloquy, où tous vos curseurs vidéo sont stockés. Ensuite, insérez simplement ce shortcode dans votre contenu.

Pour plus d'informations, vous pouvez consulter notre guide sur la façon d'insérer un shortcode dans WordPress.

Bonus : Ajout d'un curseur de contenu mis en avant à WordPress

En plus d'ajouter des curseurs vidéo à votre site web, vous pourriez également vouloir ajouter un curseur de contenu mis en avant à vos pages WordPress.

En plus de présenter vos meilleurs articles de blog, vous pouvez ajouter des curseurs de contenu mis en avant pour mettre en valeur les produits de votre boutique en ligne, partager des avis, présenter des éléments de portfolio ou afficher des catégories populaires.

Contrairement aux curseurs vidéo, un curseur de contenu mis en avant peut afficher une combinaison d'images et de liens sur la diapositive.

Tout ce que vous avez à faire est d'installer le « Featured Content Addon » dans Soliloquy.

L’étape suivante consiste à ajouter le contenu, les liens et les descriptions de vos fichiers multimédias en sélectionnant vos fichiers, en les téléversant vers le module complémentaire et en remplissant les champs de titre et de description respectifs.

Pour un tutoriel plus approfondi, vous pouvez consulter notre article de blog sur la façon d'ajouter correctement un curseur de contenu mis en avant dans WordPress.

FAQ : Création de curseurs vidéo dans WordPress

Si vous vous demandez encore comment les curseurs vidéo affectent votre site ou comment les utiliser efficacement, ces questions fréquemment posées couvrent les points essentiels.

Un curseur vidéo ralentira-t-il mon site web ?

C’est possible, mais des plugins comme Soliloquy sont conçus pour la performance. Ils utilisent le chargement différé, de sorte que la vidéo ne se charge que lorsqu’un utilisateur clique sur lecture. L’utilisation d’un service d’hébergement vidéo comme YouTube, Vimeo ou Wistia au lieu de téléverser directement sur WordPress permet également de maintenir la rapidité de votre site.

Puis-je mélanger des vidéos et des images dans le même slider ?

Oui. Soliloquy prend en charge plusieurs types de diapositives, vous pouvez donc combiner des vidéos, des images et même du contenu HTML personnalisé au sein d'un même curseur.

Pour les vidéos, vous pouvez fournir une image d'aperçu (image de couverture) qui s'affiche avant la lecture de la vidéo. Cela améliore les performances et garantit que votre slider est esthétique pendant le chargement.

Les sliders vidéo Soliloquy sont-ils adaptés aux mobiles ?

Absolument. D'après nos tests, Soliloquy est entièrement responsive, les curseurs s'adaptent donc automatiquement aux ordinateurs de bureau, tablettes et smartphones.

Dois-je savoir coder pour ajouter un slider vidéo ?

Pas du tout. Si vous suivez ce tutoriel, il sera entièrement sans code. Cela permet à quiconque, y compris aux débutants, de créer, personnaliser et ajouter un curseur vidéo en toute simplicité.

Prochaines étapes pour utiliser les fichiers multimédias dans WordPress

Nous espérons que cet article vous a aidé à ajouter des curseurs vidéo dans WordPress à l’aide de Soliloquy.

Ensuite, vous voudrez peut-être aussi consulter nos guides sur :

• Guide pour débutants sur les tailles d'images WordPress (+ meilleures pratiques)
• Comment ajouter plusieurs miniatures / images mises en avant dans WordPress
• Comment intégrer des podcasts Apple dans WordPress
• Comment lancer un podcast et le rendre prospère
• Meilleurs sites d'hébergement vidéo pour blogueurs, spécialistes du marketing et entreprises

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.