Voici comment j'intègre des vidéos Facebook dans WordPress (et comment vous pouvez le faire aussi !)

Vous vous demandez comment afficher de manière transparente des vidéos Facebook sur votre site Web WordPress ?

L'ajout de vidéos Facebook à votre site web montre un contenu attrayant, maintient l'intérêt de vos visiteurs et les encourage à suivre votre page.

Le contenu vidéo devenant de plus en plus important pour la présence en ligne, le partage de vos vidéos Facebook sur WordPress vous permet d'atteindre un public plus large au-delà des médias sociaux.

Mais essayer d'intégrer des vidéos Facebook à l'aide des outils WordPress par défaut ou d'un code manuel peut s'avérer déroutant, surtout si vous ne l'avez jamais fait auparavant.

Je me souviens de la première fois que j'ai essayé d'ajouter des vidéos Facebook à mon propre site. Honnêtement, j'ai passé des heures à trouver la meilleure méthode pour qu'elle fonctionne et qu'elle soit agréable à regarder.

Grâce à l'expérience que j'ai acquise chez Smash Balloon en aidant les utilisateurs de WordPress à afficher magnifiquement le contenu des médias sociaux, j'ai mis au point une approche étape par étape que tout le monde peut suivre.

Dans cet article, je vous montrerai exactement comment j'intègre des vidéos Facebook dans WordPress afin que vous puissiez le faire aussi, même si vous ne connaissez pas encore WordPress ou si vous n'avez pas de compétences techniques !

Dans cet article

La façon la plus simple d'intégrer des vidéos Facebook sur des sites web

La manière la plus simple d'intégrer une vidéo Facebook dans votre site web WordPress est d'utiliser le plugin Smash Balloon Facebook Feed Pro.

En tant que meilleur plugin de flux Facebook pour WordPress, Facebook Feed Pro vous aide à intégrer des flux vidéo Facebook sur votre site Web afin d'augmenter le nombre de vues et d'engager vos visiteurs. Aucun codage n'est nécessaire.

J'apprécie également le fait que ce plugin me permette d'intégrer des flux Facebook en direct dans WordPress.

En plus de vous aider à intégrer n'importe quelle vidéo Facebook dans votre site WordPress, Smash Balloon Facebook Feed Pro vous permet également d'afficher n'importe quel type de contenu Facebook sur votre site, y compris :

• Événements Facebook
• Publications sur Facebook
• Photos
• Albums
• Commentaires sur Facebook
• Galerie Facebook
• Et bien plus encore !

Oui, vous pouvez intégrer tous ces types de flux à l'aide de ce plugin vidéo Facebook - même si vous n'êtes pas un développeur Facebook ou un expert en technologie !

Vous n'êtes pas doué pour la technologie ? Ne vous inquiétez pas !

Ce que j'aime personnellement dans ce meilleur plugin de médias sociaux pour Facebook, c'est qu'il est livré avec un personnalisateur de flux visuel qui vous permet de contrôler le design et le contenu de votre flux vidéo en quelques clics.

Par conséquent, vous pouvez faire en sorte que vos flux Facebook soient exactement comme vous le souhaitez sans avoir à toucher à une seule ligne de code.

Plus de 1,75 million d'utilisateurs, dont les plus grandes marques mondiales, font confiance à l'assistance clientèle de Smash Balloon et à ses plugins de flux sociaux à la fois conviviaux et puissants pour ajouter des flux de médias sociaux à leurs sites web.

Prêt à ajouter des vidéos Facebook à votre site web en quelques clics ? Commencez dès maintenant avec Facebook Feed Pro!

6 étapes pour intégrer des vidéos Facebook dans des sites web

Voyons à présent comment intégrer, étape par étape, du contenu vidéo Facebook sur votre site web, sans avoir besoin de coder.

Étape 1 : Installer le plugin Smash Balloon Facebook Feed Pro

La première étape pour intégrer une vidéo Facebook sur WordPress est d'installer le plugin Facebook Feed Pro et de l'activer sur votre site web.

Si vous avez besoin d'aide, vous pouvez apprendre à installer un plugin WordPress dans ce guide étape par étape.

Étape 2 : Créer un flux vidéo Facebook

Maintenant que vous avez installé Facebook Feed Pro sur votre site, allez dans le menu Facebook Feed " All Feeds " depuis votre tableau de bord WordPress.

Cliquez ensuite sur le bouton Ajouter un nouveau sur la nouvelle page.

Vous verrez ensuite apparaître une nouvelle fenêtre dans laquelle vous pourrez choisir le type de flux Facebook.

Pour continuer, sélectionnez Vidéos dans les options et cliquez sur Suivant.

Étape 3 : Connecter votre flux vidéo à Facebook

Si vous souhaitez afficher des vidéos Facebook sur votre site, votre nouveau flux doit être connecté à une page Facebook.

Pour commencer, cliquez sur le bouton Ajouter un nouveau dans cette fenêtre.

Ensuite, vous pouvez cliquer sur Connecter à Facebook pour continuer.

Cela ouvrira www.facebook.com sur votre navigateur web.

Ici, le plugin vous demandera un accès en lecture seule à votre compte.

Grâce à cet accès en lecture seule, Facebook Feed Pro ne lira que vos publications sur Facebook. Il ne peut pas apporter de modifications, le plugin est donc totalement sûr.

Dans la fenêtre contextuelle, cliquez sur le bouton Continuer .

Ensuite, le plugin vous ramènera sur votre site web.

Sélectionnez les pages que vous souhaitez connecter et cliquez sur Ajouter.

Pour terminer la connexion de votre nouveau flux vidéo à Facebook, cliquez sur Suivant.

Étape 4 : Choisissez votre type de flux vidéo

Pour vous aider à créer facilement de beaux flux Facebook, vous pouvez choisir un thème. Chaque thème possède des mises en page, des icônes, des styles de messages et bien d'autres choses encore qui lui sont propres.

Choisissez le thème que vous préférez et cliquez sur Suivant.

Vous pouvez ensuite choisir un modèle pour votre nouveau flux. Chaque modèle aura une disposition différente pour vos vidéos Facebook et votre en-tête.

Comme précédemment, choisissez un modèle et cliquez sur Suivant.

Ensuite, vous pouvez choisir entre deux options d'intégration pour votre nouveau flux vidéo Facebook :

• Intégrer toutes les vidéos d'une page Facebook
• Intégrer une liste de lecture spécifique à partir d'une page Facebook

Voyons comment vous pouvez le faire :

Intégrer toutes les vidéos d'une page Facebook

Pour afficher toutes vos vidéos Facebook, sélectionnez l'option Afficher toutes les vidéos dans la fenêtre contextuelle, puis cliquez sur Suivant.

Votre flux vidéo Facebook affichera alors toutes les vidéos disponibles sur cette page Facebook.

Intégrer une liste de lecture spécifique à partir d'une page Facebook

Pour afficher une seule liste de lecture dans votre flux vidéo Facebook, sélectionnez plutôt l'option Afficher à partir d'une liste de lecture spécifique .

Ouvrez maintenant votre liste de lecture vidéo Facebook dans votre navigateur et copiez l'URL de la vidéo en haut.

Collez ensuite l'URL de la vidéo dans le champ Ajouter une URL de liste de lecture avant de cliquer sur Suivant.

Étape 5 : personnaliser votre flux vidéo Facebook

Vous verrez maintenant votre flux vidéo Facebook ouvert dans l'éditeur de flux visuel avec un aperçu en direct.

Sur le côté gauche, vous trouverez un panneau qui contient toutes les options de personnalisation. Vous pouvez ainsi personnaliser le type de flux, la mise en page, le style de l'en-tête, le style de l'encadré, l'arrière-plan et bien d'autres choses encore.

À droite, vous avez un aperçu en direct de votre flux Facebook.

Cliquez maintenant sur Feed Layout pour commencer la personnalisation.

Vous pouvez modifier la mise en page de votre flux vidéo Facebook ici, avec 4 options de mise en page du flux au choix :

• Liste
• Grille
• Maçonnerie
• Carrousel

Avec la mise en page sous forme de liste, vos vidéos Facebook apparaîtront dans une seule colonne et disposeront de plus d'espace.

Personnellement, je suis fan de cette mise en page car c'est un excellent moyen d'intégrer Facebook live dans WordPress puisque chaque vidéo sera clairement visible.

Mais si vous voulez avoir beaucoup de vidéos Facebook en même temps, vous pouvez essayer la disposition en grille.

Ainsi, votre contenu vidéo Facebook s'affichera dans une grille avec des lignes et des colonnes.

Ensuite, vous avez la mise en page en maçonnerie qui affiche vos vidéos Facebook dans plusieurs colonnes.

Grâce à la mise en page en maçonnerie, vous pouvez même conserver les proportions originales de vos vidéos Facebook. J'aime utiliser cette mise en page de flux lorsque je veux montrer différents angles et styles de vidéos à mes spectateurs.

Enfin, la présentation en carrousel offre aux visiteurs un autre moyen d'interagir avec votre site. Vous pouvez ainsi présenter votre contenu vidéo sous la forme d'un carrousel Facebook.

C'est également l'une de mes mises en page préférées, car les visiteurs de mon site peuvent s'engager dans mon flux Facebook en cliquant sur les flèches de la barre de défilement.

Une fois que vous avez sélectionné la présentation du flux que vous préférez, cliquez sur le bouton Enregistrer dans le coin supérieur droit.

Vous pouvez ensuite revenir aux options de personnalisation précédentes en cliquant sur le petit bouton Personnaliser .

Ensuite, vous pouvez cliquer sur l'option Schéma de couleurs pour commencer à modifier les couleurs de votre flux vidéo Facebook.

Ensuite, vous pouvez voir les 4 schémas de couleurs que vous pouvez choisir pour votre flux vidéo Facebook :

• Hériter du thème : Copier les couleurs de votre site web
• Léger : Utiliser un fond clair et un texte plus foncé
• Foncé : appliquer une couleur d'arrière-plan foncée et un texte plus clair
• Personnalisé : Choisir manuellement toutes les couleurs

Il vous suffit de sélectionner la palette de couleurs que vous préférez et de cliquer sur Enregistrer.

Une fois que vous avez fait cela, vous pouvez continuer et personnaliser toutes les parties de votre flux vidéo Facebook. Vous pouvez modifier le style de l'en-tête, les éléments de l'article, la boîte de dialogue, les marges du flux, l'arrière-plan, et bien d'autres choses encore.

Après avoir personnalisé votre flux vidéo Facebook, n'oubliez pas de cliquer sur le bouton Enregistrer.

Étape 6 : Incorporer votre flux vidéo Facebook sur votre site Web

Grâce à ce plugin, vous pouvez intégrer votre flux vidéo Facebook à partir de l'éditeur de flux en direct. De plus, vous disposez de deux endroits différents pour intégrer votre flux :

• Ajoutez votre flux vidéo Facebook à votre page
• Ajoutez votre flux vidéo Facebook à votre barre latérale ou à votre pied de page

Ajoutez votre flux vidéo Facebook à la page de votre site Web

La première méthode consiste à intégrer votre flux vidéo Facebook sur une page WordPress. Pour cela, cliquez sur le bouton Embed en haut de la page pour commencer.

Ensuite, vous verrez une fenêtre popup qui vous demandera où vous voulez afficher votre flux Facebook sur votre site WordPress. Sélectionnez l'option Ajouter à une page pour continuer.

Vous pouvez alors choisir votre page dans une liste de toutes les pages de votre site WordPress. Après avoir sélectionné votre page, cliquez sur le bouton Ajouter pour continuer.

Cela ouvrira cette page dans l'éditeur WordPress. Dans l'éditeur, cliquez sur l'icône plus (+) pour ajouter un nouveau bloc WordPress.

Dans le champ de recherche, tapez "Facebook" et cliquez sur le bloc Flux Facebook personnalisé pour l'ajouter à votre page.

Enfin, cliquez sur le bouton Publier. Lorsque vous prévisualiserez votre page, vous verrez à quoi ressemble votre flux vidéo Facebook en direct sur votre site web.

Ajoutez votre flux vidéo Facebook à la barre latérale de votre site Web

L'autre option consiste à intégrer votre flux vidéo Facebook sous la forme d'un widget Facebook dans votre barre latérale ou votre pied de page.

Pour commencer, vous devez ouvrir l'éditeur de flux en direct. Pour cela, rendez-vous dans le menu Facebook Feed " All Feeds de votre tableau de bord WordPress.

Sur cette page, vous trouverez une liste contenant tous vos flux Facebook. Pour continuer, cliquez sur votre flux vidéo Facebook de tout à l'heure.

Vous verrez alors votre flux vidéo Facebook ouvert dans l'éditeur de flux en direct.

Ensuite, cliquez sur le bouton Embed en haut pour continuer.

Vous verrez apparaître une fenêtre contextuelle qui vous demandera l'emplacement de votre flux Facebook. Vous pouvez simplement sélectionner l'option Ajouter à un widget ici.

Le plugin vous renvoie maintenant à la page Widgets de votre site web.

Cliquez sur le panneau Sidebar pour commencer à intégrer votre widget de flux vidéo Facebook.

Si vous le souhaitez, vous pouvez également sélectionner un panneau de pied de page.

Pour ce guide, je choisirai la zone de la barre latérale.

Pour ajouter un nouveau widget, cliquez sur l'icône plus (+) du panneau.

Ensuite, il suffit de sélectionner le widget Custom Facebook Feed dans les options.

J'apprécie le fait que Facebook Feed Pro soit livré avec un widget prêt à l'emploi. Il me suffit donc de cliquer dessus pour ajouter un widget vidéo Facebook à mon site web.

Enfin, cliquez sur le bouton Mettre à jour pour enregistrer vos modifications.

Lorsque vous prévisualisez votre site web, vous verrez un flux de vidéos Facebook intégré dans la barre latérale de votre site web, comme ceci :

Faut-il intégrer les vidéos Facebook sur WordPress automatiquement ou manuellement ?

Il y a deux façons d'ajouter une vidéo Facebook à WordPress :

1. Méthode manuelle avec code d'intégration, ou,
2. Méthode automatique avec un plugin WordPress

Pour intégrer manuellement des vidéos Facebook, vous devez visiter le lien de la vidéo Facebook. Ensuite, vous pouvez essayer de trouver le code d'intégration des vidéos Facebook.

Vous devez ensuite coller manuellement le code d'intégration de la vidéo Facebook ou utiliser le bloc d'intégration à l'endroit où vous souhaitez afficher la vidéo sur votre site web.

Bien que cette méthode semble facile, elle comporte plusieurs étapes. De plus, vous devez passer d'un site web à l'autre pour que tout fonctionne, ce qui prend du temps et est difficile.

Cette méthode ne vous laisse pas non plus beaucoup de place pour personnaliser vos vidéos intégrées et le type d'informations incluses...

Sauf si vous êtes un expert en code iFrame, CSS, JavaScript ou tout autre langage de codage.

En revanche, l'intégration automatique de vidéos Facebook à l'aide d'un plugin WordPress Facebook tel que Facebook Feed Pro est aussi simple que de l'installer et de cliquer sur quelques paramètres.

Vous n'aurez pas besoin de naviguer entre différents sites, ni de copier-coller de shortcodes.

Les plugins WordPress vous permettent également de contrôler totalement les informations contenues dans vos vidéos et leur conception.

C'est un avantage considérable si vous ne savez pas coder, car la personnalisation de vos vidéos est aussi simple que de cliquer sur l'option que vous souhaitez.

Comment intégrer manuellement des vidéos Facebook dans des sites web

Oui, il est possible d'intégrer manuellement une vidéo Facebook dans un site web WordPress.

Mais personnellement, je ne suis pas un fan de la méthode d'intégration manuelle car elle ne me permet pas de personnaliser la mise en page et les paramètres de ma vidéo comme je peux le faire avec un plugin.

De plus, il s'agit de copier et de coller des extraits de code, ce qui peut sembler effrayant si l'on n'a pas beaucoup d'expérience technique.

Et si vous souhaitez personnaliser le texte, les couleurs et les informations incluses dans la vidéo, vous devrez faire appel à un développeur pour que tout se passe bien.

De plus, si vous brisez accidentellement votre site web en incorporant manuellement des extraits de code, vous n'avez pas accès à une équipe d'assistance à la clientèle qui peut vous aider à résoudre le problème.

Si vous n'êtes pas à l'aise avec l'intégration manuelle de vidéos Facebook, il est beaucoup plus facile d'utiliser Facebook Feed Pro ci-dessus.

Sinon, vous pouvez suivre ces instructions pour intégrer manuellement une vidéo Facebook sur WordPress.

Tout d'abord, vous devez trouver la vidéo que vous souhaitez intégrer à Facebook. Copiez ensuite l'URL de la vidéo Facebook dans votre presse-papiers.

Cliquez ensuite sur ce lien pour ouvrir la documentation du plugin Facebook.

Une fois que vous y êtes, collez l'URL de la vidéo dans le champ URL. Vous verrez ci-dessous un aperçu de la vidéo.

Cliquez sur le bouton Obtenir le code pour générer le code d'intégration nécessaire pour intégrer la vidéo sur votre site web.

Une fenêtre contextuelle s'ouvre avec différents types de codes à ajouter à votre site web.

Pour l'option la plus simple, sélectionnez l'onglet IFrame en haut, puis copiez le code ci-dessous.

Vous pouvez maintenant insérer ce code iFrame sur une page ou un article WordPress de votre site web.

Ouvrez une page ou un message, puis ajoutez un bloc en cliquant sur l'icône plus (+) en haut.

Vous pouvez ensuite sélectionner le bloc HTML personnalisé dans les options.

Une fois que vous avez fait cela, collez l'iFrame de tout à l'heure dans le bloc HTML personnalisé.

Lorsque vous prévisualisez votre page, vous verrez le lecteur vidéo Facebook avec la vidéo que vous avez choisie, ajoutée manuellement à votre site web.

Cliquez ensuite sur Publier et ouvrez la page ou le message pour voir votre vidéo intégrée. Voilà, c'est fait !

Pourquoi intégrer des vidéos Facebook dans votre site WordPress ?

La mise en valeur des vidéos Facebook sur votre site web est idéale pour susciter l'intérêt de vos lecteurs. Les vidéos Facebook sont en effet plus interactives que le contenu écrit.

De plus, l'intégration de votre vidéo Facebook est plus attrayante que la simple publication d'une capture d'écran, n'est-ce pas ? Les vidéos étant très visuelles, les utilisateurs s'en souviendront longtemps après avoir quitté votre site web.

La diffusion de vos vidéos Facebook constitue également une preuve sociale puissante, que vous pouvez utiliser pour convaincre les visiteurs de votre site d'acheter chez vous.

En fait, 90 % des utilisateurs de médias sociaux déclarent regarder des vidéos en ligne au moins une fois par mois, selon les dernières statistiques sur le marketing des médias sociaux.

À l'instar des vidéos TikTok, l'affichage de vidéos Facebook peut également être bénéfique pour votre site à plusieurs égards :

• Aide les utilisateurs de sites web à découvrir votre page professionnelle Facebook
• Vous pouvez intégrer des flux Facebook en direct dans WordPress pour augmenter le nombre de spectateurs et améliorer votre référencement.
• Permet d'augmenter l'engagement des utilisateurs sur le contenu de Facebook, ce qui peut améliorer sa visibilité dans le fil d'actualité.
• Peut augmenter le nombre de likes et l'engagement, contribuant ainsi à développer votre communauté sociale sur Facebook.

Pro-Tip: Vous voulez savoir si vous pouvez intégrer une vidéo Facebook live sur votre site web ? Vous pouvez également consulter cet article sur la façon d'intégrer un flux Facebook live sur WordPress.

Bonus : Tutoriels populaires sur l'ajout de flux de médias sociaux à WordPress

Si vous souhaitez intégrer une vidéo Facebook à votre site WordPress, le plugin Smash Balloon Facebook Feed Pro est une excellente option à considérer.

Cependant, il est courant que les chefs d'entreprise et les blogueurs soient présents sur plusieurs plateformes de médias sociaux, comme une chaîne YouTube, un fil Twitter, un fil TikTok et un profil Instagram.

Par exemple, si vous publiez également des vidéos sur YouTube, vous pouvez intégrer votre liste de lecture YouTube dans WordPress.

Si vous souhaitez afficher votre contenu TikTok sur votre site WordPress, un plugin comme TikTok Feeds Pro peut vous aider. Voici un guide étape par étape pour ajouter des vidéos TikTok à votre site WordPress.

Nous espérons que cet article vous a aidé à apprendre comment intégrer des vidéos Facebook sur WordPress.

Avec le plugin Facebook Feed Pro de Smash Balloon, il est très facile d'afficher des vidéos, des photos, des albums, des événements, des commentaires et tout autre type de contenu Facebook sur WordPress - aucune connaissance technique n'est requise.

Commencez dès aujourd'hui à utiliser le plugin Facebook Feed Pro.

Pendant que vous y êtes, jetez un coup d'œil à notre liste des meilleurs types de posts Facebook pour stimuler l'engagement des pages.