Comment intégrer un widget Instagram dans WordPress (guide étape par étape)

V ous voulez apprendre à ajouter un widget Instagram dans WordPress ?

Afficher votre flux Instagram sur votre blog est un excellent moyen d'augmenter l'engagement de vos lecteurs, de leur fournir du contenu supplémentaire, et plus encore. Heureusement, il est en fait assez facile d'intégrer Instagram sur un site WordPress.

Dans cet article, je vais vous montrer comment afficher facilement des flux Instagram sur votre blog de 2 manières différentes : manuellement et à l'aide d'un plugin WordPress de flux Instagram.

Alors, ne perdons plus de temps.

Qu'est-ce qu'un widget WordPress ?

Tout d'abord, si vous êtes nouveau sur WordPress, avant d'apprendre à intégrer du contenu Instagram sur votre site, vous vous demandez peut-être ce qu'est un widget WordPress.

Les widgets sont essentiellement de petits blocs de contenu que vous pouvez ajouter à la barre latérale, au pied de page et à d'autres zones de votre site WordPress.

Il existe des widgets WordPress disponibles pour de nombreuses fonctions différentes, comme l'affichage de vos articles de blog les plus populaires, l'ajout de formulaires, l'affichage de flux de médias sociaux, et bien plus encore.

Dans l'exemple ci-dessous, Studio Mommy a ajouté un widget Instagram dans le pied de page de son site Web, ainsi que des icônes de médias sociaux, un formulaire d'inscription à la newsletter, et plus encore.

L'ajout d'un widget Instagram à WordPress peut être particulièrement bénéfique pour votre blog.

Continuez à lire pour découvrir pourquoi. 

Avantages de l'ajout d'un widget Instagram à votre blog WordPress

Il existe de nombreuses façons dont l'ajout d'un widget Instagram à WordPress peut vous aider à améliorer votre site Web et à développer votre blog.

Alors, examinons de plus près pourquoi vous devriez ajouter un flux Instagram à votre blog. 

Fournir plus de contenu aux visiteurs

Lorsque vous ajoutez un widget de flux Instagram à votre blog, vous fournissez à vos visiteurs plus de contenu intéressant à découvrir. Au lieu de quitter votre blog après avoir lu votre dernier article, ils peuvent parcourir votre flux Instagram sans avoir à quitter votre site Web.

Améliorer le référencement

Lorsque vous ajoutez un widget Instagram à WordPress pour afficher votre flux social, vos légendes Instagram sont intégrées sur votre site.

Cela aide les moteurs de recherche à mieux comprendre de quoi parle votre blog, ce qui peut vous aider à améliorer votre SEO (optimisation pour les moteurs de recherche) et à générer plus de trafic vers votre site. 

Augmenter l'engagement et le nombre d'abonnés

Vos lecteurs de blog ne savent peut-être pas que vous êtes sur Instagram. Ainsi, lorsque vous intégrez Instagram sur votre site WordPress, vous leur faites savoir que vous êtes actif sur la plateforme.

De plus, lorsque les lecteurs peuvent voir votre flux Instagram sur votre site Web, cela les encouragera à interagir davantage avec vos publications en aimant ou en commentant. 

Mettez à jour votre blog facilement

Avec un flux Instagram intégré à votre blog, il est facile de garder votre site à jour avec du nouveau contenu. Chaque fois que vous publiez du nouveau contenu sur Instagram, il apparaît automatiquement sur votre site Web. Cela vous fait gagner du temps et montre que votre blog est actif. 

Créez des preuves sociales et de la confiance

Si vous partagez du contenu généré par les utilisateurs comme des témoignages de vos lecteurs sur Instagram, l'ajout d'un widget Instagram à votre site vous aidera à créer des preuves sociales et de la confiance auprès des visiteurs de votre site Web.

Les utilisateurs de votre site verront que d'autres personnes font confiance à votre blog, ce qui les encouragera à devenir eux aussi des fans fidèles.

Maintenant que vous connaissez tous les avantages de connecter votre compte Instagram à WordPress, passons directement au tutoriel. 

Comment ajouter un widget Instagram dans WordPress (manuellement)

Si vous souhaitez intégrer un flux Instagram dans WordPress sans plugin, vous pouvez le faire manuellement.

Nous vous recommandons d'utiliser un plugin pour intégrer votre flux Instagram à WordPress car c'est plus facile, et cela vous donnera une tonne d'autres options d'affichage et de personnalisation — nous en parlerons dans la section suivante.

De plus, la méthode manuelle pour intégrer des flux Instagram comporte beaucoup de risques d'erreurs, qui peuvent être difficiles à corriger si vous n'êtes pas familier avec le code.

Mais pour ajouter manuellement un widget Instagram, allez sur Instagram et commencez par sélectionner la photo que vous souhaitez afficher sur votre article WordPress.

Cliquez sur les 3 petits points dans le coin supérieur droit de la publication Instagram. Ensuite, cliquez sur Intégrer.

Dans l'étape suivante, cliquez sur le bouton bleu Copier le code d'intégration. Ici, vous avez également la possibilité de supprimer la légende de l'intégration si vous le souhaitez en décochant la case Inclure la légende.

Une fois que vous avez copié le code d'intégration de votre profil Instagram, vous pouvez simplement le coller dans n'importe quel article ou page à l'aide de l'éditeur WordPress.

Si vous souhaitez ajouter un widget Instagram à votre barre latérale dans WordPress, avec le code d'intégration copié, allez dans votre tableau de bord WordPress. Ensuite, allez dans Apparence » Widgets.

Sur le côté gauche de la page Widgets, vous verrez une liste des widgets disponibles. Trouvez le widget Texte et faites-le glisser vers le côté droit de la page où vous souhaitez qu'il soit automatiquement intégré sur votre site. Pour ce tutoriel, j'ajouterai Instagram à la barre latérale.

Une fois que vous avez placé le widget où vous le souhaitez sur votre site, cliquez sur la flèche déroulante du widget.

Cela ouvrira une zone de texte où vous pourrez coller le code d'intégration Instagram que vous avez copié précédemment. Assurez-vous de coller le code d'intégration dans l'éditeur Texte plutôt que dans l'éditeur Visuel.

Vous pouvez également ajouter un titre pour votre flux Instagram. Cliquez sur Enregistrer une fois terminé.

C'est tout.

Maintenant, vous pouvez voir votre widget Instagram en direct sur votre blog.

Comme vous pouvez le voir dans l'exemple ci-dessus, vous n'avez pas beaucoup d'options de personnalisation lorsque vous ajoutez manuellement un widget Instagram dans WordPress.

Alors, jetons un coup d'œil à une meilleure façon d'ajouter un widget Instagram à WordPress pour intégrer des publications Instagram.

Comment ajouter un widget Instagram dans WordPress (à l'aide d'un plugin)

La manière la plus simple et la meilleure d'ajouter un flux Instagram sur votre site WordPress est d'utiliser un plugin. Je recommande le Plugin Instagram Feed Pro de Smash Balloon.

Instagram Feed Pro est le plugin Instagram pour WordPress le mieux noté et le plus populaire.

En utilisant ce plugin Smash Balloon, en quelques clics, vous pouvez facilement ajouter votre flux Instagram sur votre site WordPress en tant que widget dans votre barre latérale, à n'importe quel article ou page de votre blog en utilisant l'éditeur de blocs WordPress, ou en collant un shortcode n'importe où sur votre site.

De plus, Instagram Feed Pro offre des fonctionnalités exceptionnelles pour vous aider à créer un widget Instagram puissant et personnalisé, notamment :

• Plusieurs options de mise en page – Choisissez parmi les options de mise en page intégrées comme carrousel, grille, masonry et highlight. 
• Système de modération visuelle – Décidez quels posts afficher et quels posts masquer. 
• Engagement social – Affichez les stories Instagram, les commentaires, les likes et un bouton de suivi sur votre flux. 
• Design réactif – S'adapte automatiquement à différentes tailles d'écran pour rendre votre flux adapté aux mobiles.
• Plusieurs flux Instagram – Affichez autant de types de flux différents sur votre site que vous le souhaitez. 

Smash Balloon propose également une version gratuite du plugin, donc si vous souhaitez intégrer vos posts Instagram dans WordPress avant de vous engager dans un abonnement payant, vous pouvez l'essayer.

Mais pour accéder à des fonctionnalités telles que plusieurs mises en page, les commentaires et les likes, la combinaison de flux provenant de plusieurs comptes Instagram, et les flux de hashtags, vous devez passer à la version pro.

Maintenant, voyons comment utiliser Smash Balloon pour ajouter un widget Instagram dans WordPress, étape par étape. 

Et si vous préférez, voici une excellente vidéo explicative que vous pouvez suivre :

Étape 1 : Installer le plugin Instagram Feed

Tout d'abord, vous devez télécharger le Plugin Instagram Feed Pro de Smash Balloon et installer et activer le plugin.

Pour les débutants, consultez cet article sur comment installer un plugin WordPress pour des instructions détaillées. 

Étape 2 : Connecter votre compte Instagram au plugin

Ensuite, vous devez connecter votre compte Instagram au plugin Smash Balloon. Pour autoriser l'accès à votre compte Instagram, cliquez sur le bouton Instagram Feed dans votre tableau de bord WordPress qui apparaît après le téléchargement et l'activation du plugin.

Cela vous mènera à la page des paramètres du plugin Instagram Feed. Cliquez sur le bouton bleu Connecter un compte Instagram.

Suivez les instructions qui apparaissent à l'écran pour connecter votre compte Instagram.

La première invite vous demandera si vous souhaitez connecter un compte Instagram Personnel ou Professionnel.

Il est important de noter que pour certaines fonctionnalités de Smash Balloon Instagram Feed, comme le flux de hashtags ou les posts shoppables, vous devez avoir un compte Instagram Professionnel.

Ne vous inquiétez pas si vous n'avez qu'un compte Instagram personnel pour le moment, car vous pourrez toujours le changer plus tard.

Sélectionnez le type de votre compte Instagram, puis cliquez sur Connecter pour continuer.

C'est fait ! Votre compte Instagram est maintenant connecté au plugin Instagram Feed. 

Étape 3 : Choisir le contenu Instagram à afficher

Sur la même page, vous pouvez également choisir le type de contenu Instagram que vous souhaitez afficher sur votre site WordPress dans votre widget Instagram.

Vous pouvez choisir d'afficher :

• Votre flux Instagram standard
• Un flux avec des photos d'un hashtag public spécifique
• Un flux avec des photos dans lesquelles vous êtes identifié
• Un flux mixte avec plusieurs types de flux

Pour afficher un flux simple de vos derniers posts Instagram, choisissez l'option Compte utilisateur, puis cliquez sur Enregistrer les modifications. 

Étape 4 : Choisir la mise en page de votre widget Instagram

Allez à la page Paramètres du plugin Instagram Feed, puis cliquez sur l'onglet Personnaliser.

Sur cette page, vous pouvez décider de l'apparence du widget Instagram sur votre blog grâce aux options de personnalisation de l'éditeur de flux en direct, telles que :

• Largeur et hauteur 
• Couleur d'arrière-plan
• Nombre de photos à afficher
• Afficher/masquer votre bio Instagram
• Ajouter un bouton Suivre

Vous pouvez également choisir le type de mise en page que vous souhaitez pour votre widget Instagram. Instagram Feed de Smash Balloon propose 4 options de mise en page différentes parmi lesquelles choisir :

• Grille – Une grille standard avec des images carrées fixes
• Carrousel – Un carrousel horizontal que les utilisateurs peuvent faire défiler
• Mosaïque – Une galerie qui affiche les photos Instagram dans leur format horizontal ou vertical d'origine
• Mise en avant – Une galerie dans laquelle des photos spécifiques apparaissent plus grandes dans la grille pour les mettre en valeur

Pour ce tutoriel, je vais choisir la mise en page Grille, qui ressemble à ceci :

Choisissez le type de mise en page que vous souhaitez pour le flux Instagram sur votre site et cliquez sur Enregistrer les modifications.

Étape 5 : Ajouter votre widget Instagram dans WordPress

Il est maintenant temps d'ajouter votre plugin de widget Instagram à votre blog !

Avec le plugin Instagram Feed de Smash Balloon, vous disposez de 3 méthodes différentes pour intégrer le flux Instagram à votre site web.

Examinons chacun d'eux. 

1. Bloc WordPress Instagram Feed

Pour ajouter un widget Instagram à une nouvelle page de votre site web à l'aide de l'éditeur de blocs WordPress, allez d'abord dans Pages » Ajouter.

Dans l'éditeur de blocs WordPress, cliquez sur l'icône Plus (+) pour rechercher un bloc WordPress. Dans la barre de recherche, tapez « Instagram » pour trouver le bloc WordPress Flux Instagram.

Cliquez sur le bloc pour l'ajouter à votre page.

Vous obtiendrez alors un aperçu de l'apparence de vos photos et vidéos Instagram sur votre site Web, et vous pourrez ajuster les paramètres si nécessaire.

Publiez la page pour que votre widget de flux Instagram soit en ligne sur votre blog !

Voici un exemple du résultat final :

Vous pouvez utiliser cette même méthode pour ajouter un flux Instagram à n'importe quelle page ou publication existante sur votre site. 

2. Shortcode de flux Instagram

Si vous utilisez l'éditeur classique de WordPress, vous pouvez utiliser le shortcode de flux Instagram pour afficher votre flux dans une publication ou une page de votre site.

Accédez à la page Paramètres du flux Instagram. Dans l'onglet Afficher votre flux, copiez le shortcode fourni.

Ensuite, collez simplement le shortcode directement dans l'éditeur de votre publication ou de votre page.

Cliquez sur Publier pour enregistrer vos modifications et mettre votre flux Instagram en ligne sur votre site. 

3. Widget de flux Instagram pour WordPress

Si vous souhaitez ajouter le bloc de flux Instagram à votre barre latérale, comme le pied de page ou la barre latérale principale, vous pouvez utiliser le widget de flux Instagram intégré de Smash Balloon. 

Accédez à Apparence » Widgets depuis le tableau de bord WordPress. 

Trouvez le widget Flux Instagram sur le côté gauche et faites-le glisser vers la barre latérale de votre choix. Pour ce tutoriel, je vais ajouter un widget Instagram à la barre latérale principale. 

Dans les paramètres, vous pouvez ajouter un titre. Lorsque vous avez terminé, cliquez sur Enregistrer. 

Maintenant, lorsque vous prévisualisez votre site, vous pouvez voir votre flux Instagram dans la barre latérale. 

Points clés à retenir

• Augmenter l'engagement : Ajouter un flux Instagram à votre blog WordPress fournit un contenu supplémentaire sous la forme d'un flux de photos sociales pour vos visiteurs, les maintenant plus longtemps sur votre site et encourageant l'interaction avec vos publications.
• Améliorer le référencement : L'intégration des légendes Instagram aide les moteurs de recherche à mieux comprendre votre contenu, ce qui peut améliorer le classement de votre blog dans les moteurs de recherche.
• Mises à jour faciles : Un widget Instagram sur votre site WordPress garantit que votre blog reste à jour avec du nouveau contenu. Il est automatiquement mis à jour chaque fois que vous publiez sur Instagram.
• Bâtir la confiance : Présenter du contenu généré par les utilisateurs d'Instagram sur votre blog renforce la preuve sociale, favorisant la confiance avec votre public.
• Intégration simple : Vous pouvez ajouter un flux Instagram à WordPress manuellement ou avec des plugins. L'utilisation du plugin Instagram Feed Pro offre la flexibilité d'afficher des flux Instagram entièrement personnalisables pour différents niveaux de compétence.

C'est tout pour aujourd'hui !

Maintenant, vous avez appris comment ajouter facilement un widget Instagram dans WordPress. Avec votre flux Instagram magnifiquement affiché sur votre blog, vous pouvez fournir un contenu plus intéressant à vos lecteurs, augmenter l'engagement et développer votre présence sur les réseaux sociaux.

Vous voulez aussi afficher un flux Facebook sur votre blog ? Consultez notre liste des meilleurs plugins Facebook pour WordPress. Vous pouvez également lire notre tutoriel sur comment intégrer un groupe Facebook dans WordPress.

Et n'oubliez pas de vous inscrire à notre newsletter par e-mail pour plus de conseils utiles sur le blogging !