Les visuels sont un élément clé pour rendre un site web intéressant. En tant que professionnel du marketing numérique depuis quelques années, j'ai toujours constaté l'importance des images pour maintenir l'intérêt des internautes.
Facebook est un endroit où de nombreuses entreprises et personnes partagent des photos. Si vous utilisez Facebook pour présenter vos produits, vos événements ou votre équipe, vous voudrez peut-être aussi montrer ces photos sur votre site web.
L'affichage de vos photos Facebook sur votre site web peut le rendre plus vivant et plus attrayant sur le plan visuel. Cela permet aux visiteurs de voir vos photos directement sur votre site, sans avoir à se rendre sur Facebook.
Dans cet article, je vous propose une procédure claire, étape par étape, pour vous aider à afficher facilement vos photos Facebook sur votre site.
Grâce à ma connaissance du contenu des sites web et de l'intégration des médias sociaux, je vais vous donner des instructions simples pour que vous puissiez enrichir votre site web avec vos photos Facebook et le rendre plus attrayant visuellement pour votre public.
Dans cet article
- Pourquoi afficher des photos Facebook sur votre site web ?
- Affichez facilement vos photos Facebook sur votre site web
- Afficher manuellement les photos Facebook sur votre site Web
- La meilleure façon d'afficher les photos Facebook sur WordPress
Pourquoi afficher des photos Facebook sur votre site web ?
Les gens téléchargent généralement des photos sur Facebook pour les partager avec leurs amis et leur famille.
Mais en tant que marque, il est important de se rappeler que tout le monde n'a pas de compte Facebook. Cela signifie que votre public idéal ne verra pas vos photos si vous les publiez exclusivement sur votre page Facebook.
La publication croisée de photos Facebook sur votre site web les rend accessibles à tous, ce qui vous permet de promouvoir votre entreprise sur Facebook. Cela signifie que les visiteurs de votre site peuvent voir votre contenu Facebook, qu'ils aient ou non un compte Facebook.
En conséquence, vous aurez plus de personnes qui s'engageront dans votre contenu Facebook et exploreront votre site web. Après tout, notre recherche détaillée sur les statistiques de marketing des médias sociaux montre que :
Bien que les taux d'engagement sur Facebook puissent varier, les photos ont tendance à attirer le plus d'attention, avec un taux d'engagement moyen de 0,12 %.
L'affichage des photos Facebook dans WordPress est également un moyen idéal d'augmenter le nombre d'adeptes de Facebook. Les méthodes que nous explorons plus loin dans cet article permettent à vos visiteurs d'aimer et d'interagir avec votre page Facebook sans quitter votre site web.
Maintenant que vous connaissez les avantages de l'affichage des photos Facebook sur votre site, examinons les méthodes d'intégration de ces photos dans WordPress.
Affichez facilement vos photos Facebook sur votre site web
Le moyen le plus simple d'afficher les photos Facebook sur votre site web est d'utiliser un plugin WordPress.
Les meilleurs plugins WordPress améliorent les fonctionnalités de votre site, en vous offrant des fonctions supplémentaires sans que vous ayez besoin de savoir coder.
Le plugin Smash Balloon Facebook Feed Pro vous permet d'intégrer de manière transparente du contenu Facebook dans votre site WordPress, y compris des photos et d'autres médias tels que des vidéos Facebook.
Il vous suffit ensuite de publier une mise à jour sur votre page Facebook pour qu'elle soit automatiquement affichée sur votre site web.
De plus, le plugin s'intègre parfaitement à votre site dès sa sortie de la boîte, de sorte que vous n'aurez pas besoin de travailler pour que votre contenu ait l'aspect que vous souhaitez.
Dans cette optique, voyons les étapes à suivre pour afficher les photos Facebook à l'aide du plugin Facebook Feed Pro.
Étape 1 : Télécharger Smash Balloon Facebook Feed Pro
Pour commencer, vous pouvez obtenir votre copie de Facebook Feed Pro ici. Ensuite, procédez à l'installation et à l'activation du plugin sur votre site web.
Pour vous aider, vous pouvez consulter ce guide étape par étape sur l'installation d'un plugin WordPress.
Étape 2 : Créer votre flux de photos Facebook
Après avoir installé et activé le plugin sur votre site web, naviguez vers le menu Facebook Feed " All Feeds dans votre tableau de bord WordPress.
Ensuite, pour créer un nouveau flux Facebook, cliquez sur Ajouter nouveau.
Ensuite, vous devez choisir le type de flux. Avec Custom Facebook Feed Pro, vous avez le choix entre 9 options différentes : flux de photos, flux d'événements, flux d 'albums, flux de vidéos, flux de commentaires, et bien plus encore.
Sélectionnez Photos et cliquez sur le bouton Suivant.
Vous avez créé votre nouveau flux de photos Facebook, il est donc temps de le connecter à Facebook.
Étape 3 : Connexion à votre page Facebook
Vous pouvez maintenant choisir de connecter votre nouveau flux à une page Facebook. Pour ce faire, cliquez sur le bouton Ajouter nouveau .
Une nouvelle fenêtre s'ouvre, dans laquelle vous pouvez choisir de connecter une page. Sélectionnez celle que vous voulez ici, puis cliquez sur le bouton Connecter.
Le plugin vous redirige alors vers Facebook et vous demande un accès en lecture seule à votre compte. Comme il s'agit d'un accès en lecture seule, le plugin ne peut rien changer et ne fait que lire vos données, ce qui est totalement sécurisé.
Vous pouvez choisir la page que vous voulez sur votre site et cliquer sur Suivant.
Enfin, cliquez sur Terminé et votre flux de photos Facebook aura un accès en lecture seule à votre page Facebook.
Ensuite, vous pouvez sélectionner Ajouter pour terminer l'ajout de votre source.
Vous pouvez maintenant sélectionner la source nouvellement ajoutée à votre flux de photos Facebook. Cliquez ensuite sur Suivant pour continuer.
Il est maintenant temps de passer à l'étape 4, qui vous permet de choisir l'apparence de votre flux de photos Facebook.
Étape 4 : personnaliser votre flux de photos Facebook
Ensuite, vous pouvez commencer à personnaliser votre flux de photos Facebook à l'aide de l'éditeur de flux en direct.
Sur la gauche, vous avez les options de personnalisation de votre flux Facebook. Vous pouvez également consulter l'aperçu en direct sur la droite et voir à quoi ressemble votre flux.
Vous pouvez désormais modifier le type de flux, la mise en page, la palette de couleurs, le design de l'en-tête, le design de l'article et bien plus encore.
Pour commencer, sélectionnez l'option Feed Layout.
Vous disposez ici de 4 options différentes pour vos photos Facebook : Liste, Grille, Maçonnerie et Carrousel.
Avec une mise en page sous forme de liste , vos photos Facebook seront affichées l'une après l'autre.
Vous pouvez choisir l'option de grille si vous souhaitez afficher de nombreuses photos dans des rangées et des colonnes bien ordonnées, comme dans une galerie Facebook.
Si vous souhaitez que vos photos Facebook conservent leurs proportions d'origine, vous pouvez opter pour la mise en page en maçonnerie.
Vous pouvez également donner à vos photos un aspect plus dynamique grâce à un carrousel Facebook.
Sélectionnez la mise en page qui vous convient et cliquez sur le bouton Enregistrer en haut de la page.
Ensuite, vous pouvez cliquer sur le petit bouton Personnaliser pour revenir aux options précédentes.
Vous pouvez maintenant passer à autre chose et définir les couleurs de votre flux de photos Facebook.
Pour ce faire, il suffit de cliquer sur l'option Schéma de couleurs à gauche.
Sur cette page, vous pouvez choisir les couleurs de votre flux de photos Facebook. Vous avez le choix entre :
- Hériter du thème : Copier la palette de couleurs de votre site web
- Lumière : Choisissez un look lumineux pour votre flux de photos Facebook
- Sombre : donnez un aspect plus sombre à votre flux avec une police de couleur claire.
- Personnalisé : Choisissez manuellement toutes les couleurs de votre flux
Sélectionnez la palette de couleurs qui vous convient, puis cliquez sur Enregistrer.
Ensuite, vous pouvez commencer à éditer le flux à votre guise. Avec cet éditeur simple, vous pouvez définir le type d'en-tête, le style de l'article, la taille du flux, les marges, et bien plus encore, avec un aperçu en direct pour vous aider.
Lorsque vous avez terminé, il vous suffit de cliquer sur le bouton Enregistrer en haut à droite et de passer à l'étape suivante où vous intégrez le flux.
Étape 5 : Afficher vos photos Facebook sur WordPress
Il est maintenant temps d'afficher vos photos Facebook sur votre site web. Cette partie est en fait assez simple, et vous pouvez le faire de 2 manières différentes.
Afficher les photos Facebook sur votre page
Vous pouvez afficher votre flux de photos Facebook sur votre page web en toute simplicité grâce à l'éditeur de flux en direct.
Tout d'abord, cliquez sur le bouton Embed en haut à droite de votre éditeur de flux en direct.
Une nouvelle fenêtre s'affiche. À partir de là, vous pouvez choisir où afficher vos photos Facebook.
Pour ce faire, il suffit de cliquer sur le bouton Ajouter à une page ici.
Vous pouvez maintenant voir une liste de toutes vos pages disponibles. Il vous suffit de choisir la page sur laquelle vous souhaitez afficher vos photos Facebook et de cliquer sur le bouton Ajouter .
Une fois que vous avez fait cela, le plugin vous redirigera vers la page.
Cliquez sur la petite icône plus (+) et choisissez le widget Custom Facebook Feed.
Enfin, cliquez sur le bouton Publier et vous avez terminé.
Vous avez maintenant réussi à ajouter vos photos Facebook à votre site web. Consultez votre site web et voyez ce qu'elles donnent à vos visiteurs.
Si vous souhaitez afficher votre flux de photos Facebook dans votre barre latérale, le plugin vous permet également de le faire.
Afficher les photos Facebook dans la barre latérale
Vous pouvez également afficher vos photos Facebook sur votre barre latérale sous la forme d'un widget Facebook.
Pour ce faire, allez d'abord dans le menu Facebook Feed de votre tableau de bord WordPress. Vous y trouverez une liste de tous les flux disponibles.
Il vous suffit de cliquer sur votre flux de photos Facebook pour continuer.
L'éditeur de flux en direct s'affiche à nouveau. Ici, vous pouvez cliquer sur le bouton Embed dans le coin supérieur droit.
Vous verrez apparaître une fenêtre contextuelle dans laquelle vous pourrez choisir l'emplacement de votre flux de photos Facebook. Pour continuer, cliquez sur le bouton Ajouter à un widget .
Le plugin vous redirigera vers la page des widgets. Vous pouvez maintenant choisir parmi tous les emplacements disponibles pour votre widget de flux de photos Facebook.
Vous pouvez cliquer sur Sidebar dans les options pour continuer.
Si vous souhaitez plutôt afficher les photos Facebook dans votre pied de page, cliquez sur les autres options ici.
Dans ce tutoriel, nous allons afficher des photos Facebook dans la barre latérale. Pour commencer, cliquez sur le bouton avec l'icône plus (+) pour ajouter un nouveau widget.
Sélectionnez ici le bloc Flux Facebook personnalisé , et le tour est joué !
Votre site web comporte désormais votre photo Facebook dans la barre latérale ! Ouvrez-la et vous verrez ce qu'elle donne.
Il n'y a pas que de simples photos que vous pouvez afficher dans WordPress. L'extension Smash Balloon's Facebook Album vous permet également d'intégrer un album Facebook sur votre site web.
Afficher manuellement les photos Facebook sur votre site Web
Au lieu d'utiliser un plugin WordPress pour afficher les photos Facebook sur votre site web, vous pouvez intégrer vos photos manuellement.
C'est un choix utile si vous n'êtes pas intéressé par l'utilisation d'un plugin WordPress et que vous avez de l'expérience dans l'édition de JavaScript et d'autres langages de codage.
Toutefois, si vous n'êtes pas à l'aise avec cette approche, nous vous suggérons d'utiliser la méthode plus simple décrite ci-dessus.
L'un des inconvénients de l'ajout manuel de photos Facebook à WordPress est qu'il n'est pas aussi convivial.
Facebook Feed Pro importe automatiquement les photos Facebook et les affiche dans une grille conviviale. Lorsque les utilisateurs cliquent sur chaque image, vous pouvez voir les légendes et d'autres détails.
Mais si vous n'utilisez pas de plugin WordPress, la méthode manuelle vous oblige à trouver les articles Facebook contenant les photos que vous souhaitez afficher. Au lieu d'une belle galerie, vous n'intégrerez qu'un seul message Facebook.
Voyons comment cela fonctionne.
Tout d'abord, rendez-vous sur le site Web des développeurs Facebook et choisissez l'option Embedded Posts.
Saisissez ensuite l'URL du message Facebook contenant la photo que vous souhaitez ajouter à votre site. Vous pouvez inclure le message complet ou l'image du message en cochant la case correspondante.
Cliquez maintenant sur le bouton Obtenir le code pour ouvrir une fenêtre contextuelle contenant les codes d'intégration pour votre site web.
To embed your post in WordPress, copy the first section of code, and paste it into your site’s header.php file after the opening <body> tag.
Si vous utilisez un thème WordPress moderne, vous pourrez peut-être le faire en utilisant le panneau de personnalisation de WordPress, comme indiqué ci-dessous. Si c'est le cas, collez le code dans le champ Header et enregistrez vos modifications.
Copiez maintenant la deuxième section du code et créez une nouvelle page dans WordPress.
Si vous utilisez l'éditeur de blocs, ajoutez un nouveau bloc en cliquant sur l'icône Plus (+). Ensuite, dans la section Formatage, choisissez le bloc WordPress HTML personnalisé.
Collez le code d'intégration de votre photo Facebook directement dans le bloc HTML personnalisé et publiez votre page.
Lorsque vous visiterez votre page en ligne, elle ressemblera à l'exemple ci-dessous.
La meilleure façon d'afficher les photos Facebook sur WordPress
Comme vous pouvez le constater, l'intégration manuelle de photos Facebook sur votre site ne vous permettra pas d'obtenir un design aussi soigné et convivial qu'avec l'utilisation d'un plugin WordPress.
Il limite également le nombre de photos que vous pouvez montrer au nombre inclus dans le message initial.
En revanche, avec le plugin Facebook de Smash Balloon, vous pouvez afficher autant de photos que vous le souhaitez, dans plusieurs flux Facebook sur votre site web.
Cela vous permet d'augmenter l'engagement entre vous et les visiteurs de votre site et vous aide à obtenir plus de likes en affichant du contenu Facebook dynamique directement sur votre site web.
Qu'attendez-vous donc ?
Cliquez ici pour commencer à utiliser Facebook Feeds Pro de Smash Balloon dès aujourd'hui !
De plus, le plugin peut faire bien plus que d'intégrer des photos Facebook.
En fait, vous pouvez également consulter notre guide sur la façon d'intégrer des vidéos Facebook à WordPress et de rendre votre site encore plus attrayant.
Vous voulez savoir comment ajouter du contenu de médias sociaux à votre site ? Voici comment intégrer des widgets de flux de médias sociaux sur WordPress.
Enfin, si vous avez apprécié cet article, n'hésitez pas à nous suivre sur Twitter et Facebook pour d'autres tutoriels utiles.
