Comment intégrer une vidéo Facebook dans WordPress
Voulez-vous intégrer une vidéo Facebook dans WordPress ?
Les vidéos que vous publiez sur Facebook constituent également un excellent contenu pour votre site Web. En intégrant un flux vidéo Facebook, vous pouvez garder votre site à jour et intéressant tout en augmentant votre audience sur Facebook.
Dans cet article, nous allons vous montrer un moyen simple d’intégrer des vidéos Facebook dans WordPress.
Pourquoi ajouter des vidéos Facebook dans WordPress ?
Les vidéos sont un excellent moyen de communiquer avec votre public et de le maintenir engagé. Cela est vrai, que vous dirigiez un blog personnel ou un site Web professionnel.
Cependant, les vidéos sont particulièrement puissantes si vous souhaitez gagner de l’argent en bloguant en ligne avec WordPress. En fait, 88 % des personnes ont acheté un produit ou un service après avoir regardé une vidéo, selon les dernières statistiques sur les blogs.
Créer des vidéos engageantes et divertissantes demande du temps et des efforts, donc si vous publiez des vidéos sur Facebook, il est logique de les réutiliser sur votre site WordPress.
Les vidéos intégrées peuvent également vous aider à développer votre page Facebook. Si les visiteurs apprécient les vidéos, ils peuvent alors décider de commencer à vous suivre sur Facebook.
Cela étant dit, voyons comment intégrer facilement une vidéo Facebook dans WordPress.
Installer un plugin vidéo Facebook dans WordPress
Le moyen le plus simple d’intégrer une vidéo Facebook dans WordPress consiste à utiliser le plugin Custom Facebook Feed Pro.
C’est le meilleur plugin de flux de médias sociaux et vous permet d’intégrer facilement des albums Facebook, des commentaires, des critiques, des publications de la communauté, des vidéos et bien plus encore sur votre site Web WordPress.
En liant votre site Web à votre compte Facebook à l'aide de Smash Balloon, toutes les nouvelles vidéos que vous publiez sur Facebook apparaîtront automatiquement sur votre site Web. De cette façon, vous pouvez maintenir votre site Web à jour avec très peu d’efforts quotidiens.
Dans ce guide, nous utiliserons la version professionnelle de Smash Balloon car elle vous permet d'intégrer des vidéos dans WordPress, notamment des vidéos HD, 360o et Facebook Live.
Smash Balloon Pro vous permet également d'afficher des photos dans un flux Facebook personnalisé et d'afficher le nombre total de likes, de partages, de commentaires et de réactions sous chaque publication.
Cependant, si vous débutez et disposez d’un budget limité, il existe également une version gratuite que vous pouvez utiliser.
Tout d’abord, installez et activez le plugin Custom Facebook Feed Pro. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Lors de l'activation, rendez-vous sur Flux Facebook » Paramètres et entrez votre clé de licence dans le champ « Clé de licence ».
Vous trouverez ces informations sous votre compte sur le site Smash Balloon.
Après avoir saisi la clé, cliquez sur le bouton « Activer ».
Connectez votre page ou groupe Facebook à WordPress
Smash Balloon vous permet d'intégrer des vidéos d'une page Facebook ou d'un flux de groupe Facebook. Vous pouvez même afficher les vidéos dans une fenêtre contextuelle lightbox afin que les gens puissent regarder la vidéo complète directement sur votre site Web WordPress.
La première étape consiste à connecter votre page ou votre groupe Facebook à WordPress, alors allez sur Flux Facebook » Tous les flux puis cliquez sur « Ajouter un nouveau ».
Smash Balloon vous permet d'ajouter un calendrier d'événements Facebook dans WordPress, d'afficher les statuts Facebook, d'intégrer une chronologie, et bien plus encore.
Puisque nous souhaitons intégrer des vidéos Facebook dans WordPress, vous devrez sélectionner « Vidéos » puis cliquer sur « Suivant ».
Maintenant, vous devez sélectionner la page ou le groupe Facebook à partir duquel vous obtiendrez les vidéos.
Pour ce faire, cliquez sur « Ajouter un nouveau ».
Ensuite, choisissez si vous souhaitez afficher les vidéos d'une page ou d'un groupe Facebook.
Une fois que vous avez fait cela, cliquez sur « Se connecter à Facebook ».
Cela ouvre une fenêtre contextuelle dans laquelle vous pouvez vous connecter à votre compte Facebook et choisir les pages ou les groupes que vous souhaitez utiliser avec Smash Balloon.
Après cela, cliquez sur « Suivant ».
Désormais, Facebook affichera toutes les informations auxquelles Smash Balloon aura accès et les actions qu'il pourra effectuer.
Pour restreindre l'accès de Smash Balloon à votre compte Facebook, cliquez simplement pour désactiver l'un des commutateurs.
Sachez simplement que cela peut affecter les vidéos que vous pouvez intégrer sur votre blog ou site Web WordPress, nous vous recommandons donc de laisser tous les commutateurs activés.
Lorsque vous êtes satisfait de la façon dont les autorisations sont configurées, cliquez sur « Terminé ».
Après quelques instants, vous devriez voir un message confirmant que vous avez connecté votre site WordPress à Facebook. Cela fait, vous êtes prêt à cliquer sur « OK ».
Smash Balloon vous ramènera désormais automatiquement au tableau de bord WordPress.
Comment intégrer des vidéos Facebook dans WordPress
À ce stade, vous verrez une fenêtre contextuelle avec le groupe ou la page Facebook que vous venez de lier à votre site Web. Sélectionnez simplement le bouton radio à côté de la page ou du groupe que vous souhaitez utiliser, puis cliquez sur le bouton « Ajouter ».
Si vous avez accidentellement fermé la fenêtre contextuelle, ne vous inquiétez pas. Vous pouvez simplement actualiser la page pour rouvrir la fenêtre contextuelle.
Une fois que vous avez fait cela, WordPress vous ramènera automatiquement à la page Flux Facebook » Tous les flux. Comme avant, cliquez sur « Ajouter un nouveau », sélectionnez « Vidéos », puis cliquez sur « Suivant ».
Maintenant, sélectionnez votre page ou groupe Facebook et cliquez sur « Suivant ».
Sur cet écran, vous pouvez choisir le modèle que vous souhaitez utiliser pour le flux vidéo.
Tous ces modèles sont entièrement personnalisables, vous pouvez donc affiner le design en fonction de la manière dont vous souhaitez afficher les vidéos Facebook sur votre site Web.
Nous utilisons le modèle « Par défaut », mais vous pouvez choisir le modèle de votre choix. Après avoir fait votre sélection, cliquez sur « Suivant ».
Après cela, vous pouvez choisir d'afficher toutes les vidéos de votre page ou groupe Facebook ou uniquement les vidéos d'une playlist spécifique.
Si vous choisissez « Afficher à partir d’une liste de lecture spécifique », vous devrez alors saisir l’URL de cette liste de lecture.
Une fois que vous avez pris une décision, continuez et cliquez sur le bouton « Suivant ».
Smash Balloon va maintenant créer un flux basé sur votre source et le modèle que vous avez choisi. C'est un bon début, mais vous souhaiterez peut-être affiner la façon dont les vidéos apparaissent sur votre site.
Comment personnaliser vos vidéos Facebook intégrées
Le plugin Smash Balloon Custom Facebook Feed vous offre de nombreuses façons de personnaliser la façon dont les vidéos apparaissent sur votre site Web. Cela étant dit, cela vaut la peine de jeter un œil à ces paramètres.
Dans le tableau de bord WordPress, accédez à Flux Facebook » Tous les flux. Ici, recherchez le flux vidéo que vous venez de créer et cliquez sur le bouton « Modifier » à côté, qui ressemble à un petit crayon.
Cela ouvre l'éditeur de flux, qui affiche un aperçu de votre flux de médias sociaux dans WordPress.
Sur le côté gauche, vous verrez tous les différents paramètres que vous pouvez utiliser pour personnaliser la façon dont ces vidéos apparaissent sur votre site WordPress. La plupart de ces paramètres sont explicites, mais nous aborderons rapidement les principaux domaines.
Si vous souhaitez modifier le modèle, cliquez sur « Modèle ».
Ensuite, sélectionnez le bouton « Modifier ».
Cela ouvre une fenêtre contextuelle affichant tous les différents modèles que vous pouvez utiliser pour votre flux vidéo.
Sélectionnez simplement le design que vous souhaitez utiliser à la place, puis cliquez sur « Mettre à jour ».
Le paramètre suivant est « Type de flux », qui vous permet d'afficher différents contenus dans votre flux.
Par exemple, vous pouvez décider d'intégrer des albums Facebook dans WordPress, d'afficher la chronologie ou d'ajouter un calendrier d'événements.
Puisque vous intégrez des vidéos Facebook, vous souhaiterez généralement ignorer cette zone.
Ensuite, cliquez sur « Mise en page du flux ».
Sur cet écran, vous pouvez basculer entre différentes dispositions et modifier la hauteur d'alimentation. Vous pouvez même créer un slider réactif en sélectionnant la disposition « Carrousel ».
Au fur et à mesure que vous apportez des modifications, l'aperçu sera mis à jour automatiquement, vous pourrez donc essayer différents paramètres pour voir ce qui vous convient le mieux.
Par défaut, Smash Balloon affichera le même nombre de vidéos sur les ordinateurs de bureau et les appareils mobiles tels que les smartphones.
Vous pouvez prévisualiser l'apparence de vos vidéos sur les ordinateurs de bureau, les tablettes et les smartphones à l'aide de la rangée de boutons dans le coin supérieur droit.
Les appareils mobiles ont généralement des écrans plus petits et peuvent avoir du mal à traiter de nombreuses vidéos volumineuses et haute résolution. Les visiteurs peuvent également utiliser leurs données mobiles plutôt que le Wi-Fi gratuit.
Cela étant dit, vous souhaiterez peut-être afficher moins de vidéos sur les smartphones et les tablettes. Pour ce faire, tapez simplement un numéro différent dans le champ « Mobile » sous « Nombre de publications ».
Par défaut, le flux Facebook affiche moins de colonnes sur les smartphones et les tablettes que sur les ordinateurs de bureau. Cela permet à toutes vos vidéos de s'adapter confortablement sur des écrans plus petits.
Cependant, après avoir testé la version mobile de votre site WordPress, vous pourriez être mécontent de l’apparence des colonnes sur les tablettes et les smartphones.
Vous pouvez modifier le nombre de colonnes utilisées par Smash Balloon sur les tablettes, les mobiles et les ordinateurs de bureau à l'aide des paramètres « Colonnes ».
La page de paramètres suivante est « Schéma de couleurs ».
Smash Balloon utilise par défaut les couleurs héritées de votre thème WordPress, mais sur cet écran, vous pouvez plutôt passer à une palette de couleurs « Claire » ou « Foncé ».
Une autre option consiste à créer votre propre jeu de couleurs en sélectionnant « Personnalisé », puis en utilisant les commandes pour modifier la couleur d'arrière-plan, la couleur du texte dans WordPress, etc.
Smash Balloon peut ajouter un en-tête à votre flux, qui est votre photo de profil Facebook et le nom de la page ou du groupe. Cela permet aux visiteurs de savoir d'où proviennent les vidéos intégrées et où ils peuvent trouver ce contenu sur Facebook.
Pour ajouter cette section, cliquez sur « En-tête » dans le menu de gauche.
Vous pouvez ensuite cliquer sur la bascule « Activer ».
Après avoir ajouté un en-tête, vous pouvez modifier l'apparence de cette zone, notamment en masquant ou en ajoutant votre photo de profil Facebook, en modifiant la taille du texte de la biographie, etc.
Si vous souhaitez supprimer complètement l'en-tête, cliquez pour désactiver la bascule « Activer ».
Par défaut, Smash Balloon affiche le titre de chaque vidéo. Si vous souhaitez masquer le titre, sélectionnez « Messages » dans le menu principal de l'éditeur Smash Balloon.
Ensuite, allez-y et cliquez sur « Post Style ».
Sur cet écran, vous pouvez masquer les titres des vidéos en cliquant sur le curseur « Afficher le titre de la vidéo ».
Cela peut être utile si vous n’avez pas ajouté de titres à toutes vos vidéos ou si vos titres n’ont pas de sens en dehors de Facebook.
Sur cet écran, vous pouvez également masquer ou afficher les descriptions vidéo. Par exemple, vous pouvez utiliser ces descriptions pour fournir des informations supplémentaires sur la vidéo.
Pour ajouter la description, cliquez simplement pour activer le commutateur « Afficher la description de la vidéo ».
Par défaut, Smash Balloon n'ajoute pas le bouton « J'aime » de Facebook à votre flux vidéo. Si les visiteurs aiment vos vidéos intégrées, ils voudront peut-être vous suivre sur Facebook.
Cela étant dit, vous souhaiterez peut-être ajouter un bouton « J'aime » au flux, en sélectionnant « J'aime la boîte » dans le menu de gauche de l'éditeur.
Après cela, cliquez simplement sur le bouton « Activer » pour qu'il devienne bleu.
Smash Balloon ajoute ce bouton sous votre flux vidéo, mais vous pouvez le modifier en ouvrant la liste déroulante « Position » et en choisissant « Haut ».
Sur cet écran, vous pouvez également modifier l'apparence de la section « J'aime », notamment en modifiant sa largeur, en affichant le nombre de personnes qui vous suivent sur Facebook, en ajoutant un appel à l'action personnalisé, et bien plus encore.
Lorsque vous êtes satisfait de l'apparence du bouton, vous pouvez passer à la page de paramètres suivante en sélectionnant « Charger plus de bouton ».
Le bouton Charger plus encourage les visiteurs à faire défiler davantage votre flux vidéo, donc Smash Balloon l'ajoute par défaut à votre flux Facebook intégré.
Puisqu'il s'agit d'un bouton très important, vous souhaiterez peut-être le personnaliser en modifiant la couleur d'arrière-plan, l'état de survol, l'étiquette, etc.
Une autre option consiste à supprimer complètement le bouton en cliquant sur le bouton « Activer ». Par exemple, vous pouvez supprimer ce bouton, puis encourager les visiteurs à consulter votre page Facebook afin de voir davantage de vos vidéos.
Par défaut, Smash Balloon permet aux visiteurs de regarder vos vidéos Facebook sans quitter votre site WordPress.
Ils peuvent simplement cliquer sur n'importe quelle vignette vidéo pour l'ouvrir dans une lightbox, comme vous pouvez le voir dans l'image suivante.
Les visiteurs peuvent faire défiler les vidéos de votre flux à l'aide des flèches.
S'ils souhaitent aimer une photo, laisser un commentaire ou partager la vidéo sur leur page, ils peuvent cliquer sur le lien « Voir sur Facebook ».
Il existe différentes manières de personnaliser la visionneuse par défaut de Smash Balloon.
Pour voir vos options, cliquez sur « Lightbox » dans le menu de gauche.
Ici, vous pouvez modifier la couleur du lien, personnaliser le texte et ajouter des couleurs d'arrière-plan.
La fonction lightbox permet aux visiteurs de regarder vos vidéos dans une fenêtre contextuelle. Si vous préférez, vous pouvez désactiver la lightbox afin que toutes vos vidéos soient lues sous forme de petites vignettes, intégrées dans le contenu de la page.
De cette façon, vous pouvez encourager les gens à visiter votre page Facebook pour voir la vidéo en taille réelle. Pour désactiver la lightbox, cliquez simplement sur le bouton « Activer » pour la faire passer du bleu au gris.
Lorsque vous êtes satisfait de l'apparence du flux vidéo, n'oubliez pas de cliquer sur « Enregistrer ».
Vous êtes maintenant prêt à intégrer le flux Smash Balloon sur votre site Web.
Comment ajouter des vidéos Facebook à WordPress
Avec Smash Balloon, vous pouvez ajouter le flux vidéo à votre site Web WordPress à l'aide d'un bloc, d'un widget ou d'un shortcode.
Si vous avez créé plusieurs flux à l'aide de Smash Balloon, vous devrez connaître le code du flux si vous envisagez d'utiliser un widget ou un bloc.
Pour obtenir ce code, accédez à Flux Facebook » Tous les flux , puis examinez la valeur sous « Shortcode ». Vous devrez ajouter ce code au bloc ou au widget. , alors notez-le.
Dans l'image suivante, nous devrons utiliser custom-facebook-feed feed=1.
Si vous souhaitez intégrer votre flux Facebook dans une page ou une publication, nous vous recommandons d'utiliser le bloc Flux Facebook personnalisé.
Ouvrez simplement la page ou la publication dans laquelle vous souhaitez intégrer vos vidéos Facebook. Ensuite, cliquez sur l'icône « + » pour ajouter un nouveau bloc et commencez à taper « Flux Facebook personnalisé ».
Lorsque le bloc de droite apparaît, cliquez pour l'ajouter à la page ou à la publication.
Le bloc affichera par défaut l'un de vos flux Smash Balloon. Si vous souhaitez utiliser un autre flux vidéo à la place, recherchez « Paramètres du shortcode » dans le menu de droite.
Vous pouvez maintenant ajouter le code custom-facebook-feed feed=1 à cette case. Après cela, cliquez sur « Appliquer les modifications ».
Le bloc affichera désormais les vidéos de votre page ou groupe Facebook. Publiez ou mettez simplement à jour la page pour diffuser le flux vidéo en direct sur votre site Web.
Une autre option consiste à ajouter le flux à n’importe quelle zone prête à accueillir un widget, telle que la barre latérale ou une section similaire. Cela permet aux visiteurs de regarder vos vidéos Facebook depuis n’importe quelle page de votre site.
Allez simplement dans Apparence » Widgets puis cliquez sur le bouton bleu « + ».
Après cela, recherchez le widget « Flux Facebook personnalisé ».
Ensuite, faites-le simplement glisser sur la zone où vous souhaitez afficher le flux vidéo.
Le widget affichera automatiquement l'un de vos flux Smash Balloon.
Pour afficher un flux différent à la place, saisissez ou collez le code du flux dans la zone « Paramètres du shortcode », puis cliquez sur « Appliquer les modifications ».
Vous pouvez maintenant rendre le widget actif en cliquant sur le bouton « Mettre à jour ». Pour plus d’informations, veuillez consulter notre guide étape par étape sur la façon d’ajouter et d’utiliser des widgets dans WordPress.
Enfin, vous pouvez intégrer des vidéos sur n'importe quelle page, publication ou zone prête à accueillir un widget à l'aide d'un shortcode.
Allez simplement sur Flux Facebook » Tous les flux et copiez le code dans la colonne « Shortcode ». Vous pouvez maintenant ajouter ce code à n’importe quel bloc Shortcode.
Pour obtenir de l'aide pour placer le shortcode, veuillez consulter notre guide sur la façon d'ajouter un shortcode.
Ajouter une vidéo Facebook spécifique dans WordPress
Parfois, vous souhaiterez peut-être intégrer une vidéo Facebook spécifique dans une page ou une publication. Par exemple, vous pourriez avoir une vidéo Facebook qui aborde les mêmes sujets que votre dernier blog ou une vidéo promotionnelle montrant le produit que vous venez de lancer sur votre boutique en ligne.
Pour intégrer une vidéo spécifique, vous devrez acheter et installer l'extension Featured Posts, car elle vous permet d'afficher une publication ou un événement particulier à l'aide de son identifiant.
Pour commencer, accédez à Flux Facebook » Extensions.
Ici, recherchez l’extension « Messages en vedette » et cliquez sur son bouton « Ajouter ».
Cela ouvrira le site Web de Smash Balloon dans un nouvel onglet avec des instructions sur la façon d'acheter l'extension.
Une fois que vous avez l’extension, vous pouvez l’installer exactement de la même manière que vous installez un plugin. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.
Après avoir activé le plugin, accédez à Facebook Feed » Tous les flux et cliquez sur « Ajouter un nouveau ».
Sous « Types de flux avancés », sélectionnez « Publication unique en vedette », puis cliquez sur « Suivant ».
Vous pouvez maintenant choisir la page ou le groupe que vous souhaitez utiliser comme source en suivant le même processus décrit ci-dessus.
Sur la page suivante, vous devrez saisir l'ID de la vidéo que vous souhaitez intégrer.
Pour obtenir cet identifiant, visitez simplement Facebook dans un nouvel onglet, puis ouvrez la vidéo que vous souhaitez intégrer.
Vous pouvez maintenant continuer et copier l'URL.
Après cela, publiez simplement l'URL dans la case « Publier l'URL ou l'ID » de votre tableau de bord WordPress et cliquez sur « Suivant ».
Une fois que vous avez fait cela, vous pouvez styliser la vidéo puis l'ajouter à votre site en suivant le même processus décrit ci-dessus.
Bonus : Comment ajouter davantage de flux de médias sociaux à WordPress
Si vous souhaitez intégrer une vidéo Facebook dans WordPress, le plugin Smash Balloon Facebook Feed est un excellent choix.
Cependant, de nombreux sites Web disposent de plusieurs comptes de réseaux sociaux, tels qu'une chaîne YouTube, un profil Twitter et un compte Instagram. Si vous créez un contenu unique pour chaque plateforme, il est alors logique de l’afficher sur votre site WordPress.
Si vous publiez également des vidéos sur YouTube, vous souhaiterez peut-être afficher les dernières vidéos de votre chaîne YouTube.
Si vous exploitez une boutique ou une entreprise en ligne, vous souhaitez peut-être montrer des avis Facebook aux visiteurs.
Vous pouvez ajouter ces avis à votre site Web à l’aide de Reviews Feed Pro.
Après avoir intégré le flux d'avis sur votre site, de nouveaux avis apparaîtront automatiquement sur votre site. Cela signifie que les visiteurs verront toujours les derniers avis sans que vous ayez à les ajouter manuellement à votre site.
Pour obtenir des instructions étape par étape, veuillez consulter notre guide sur la façon d'afficher les avis Google, Facebook et Yelp dans WordPress.
Nous espérons que cet article vous a montré comment intégrer une vidéo Facebook dans WordPress. Vous voudrez peut-être consulter notre guide sur la façon de créer une newsletter par e-mail et nos sélections d'experts pour les meilleurs plugins de galerie vidéo YouTube.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.