5 étapes pour intégrer le flux Facebook dans Oxygen Builder (+captures d'écran !)
Accueil Blog 5 étapes pour intégrer le flux Facebook dans Oxygen Builder (+captures d'écran !)

5 étapes pour intégrer le flux Facebook dans Oxygen Builder (+captures d'écran !)

Étapes pour intégrer le fil d'actualité Facebook dans Oxygen Builder

Vous cherchez un moyen simple et rapide d'ajouter votre flux Facebook à votre site web Oxygen Builder ?

Essayer d'intégrer manuellement des publications Facebook peut être un véritable casse-tête et vous faire perdre beaucoup de temps. Et si vous n'avez pas l'habitude de travailler avec du code, il peut être difficile de commencer.

C'est pourquoi nous sommes là pour vous aider. Forts de plus de 10 ans d'expérience dans le domaine des flux de médias sociaux, nous avons élaboré ce guide pour vous montrer comment intégrer de superbes flux Facebook dans Oxygen Builder.

Pour ce tutoriel, nous utiliserons Facebook Feed Pro, un fantastique plugin WordPress, pour rendre les choses aussi simples que possible.

Dans cet article :

La façon la plus simple d'intégrer les flux Facebook dans Oxygen Builder

Le moyen le plus simple d'intégrer des flux Facebook à votre site Oxygen Builder est d'utiliser Facebook Feed Pro.

facebook feed pro homepage

Grâce à cet outil extraordinaire, il est plus simple que jamais de créer, de concevoir et d'afficher des flux Facebook directement sur votre site - aucun codage n'est nécessaire, sérieusement !

Voici pourquoi Facebook Feed Pro est parfait pour votre site Oxygen Builder :

  • Installation très facile : Suivez simplement les instructions et vous aurez un flux Facebook sur votre site en quelques minutes.
  • De nombreux types de flux : Choisissez parmi de nombreux types de flux Facebook, tels que les posts de la timeline, les photos, les albums, les flux en direct, les commentaires, et bien plus encore.
  • Une mise en beauté automatique : Tous vos flux Facebook s'adapteront automatiquement au design soigneusement choisi de votre site Web Oxygen Builder.
  • Personnalisation facile : Il y a un personnalisateur visuel avec un aperçu en direct qui vous permet de suivre vos changements pour une personnalisation simple et précise.
facebook feed pro live editor
  • Conception rapide : Vous disposez de modèles et de thèmes prêts à l'emploi que vous pouvez utiliser en un seul clic pour créer rapidement de superbes flux.
  • Votre site reste rapide : Le plugin est léger, donc votre site se chargera très rapidement, même avec beaucoup de posts Facebook. (Et les sites web rapides sont bons pour le référencement!)
  • Un support impressionnant : Vous bénéficiez d'une équipe d'experts WordPress prête à répondre à toutes vos questions.

Comme vous pouvez le constater, Facebook Feed Pro est facilement l'option n°1 lorsqu'il s'agit d'intégrer du contenu Facebook - le tout sans aucun codage.

Prêt à ajouter des flux Facebook à Oxygen Builder ? Obtenez votre exemplaire de Facebook Feed Pro ici!

Pourquoi mettre des flux Facebook sur votre site web Oxygen Builder ?

Voici pourquoi il est judicieux d'ajouter du contenu Facebook à votre site Oxygen Builder :

  • Développez votre page Facebook : Présenter vos publications Facebook directement sur votre site web est un excellent moyen d'obtenir plus de likes, de commentaires et d'adeptes.
  • Stimulez vos ventes : Vous pouvez afficher sur vos pages produits des avis de clients réels provenant de Facebook afin d'augmenter directement vos conversions et vos ventes.
  • Gardez les visiteurs accrochés : En partageant des photos ou des vidéos intéressantes sur Facebook, vous pouvez attirer l'attention des internautes et les inciter à rester plus longtemps sur votre site.
  • Améliorez votre référencement : L'intégration de posts Facebook avec les bons mots-clés peut aider votre site web à mieux se classer dans les résultats de recherche, ce qui permet à votre marque d'atteindre plus de personnes.

Comment intégrer les flux Facebook dans Oxygen Builder (5 étapes faciles !)

Prêt à commencer ? Suivez ces étapes simples et vous aurez un flux Facebook impressionnant prêt à être mis en ligne en un rien de temps !

Étape 1 : Installer et activer Facebook Feed Pro

Tout d'abord, obtenez votre copie de Facebook Feed Pro ici. Une fois que vous l'avez, installez et activez le plugin sur votre site WordPress, qui utilise Oxygen Builder.

Si vous avez besoin d'un peu plus d'aide pour cette partie, consultez notre guide sur l 'installation des plugins WordPress.

Étape 2 : Créer votre flux Facebook pour Oxygen Builder

Maintenant, allez dans le menu Facebook Feed " All Feeds dans votre tableau de bord WordPress.

Cliquez sur le bouton Ajouter un nouveau pour commencer.

Ajouter un nouveau flux Facebook à l'aide du flux guidé

Une fois que vous avez fait cela, Facebook Feed Pro vous demandera quel type de flux vous souhaitez créer :

  • Chronologie
  • Photos
  • Vidéos
  • Albums
  • Evénements
  • Commentaires
  • Article unique
  • Album unique

Pour ce guide, nous choisirons l'option Ligne de temps. Après avoir fait votre choix, cliquez sur Suivant.

sélectionner le type de flux facebook

Étape 3 : Connecter votre nouveau flux à Facebook

Après avoir créé votre flux, il est temps de relier votre page Facebook. Cela permet au plugin d'intégrer automatiquement vos dernières publications pour que votre flux soit toujours à jour.

Cliquez donc sur le bouton Ajouter un nouveau pour continuer.

ajouter une nouvelle source facebook feed pro

Cliquez ensuite sur le bouton Se connecter à Facebook .

Cela ouvrira Facebook sur votre navigateur web afin que vous puissiez connecter votre page facilement.

connectez votre site elementor à facebook

Le plugin ouvrira Facebook et demandera un accès en "lecture seule". Cela signifie qu'il peut voir vos informations mais ne peut rien changer, ce qui est totalement sûr !

Cliquez sur le bouton Continuer pour vous connecter.

smash balloon facebook access

Vous serez ensuite de retour sur votre site web.

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

confirmez votre source pour les flux facebook

Votre compte est maintenant ajouté comme source. Vous pouvez rapidement le sélectionner pour de nouveaux flux sans quitter votre site.

Sélectionnez cette source et cliquez sur Suivant pour continuer.

continuer après avoir choisi la source facebook

Étape 4 : Personnaliser votre fil d'actualité Facebook

Et maintenant, la partie la plus amusante : faire en sorte que votre flux Facebook s'intègre parfaitement à votre site Oxygen Builder ! De plus, vous pouvez le faire en quelques clics.

Choisir un thème

Vous pouvez choisir parmi 5 thèmes différents, chacun avec son propre design :

  • Défaut
  • Moderne
  • Mur social
  • Aperçu
  • Chevauchement

Choisissez votre thème préféré dans les options, puis cliquez sur Suivant.

sélectionnez votre thème de flux facebook

Choisir un modèle

Après votre thème, choisissez un modèle. Celui-ci modifie l'apparence de vos articles et de l'en-tête dans votre nouveau flux social.

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

facebook feed pro template

Utiliser le Customizer visuel

Facebook Feed Pro affichera ensuite votre flux dans le personnalisateur visuel. Vous pouvez y modifier la mise en page, les couleurs, l'en-tête, les boutons, etc.

Sur la droite, vous verrez un aperçu en direct, ce qui est très pratique pour suivre les changements !

éditeur de flux en direct pour facebook feed pro

Pour commencer, modifions la mise en page des posts Facebook ici.

Cliquez sur l'option Feed Layout à gauche.

flux layout facebook elementor feed

Vous disposez de 4 façons différentes d'afficher les publications Facebook sur votre fil d'actualité :

  • Liste : Affiche les publications dans une seule colonne. Idéal pour mettre l'accent sur chaque publication Facebook.
  • Maçonnerie: Utilisez plusieurs colonnes pour afficher vos publications Facebook. Parfait pour afficher beaucoup de contenu.
  • Carrousel: Permet aux internautes de parcourir vos publications à la manière d'un carrousel Facebook. Il rend votre site Oxygen Builder plus interactif.

Une fois que vous avez choisi une mise en page, cliquez sur le bouton Enregistrer.

vos options de mise en page pour facebook feed pro

Vous pouvez également modifier le nombre de messages et d'autres options à partir d'ici.

Une fois la mise en page terminée, cliquez sur le bouton Personnaliser .

retour aux principales options de personnalisation pour facebook

Vous voulez changer les couleurs de votre flux Facebook ?

Sélectionnez l'option Schéma de couleurs sur la gauche.

sélectionner les options de couleurs facebook elementor

Avec ce plugin, vous pouvez choisir parmi 4 schémas de couleurs différents :

  • Hérite du thème: Copie les couleurs de votre site Oxygen Builder.
  • Clair: Un fond blanc brillant avec un texte foncé.
  • Foncé: Un arrière-plan foncé avec un texte plus clair.
  • Personnalisé: Vous permet de choisir vous-même toutes les couleurs.

Après avoir défini vos couleurs, cliquez sur le bouton Enregistrer.

options de couleurs pour le flux facebook d'elementor

Vous pouvez continuer à vérifier les autres options de personnalisation - comme le style de l'article, le style de l'en-tête, le design des boutons, et plus encore.

Lorsque vous êtes satisfait du design, cliquez sur Enregistrer avant de passer à l'étape suivante.

Étape 5 : Intégrer le flux Facebook dans Oxygen Builder

Prêt à ajouter votre flux Facebook à Oxygen Builder ?

Cliquez sur le bouton Embed dans le coin supérieur droit.

intégrer votre flux facebook elementor

Une petite fenêtre contextuelle vous propose différentes options d'intégration. Vous pouvez ajouter des flux Facebook à vos pages, à votre barre latérale ou à votre pied de page à partir d'ici.

Pour Oxygen Builder, il suffit de cliquer sur Copy.

copier le shortcode pour le flux facebook d'elementor

Ouvrez ensuite la page d'Oxygen Builder dans laquelle vous souhaitez faire apparaître votre flux Facebook.

Vous n'en avez pas ? Vous pouvez en créer un nouveau en allant dans Pages " Ajouter un nouveau dans votre tableau de bord, puis en cliquant sur Modifier le modèle.

éditer la page dans le bâtiment oxygène

Une fois que vous êtes dans Oxygen Builder, cliquez sur l'icône plus (+) dans le coin supérieur gauche pour ajouter du contenu à cette page.

ajouter un nouvel élément au constructeur d'oxygène

Tapez "shortcode" dans la barre de recherche en haut de la page.

Ensuite, faites glisser le bloc Shortcode et déposez-le sur votre page à droite.

Cela ouvre des options supplémentaires pour le bloc Shortcode.

Collez simplement le shortcode que vous avez copié précédemment dans le champ Full shortcode.

insérez votre shortcode facebook feed dans oxygen builder

Enfin, publiez la page et, comme ça, votre flux Facebook sera en ligne sur votre site Oxygen Builder.

Si vous ouvrez maintenant la page sur votre site web, vous pouvez voir à quoi ressemblera votre contenu Facebook pour vos visiteurs.

exemple de flux facebook intégré

Et c'est tout !

Il vous suffit de suivre ces étapes pour intégrer facilement de superbes flux Facebook à votre site Web Oxygen Builder.

Vous êtes maintenant prêt à communiquer avec vos visiteurs, à aider à vendre vos produits, à donner un coup de pouce à votre référencement, et bien plus encore.

Grâce à Facebook Feed Pro, il est très simple de faire fonctionner votre site Oxygen Builder de manière transparente avec Facebook.

Prêt à ajouter des flux Facebook en toute simplicité ? Téléchargez votre exemplaire de Facebook Feed Pro dès aujourd'hui !

Plus de tutoriels et d'astuces géniaux sur les flux de médias sociaux

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.