Avec plus de 2,27 milliards d’utilisateurs actifs par moisFacebook est l’une des principales marques et réseaux sociaux au monde.

En plus d’afficher simplement l’icône de réseau social associée à votre page Facebook sur votre site Web, il existe de nombreuses autres façons d’intégrer le profil Facebook de votre entreprise dans votre site Web WordPress. Une de ces options consiste à afficher un flux de vos publications Facebook sur votre site Web.

Ajouter le flux Facebook à l'aperçu de la démo de WordPress

Dans l’article suivant, nous vous montrerons comment intégrer votre compte Facebook à votre site Web WordPress pour afficher un flux Facebook sur votre site Web. Cela augmente non seulement l’engagement, mais a également un effet positif sur l’expérience utilisateur de votre site Web.

Configurer le didacticiel

Comme toujours, nous vous recommandons de tester le nouveau code sur un site de développement ou un environnement de test avant de travailler directement sur votre site en ligne.

Si vous souhaitez également configurer un environnement de test pour votre site Web, suivez l’un des didacticiels suivants:

Pour ce tutoriel, j’utiliserai le Thème pour enfants tout usage Divi. Divi All Purpose est un thème pour enfants gratuit pour Divi qui peut être téléchargé gratuitement à partir de la boutique Aspen Grove Studios.

Téléchargez Divi All Purpose aujourd’hui et commencez à créer un excellent site Web Divi avec Divi All Purpose.

Voici comment ajouter un flux Facebook en direct à votre site Web WordPress

Il existe plusieurs façons d’ajouter un flux Facebook à votre site Web WordPress.

Ajoutez un flux Facebook en direct à votre site Web WordPress à l’aide du plugin de page Facebook

Facebook pour les développeurs offre une gamme de plugins sociauxpour maximiser l’affichage de votre page Facebook sur votre site Web. En plus d’afficher un flux de commentaires, affichez un groupe Facebook sur votre site Web et plus Plugin du site Offrez également une solution simple pour intégrer un flux dans votre site.

Tout d’abord, visitez le Plugin du site Page.

Plugin de page Facebook

Saisissez ici les variables que le flux doit contenir.

  • URL de la page Facebook: Saisissez l’URL du flux Facebook que vous souhaitez partager.
  • Onglets: Ici, vous pouvez décider si vous souhaitez insérer un flux de la chronologie, des événements ou des actualités. Pour voir l’une des trois options, écrivez simplement «Chronologie», «Événements» ou «Messages». Pour afficher les trois options sur plusieurs onglets, utilisez une liste séparée par des virgules.
  • largeur et la taille: Ici, vous pouvez définir les dimensions personnalisées dans les paramètres de taille maximale spécifiés.
  • Autres options: Enfin, vous pouvez choisir si vous souhaitez afficher une vue étroite de l’en-tête, supprimer complètement l’image de couverture, laisser le plugin s’adapter au conteneur et si les profils attribués à l’utilisateur doivent être affichés dans le flux.

Lorsque vous avez terminé de configurer l’affichage de votre flux, cliquez sur Obtenir le code. Une fenêtre contextuelle avec deux fragments de code apparaîtra.

Copiez le premier code et collez-le sous le code d’ouverture comme indiqué Marquez le fichier header.php dans la conception de votre site Web enfant WordPress.

Lorsque vous utilisez le thème Divi d’Elegant Themes, vous n’avez pas à vous soucier de la façon de toucher le code dans votre thème enfant. Au lieu de cela, accédez à Divi> options de thème Menu et cliquez sur le Onglet Intégration.

Faites défiler jusqu’à ce que vous voyiez ceci Ajouter au Ajouter du code (idéal pour les codes de suivi tels que Google Analytics) Champ de texte. Collez le code ici et cliquez sur Sauvegarder les modifications.

Une fois le code javascript ajouté, accédez à une page, une publication ou un projet sur lequel vous souhaitez afficher le flux Facebook. Copiez le deuxième code généré par le plugin de page et collez-le n’importe où sur votre page.

Si vous utilisez Divi, vous pouvez coller ce code dans la boîte Module de code.

La page du plugin de la page Facebook propose des options de personnalisation, telles que: B. changer le bouton pour appeler des actions, changer la langue d’affichage du flux, d’autres personnalisations avec des onglets, etc.

Une autre option pour l’affichage du flux consiste à ajouter le code à un widget. Pour ce faire, accédez à Apparence> Widgets, choisir Widget HTML et faites-le glisser là où vous voulez le placer, par exemple B. dans le pied de page ou la barre latérale. Collez le code dans la zone de texte du widget et cliquez sur Enregistrer.

Vous trouverez ci-dessous un exemple du flux Facebook qui a été ajouté au Barre latérale du blog.

Si vous recherchez une solution plus simple pour utiliser l’option de plugin de page Facebook, envisagez d’utiliser un plugin gratuit du référentiel WordPress. Flux Facebook personnalisé.

Ajoutez un flux Facebook en direct à votre site Web WordPress à l’aide du plugin de page Facebook

Un plugin gratuit avec plus de 1000 avis cinq étoiles qui Flux Facebook personnalisé Le plugin Smash Balloon est une excellente solution pour ceux qui recherchent un flux hautement personnalisable à afficher sur leur site Web.

Tout d’abord, installez et activez le plugin sur votre site Web WordPress. Lisez aussi notre guide Ajouter un plugin à un site Web WordPress.

Dès que le plugin est installé, un nouvel élément de menu est créé.

Si vous vous posez la question, le plugin de flux Instagram juste en dessous du plugin de flux Facebook provient également de la même société de développement, Smash Balloon. Comme son nom l’indique, vous pouvez le faire avec le plugin Ajoutez un flux Instagram à votre site Web WordPress avec peu ou pas de chichi.

Retour au plugin de flux Facebook personnalisé. La page des paramètres des plugins ne contient que trois onglets:

  • constructionoù configurer le compte Facebook avec le site WordPress,
  • Ajusteroù vous choisissez la façon dont le flux est affiché, et
  • Support.

Commencez par passer à l’onglet Configuration et cliquez sur Connectez-vous et obtenez mon jeton d’accès Bouton.

À ce stade, une fenêtre contextuelle apparaîtra vous demandant de vous connecter à votre compte Facebook.

Une liste des pages que vous gérez apparaîtra sur la page d’authentification Facebook. Sélectionnez la page appropriée dans la liste et cliquez sur d’accord.

Ensuite, entrez le vôtre Facebook ID.

Une fois que vous avez demandé le jeton d’accès, une clé est automatiquement saisie dans le Jeton d’accès Facebook Section.

Une fois le compte entièrement authentifié, vous pouvez définir quelques paramètres supplémentaires à votre guise.

Copiez le shortcode pour ajouter le flux Facebook à votre site Web [custom-facebook-feed] et collez-le n’importe où sur votre site Web.

Cliquez pour personnaliser l’apparence du fil Facebook Ajuster Tab dans les paramètres du plugin.

Il existe des tonnes de paramètres de personnalisation divisés en différents onglets. Chaque onglet a un certain nombre d’options de personnalisation. Avec autant d’options de style, vous pouvez créer un flux Facebook vraiment unique qui correspond à votre identité de marque et à l’esthétique de votre site Web.

Si vous voulez un flux qui imite le style visuel du flux Facebook, l’option Plugin de page Facebook peut être un meilleur choix pour vous si vous souhaitez créer un flux Facebook pour votre site Web qui convient vraiment à l’apparence de votre site Web. et sentez-vous que la publication personnalisée du fil Facebook peut être une meilleure option.

Créez votre propre couverture Facebook avec Adobe Spark

Adobe Spark Post est une application Web et iOS conçue spécifiquement pour la conception de publications sur les réseaux sociaux. Un clic vous permet de choisir la taille qui est parfaitement mise à l’échelle pour un Photo de profil FacebookVous n’avez donc pas à vous soucier de redimensionner une image. Ce créateur de photos de couverture Facebook est super rapide et super facile, ce qui le rend idéal pour ceux qui ont peu d’expérience en conception. En quelques secondes, vous obtiendrez une photo de couverture élégante et professionnelle pour améliorer votre image Facebook.

continuer la lecture

Nous voulons de vos nouvelles!

Avez-vous ajouté un flux Facebook à votre site Web WordPress? Si oui, avez-vous utilisé l’une des options ci-dessus ou une autre solution? Faites-nous part de votre expérience avec l’intégration d’un flux Facebook dans votre site Web.

Merci pour la lecture!



Source link

Recent Posts