Comment ajouter un widget Instagram dans WordPress (Guide étape par étape)

Widget WordPress Instagram

Vousvoulez apprendre à ajouter un widget Instagram à votre blog WordPress?L’affichage de votre flux Instagram sur votre blog est un excellent moyen d’augmenter l’engagement avec vos lecteurs, de leur fournir du contenu supplémentaire, et plus encore.

Connecter votre compte Instagram à votre blog WordPress peut sembler difficile, mais ce n’est pas le cas!

Dans cet article, nous allons vous montrer comment ajouter facilement un widget Instagram à votre blog de 2 manières différentes: manuellement et en utilisant un plugin WordPress pour les flux Instagram.Nous examinerons également toutes les façons dont l'ajout d'un widget Instagram vous aidera à développer votre blog.

Bonjour?

Plongeons !

 

Qu’est-ce qu’un widget WordPress ?

Tout d'abord, si vous êtes nouveau sur WordPress, vous vous demandez peut-être ce qu'est un widget WordPress.

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

Les widgets WordPress sont disponibles pour de nombreuses fonctions différentes telles que l’affichage d’articles de blog 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 au pied de page de son site Web ainsi que des icônes de médias sociaux, un formulaire d’inscription à la newsletter, etc.

instagram-feed-studio-mommy

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

Lisez la suite pour savoir pourquoi. 

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

Il existe de nombreuses façons d’ajouter un widget Instagram à WordPress pour vous aider à améliorer votre site Web et à développer votre blog.

Examinons donc de plus près pourquoi vous devriez ajouter un flux Instagram à votre blog. 

Fournir aux visiteurs plus de contenu

Lorsque vous ajoutez un flux Instagram à votre blog, vous fournissez aux visiteurs de votre site Web un contenu plus intéressant à consulter.Au lieu de quitter votre blog après avoir lu votre dernier message, ils peuvent faire défiler votre flux Instagram, sans avoir à quitter votre site Web.

Ce contenu supplémentaire encourage les visiteurs à rester plus longtemps sur votre site Web.

Améliore seo

Lorsque vous ajoutez un widget Instagram à WordPress, les légendes Instagram sont intégrées à votre site.

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

Augmenter l’engagement et les abonnés

Les lecteurs de votre blog ne savent peut-être pas que vous êtes sur Instagram.Ensuite, en ajoutant un widget Instagram à votre blog, vous leur ferez savoir que vous êtes actif sur la plateforme.

Cela peut vous aider à obtenir plus d’abonnés sur Instagram et à augmenter votre présence sur les médias sociaux.

De plus, lorsque les lecteurs pourront voir vos derniers messages Instagram sur votre blog, cela les encouragera à s’engager davantage avec vos messages en aimant ou en commentant. 

Mettez facilement à jour votre blog

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 en ligne. 

Construire la preuve sociale et la confiance

Si vous partagez du contenu généré par les utilisateurs, tel que des témoignages de vos lecteurs sur Instagram, l’ajout d’un widget Instagram à votre site vous aidera à établir une preuve sociale et à faire confiance aux visiteurs du site Web.

Les utilisateurs de votre site verront que d’autres personnes font confiance à votre blog, ce qui les encouragera à devenir également 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 ajouter un widget Instagram dans WordPress sans plugins, vous pouvez le faire manuellement.

Nous vous recommandons d’utiliser un plugin car il est plus simple et vous donnera beaucoup d’autres options d’affichage et de personnalisation, nous en parlerons dans la section suivante.

En outre, il y a beaucoup de place pour les erreurs avec la méthode manuelle, ce qui peut être difficile à corriger si vous n'êtes pas familier avec le code.

Mais, pour ajouter manuellement un widget Instagram, commencez par accéder à votre compte Instagram et sélectionnez la photo que vous souhaitez afficher sur votre blog.

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

Intégration d’Instagram

À l’étape suivante, cliquez sur le bouton bleu Copier le code à intégrer.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.

Copiez le code inclus

Après avoir copié le code d’intégration, 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é, accédez à votre tableau de bord WordPress.Ensuite, allez dans Apparence » Widgets.

widget-apparence-tableau de bord

Sur le côté gauche de la page Widgets, vous verrez une liste des widgets disponibles.Recherchez le widget Texte et faites-le glisser vers la droite de la page où vous souhaitez qu’il apparaisse sur votre site. Pour ce tutoriel, nous allons l’ajouter à la barre latérale.

Faites glisser le widget de texte vers la barre latérale

Après avoir placé le widget à l’emplacement souhaité sur votre site, cliquez sur la flèche déroulante du widget.

menu déroulant

Une zone de texte s’ouvrira où vous pourrez coller le code d’intégration Instagram que vous avez copié précédemment.Veillez à coller le code d’intégration dans l’éditeur de texte au lieu de l’éditeur visuel.

code-collage-intégration

Vous pouvez également ajouter un titre pour votre flux Instagram.Cliquez sur Enregistrer lorsque vous avez terminé.

C'est tout.

Vous pouvez maintenant voir votre widget Instagram en direct sur votre blog.

Instagram-sidebar-widget

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

Alors, jetons un coup d'œil à une meilleure façon d'ajouter un widget Instagram à WordPress.

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

Le moyen le plus simple et le meilleur d’ajouter un widget Instagram à WordPress est d’utiliser un plugin.Nous recommandons le plugin Instagram Feed Pro de Smash Balloon.

Instagram Feed Pro Balloon Smash

Instagram Feed Pro est le plugin Instagram le mieux noté pour WordPress numéro 1.

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

De plus, Instagram Feed Pro est livré avec d’excellentes fonctionnalités 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 telles que le carrousel, la grille, la maçonnerie et la mise en surbrillance. 
  • Système de modération visuelle : Décidez quels messages afficher et lesquels masquer. 
  • Engagement social : affichez des histoires Instagram, des commentaires, des mentions J’aime et un bouton Suivre sur votre flux. 
  • Conception réactive: s’adapte automatiquement à différentes tailles d’écran pour rendre votre flux mobile-friendly.
  • Plusieurs flux Instagram: Affichez toutes sortes de flux différents sur votre site que vous souhaitez. 

Smash Balloon propose également une version gratuite du plugin, vous pouvez donc l’essayer.

Mais pour accéder à des fonctionnalités telles que plusieurs mises en page, commentaires et mentions J’aime, et flux de hashtags, vous devez passer à la version pro.

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

Étape 1: Installez le plugin de flux Instagram

Tout d’abord, vous devez télécharger Instagram Feed Pro à partir de Smash Balloon et installer et activer le plugin. Pour commencer, consultez cet article sur la façon d’installer un plugin WordPress pour des instructions détaillées.

 

Étape 2: Connectez votre compte Instagram au plugin

Ensuite, vous devez lier votre compte Instagram au plugin Smash Balloon.Pour ce faire, cliquez sur le bouton Flux Instagram dans le tableau de bord WordPress qui apparaît après le téléchargement et l’activation du plugin. Cela vous amènera à la page Paramètres du plugin Instagram Feed.

Cliquez sur le bouton bleu Lier un compte Instagram .

lien-instagram-compte

Suivez les instructions à l’écran pour connecter votre compte Instagram.

La première invite vous demandera si vous souhaitez connecter un compte Instagram personnel ou professionnel .

Compte professionnel personnel

Il est important de noter que certaines fonctionnalités du flux Instagram Smash Balloon, telles que le flux de hashtag ou les publications achetables, nécessitent un compte professionnel Instagram.

Ne vous inquiétez pas du type de compte Instagram dont vous avez besoin en ce moment, car vous pouvez toujours le modifier plus tard.

Sélectionnez votre type de compte Instagram et cliquez sur Se connecter pour continuer.

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

Étape 3: Choisissez le contenu Instagram à afficher

Sur la même page, vous pouvez également choisir le type de contenu Instagram que vous souhaitez afficher 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 les photos dans lesquelles vous êtes identifié
  • Un aliment mixte avec plusieurs types d’aliments
type flux instagram

Pour afficher un flux simple de vos dernières publications Instagram, choisissez l’option Comptes d’utilisateurs et cliquez sur Enregistrer les modifications

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

Accédez à la page Paramètres du plug-in Instagram Feed et cliquez sur l’onglet Personnaliser .

Carte de personnalisation Smash Ball

Sur cette page, vous pouvez décider à quoi ressemblera le widget Instagram sur votre blog avec des options de personnalisation telles que:

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

Vous pouvez également choisir le type de mise en page que vous souhaitez que votre widget Instagram ait.Le flux Instagram de Smash Balloon propose 4 options de mise en page différentes:

  • Grille : une grille standard avec des images carrées fixes
  • Carrousel : carrousel horizontal que les utilisateurs peuvent faire défiler
  • Maçonnerie – Une galerie qui montre les photos Instagram dans leur format paysage ou portrait d’origine
  • Surligner: Une galerie où des photos spécifiques apparaissent plus grandes dans la grille pour les mettre en évidence

Pour ce tutoriel, nous allons choisir la disposition Grille, qui ressemble à ceci:

smash-balloon-instagram-grid-layout

Choisissez le type de mise en page souhaité et cliquez sur Enregistrer les modifications.

Étape 5: Ajoutez votre widget Instagram dans WordPress

Il est maintenant temps d’ajouter votre widget Instagram à votre blog!

Avec le plugin Instagram Feed de Smash Balloon, vous avez 3 façons différentes d’intégrer votre flux.

Examinons chacun d’eux. 

1. Flux Instagram Bloc WordPress

Pour ajouter un widget Instagram à une nouvelle page de votre site Web à l'aide de l'éditeur de blocs de WordPress, accédez d'abord à Pages »Ajouter nouveau.

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 Feed Instagram.

wordpress-block-widget

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

Vous aurez alors un aperçu de l'apparence de votre flux Instagram sur votre site Web et vous pourrez modifier les paramètres si nécessaire.

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

Voici un exemple de ce à quoi ressemble le produit fini :

instagram-feed-smash-balloon

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

2. Shortcodes du flux Instagram

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

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

feed-shortcode

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

code-raccourci

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

3. Widget WordPress pour les flux Instagram

Si vous souhaitez que votre widget Instagram apparaisse dans la barre latérale, comme le pied de page ou la barre latérale principale, vous pouvez utiliser le widget Instagram Feed intégré de Smash Balloon. 

Accédez à Apparence » Widgets à partir de votre tableau de bord WordPress. 

Trouvez le widget Flux Instagram sur le côté gauche et faites-le glisser vers la barre latérale choisie.Pour ce tutoriel, nous allons ajouter un widget Instagram à la barre latérale principale. 

Widget Smash-Balloon

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. 

sidebar-instagram-feed

C’est une conclusion!

Vous avez maintenant appris à 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 accroître votre présence sur les médias sociaux.

Vous voulez aussi voir un flux Facebook sur votre blog?Consultez notre liste des meilleurs plugins Facebook pour WordPress.Vous pouvez également lire notre tutoriel sur la façon d’intégrer un groupe Facebook dans WordPress.

Et n’oubliez pas de vous inscrire à notre newsletter par e-mail pour obtenir d’autres conseils utiles sur les blogs!

Open

info.ibdi.it@gmail.com

Close