Comment intégrer une page Facebook sur WordPress ?

Dans cet article, vous découvrirez comment intégrer des pages Facebook dans WordPress à l'aide de plugins et de méthodes manuelles. Les avantages de cette intégration seront également explorés.

Types dynamiques de Facebook qui peuvent être affichés sur les sites WordPress

Vous trouverez ci-dessous les types de dynamiques Facebook qui peuvent être affichés sur un site web WordPress :

1. Messages sur FacebookLes services d'aide à la décision : Affichez un mélange dynamique de contenu de marque et de contenu généré par les utilisateurs, y compris des images, des vidéos et du texte.
2. Vidéo FacebookEn intégrant une vidéo attrayante sur une page Facebook, vous pouvez donner à l'internaute l'occasion de s'exprimer sur le sujet et de se faire entendre. Site web WordPressAjouter de la vigueur.
3. Commentaires sur la page FacebookSi une page professionnelle Facebook contient des avis de clients satisfaits, ceux-ci peuvent être collectés et intégrés de manière transparente au site web, ce qui peut renforcer la confiance et influer sur les conversions potentielles.
4. Albums Facebook: Créez une expérience visuelle attrayante pour les visiteurs en présentant une sélection d'images provenant d'albums Facebook.

Comment ajouter une page Facebook à un site web WordPress

Il y a deux façons d'intégrer la dynamique Facebook dans un site web WordPress :

1. Intégrez votre compte Facebook à un plugin WordPress qui vous montre automatiquement ce qui se passe.
2. Intégrez manuellement Facebook de manière dynamique dans votre site web à l'aide du plugin de Facebook.

Examinons la méthode la plus simple, qui consiste à utiliser un plugin pour afficher les dynamiques des pages Facebook sur votre site WordPress.

Comment ajouter une page Facebook à un site web WordPress (avec un plugin)

Les plugins WordPress (versions gratuites et payantes) améliorent les fonctionnalités d'un site web.

Ici, j'utilise le plugin Smash Balloon Custom Facebook Feed, qui compte plus de 100 000 installations actives.

Étape 1 : Installer le plugin Facebook Feed Pro

Tout d'abord, installez le plugin sur votre site WordPress. Une fois installé, dans le tableau de bord de WordPress, trouvez l'onglet "Fil Facebook"Options.

Cliquez sur l'icône "Démarrer l'assistant d'installation".

Connexion à un compte Facebook

Cliquez "Ajouter un nouveau"pour connecter votre compte Facebook.

Sélectionner l'affichage Page ou groupe Facebooket le feraLe plugin se connecte au compte Facebook. Si vous disposez déjà d'un jeton d'accès à l'API, vous pouvez cliquer sur "L'option "Ajouter un compte manuellement".

S'il n'y a pas de jeton d'accès à l'API, sélectionnez "Se connecter à Facebook".

Connectez-vous à votre compte Facebook et cliquez sur "Poursuivre".Permet à Smash Balloon de se connecter.

Sélectionnez la page Facebook

Une fois connecté, sélectionnez la page Facebook.

Configurez les autorisations WordPress de Smash Balloon, il est recommandé de laisser toutes les options activées et de cliquer sur " ".remplir".

Cliquez ensuite sur "définir".

Sélectionnez la page Facebook et cliquez sur "augmenter".

Terminer la configuration initiale

La configuration initiale est maintenant terminée, cliquez sur "l'étape suivante"Poursuivre.

Configurez les modules complémentaires selon vos besoins et cliquez sur "l'étape suivante".

Le système peut demander l'installation de certains plug-ins. Vous pouvez désactiver ces options et continuer.

A la fin, vous verrez apparaître le message "Génial, tout est prêt ! . Faites défiler vers le bas et trouvez l'option "Complete Setup (No Upgrade Required)" et cliquez dessus.

Installation terminée
Le plugin a été configuré avec succès ! Ensuite, vous pouvez :

• Création d'une dynamique de site web
• Types dynamiques personnalisés
• Dynamique intégrée

Étape 2 : Créer une nouvelle dynamique Facebook

Vous pouvez maintenant créer une nouvelle dynamique Facebook. Suivez les étapes ci-dessous :

1. cliquez sur "Ajouter un nouveau".

2) Sélectionnez le type de mouvement Facebook que vous souhaitez (par exemple, Timeline) et cliquez sur ".l'étape suivante".

3. sélectionnez la page Facebook et cliquez sur "l'étape suivante".

Étape 3 : Personnaliser Facebook Dynamics

Il est désormais possible de personnaliser l'aspect dynamique du site web.

1) Utilisez les paramètres de gauche pour personnaliser l'aspect dynamique.

2. cliquez sur"Mise en page dynamique"sélectionnez l'une des trois mises en page suivantes : liste, grille (maçonnerie) ou rotation (carrousel).

• Présentation de la listeAffichage des mises à jour Facebook dans une seule colonne verticale, ce qui permet à chaque mise à jour d'être mieux mise en valeur.

• Disposition de la grille: organise les dynamiques Facebook en plusieurs colonnes et préserve l'échelle d'origine des dynamiques.
• Rotation Mise en page: C'est la mise en page à choisir si vous voulez donner à vos visiteurs plus de flexibilité pour visualiser la dynamique.

3. enregistrer la mise en page sélectionnée.

4) Ajustez la palette de couleurs pour proposer les quatre options suivantes :

• Hériter d'un thème (Hériter d'un thème)
• Lumière
• Sombre
• Sur mesure
  Sélectionnez la palette de couleurs souhaitée et cliquez sur "enregistrer (un fichier, etc.) (informatique)".

5. optimiser davantage la conception dynamique de Facebook grâce à des options de personnalisation supplémentaires.

Une fois cela fait, vous pouvez passer à l'étape 4 pour intégrer dynamiquement Facebook à votre site web.

Étape 4 : Intégrer la dynamique Facebook

Facebook peut être intégré dynamiquement dans un site web WordPress de plusieurs façons, notamment à l'aide de blocs, de widgets ou de shortcodes.

1. Blocage avec le fil d'actualité de Facebook

• Si vous utilisez leÉditeur de blocs (éditeur Gutenberg)), vous pouvez choisir le bloc Facebook Feed.

• Sélectionnez l'activité Facebook que vous souhaitez afficher.

• Lors de la prévisualisation, vous devriez être en mesure de voir la dynamique de la personnalisation précédente.

2. Ajouter des dynamiques à la zone de widgets

• entrer dans Apparence > Gadgetsqui sera ajouté dynamiquement aux zones qui supportent les widgets (par ex.une barre latérale (dans un logiciel)).

• Cliquez sur le bouton bleu "Bouton "+".Dans la barre de recherche, recherchez "Fil Facebook"et faites-le glisser vers la zone de gadget sélectionnée.

• Lorsqu'il est ajouté à la barre latérale, Facebook Dynamic a un effet similaire.

3. Intégrer la dynamique avec des codes courts

• Les dynamiques peuvent être intégrées dynamiquement dans n'importe quelle page, article ou zone compatible avec les widgets via un shortcode.
• à travers (une brèche) Fil Facebook > Toutes les actualités Copiez le shortcode et collez-le dans la page, l'article ou la zone de widget cible.

• Lors de la prévisualisation, la dynamique aura un effet similaire.

Comment ajouter manuellement une page Facebook à un site web WordPress

Facebook propose un outil intégré, le plugin de page Facebook, qui permet d'afficher la chronologie, les activités et les messages d'une page directement sur un site WordPress.

Toutefois, cette méthode présente certaines limites pour les novices par rapport à la méthode du plug-in.

L'utilisation du plugin Facebook natif peut s'avérer compliquée pour les utilisateurs non techniques, car elle implique la manipulation de plusieurs pages web et le copier-coller manuel de divers extraits de code dans le site WordPress.

De plus, si l'extrait de code est erroné à un moment ou à un autre, cela peut affecter la fonctionnalité du site et causer des problèmes. Si vous souhaitez toujours utiliser cette méthode, vous pouvez suivre les étapes ci-dessous :

1. Saisissez l'URL de la page Facebook
Saisissez l'URL de votre page Facebook.

2. Sélectionnez les options à inclure dans la dynamique
Les trois options suivantes peuvent être sélectionnées :

• Chronologie
• Événement
• Messages
  prenez notePour ajouter des options, séparez leurs noms par des virgules (par exemple, ligne du temps, événements, messages). Pour supprimer une option, il suffit d'omettre son nom.

3. Spécifiez la largeur et la hauteur dynamiques
Définissez la largeur et la hauteur dynamiques que vous souhaitez afficher sur votre site WordPress.

• Vous pouvez modifier les paramètres d'affichage du sous-titre et de la photo de couverture.
• Ajuste la largeur du conteneur du plugin.
• Affichez les avatars de vos amis Facebook.

4. Obtenir le code
Après avoir configuré les paramètres, cliquez sur "Obtenir le codeObtenez le SDK JavaScript et le code iFrame.

5. Code intégré
Copiez le code fourni et collez-le sur la page, l'article où vous souhaitez ajouter la dynamique Facebook,gadgetou dans la section du pied de page.

Après avoir effectué les étapes ci-dessus, vous pouvez afficher les mises à jour de Facebook sur votre site Web WordPress.

résumés

L'ajout d'une dynamique Facebook à votre site web WordPress est un excellent moyen d'accroître la notoriété de votre marque, de susciter l'intérêt et de gagner la confiance.

Dans cet article, nous avons exploré deux façons d'intégrer dynamiquement Facebook dans votre site WordPress : en utilisant un plugin et en l'intégrant manuellement.