Cerca

Comment ajouter un Widget Instagram dans WordPress (guide par étapes)

widget instagram wordpress

Wcomment ajouter un widget Instagram à votre blog WordPress? Afficher 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 de flux Instagram. Nous examinerons également toutes les façons dont l’ajout d’un widget Instagram vous aidera à développer votre blog.

Prêt?

Plongeons-nous!

 

Qu’est-ce qu’un widget WordPress?

Premièrement, 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 à 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, telles que 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 avec des icônes de médias sociaux, un formulaire d’inscription à la newsletter , etc.

instagram-feed-studio-maman

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

Continuez à lire pour savoir pourquoi. 

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

L’ajout d’un widget Instagram à WordPress peut vous aider à améliorer votre site Web et à développer votre blog de nombreuses façons.

Alors, regardons 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 article, 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.

Boostez le référencement

Lorsque vous ajoutez un widget Instagram à WordPress, vos 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 à booster 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 . Ainsi, 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 à accroître votre présence sur les réseaux sociaux.

De plus, lorsque les lecteurs peuvent voir vos derniers articles Instagram sur votre blog, cela les encouragera à interagir davantage avec vos articles 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 contenu frais. Chaque fois que vous publiez un 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. 

Construire la preuve sociale et la confiance

Si vous partagez du contenu généré par les utilisateurs comme les témoignages de vos lecteurs sur Instagram, l’ajout d’un widget Instagram à votre site vous aidera à créer une preuve sociale et une confiance avec les visiteurs du site Web.

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

Maintenant que vous connaissez tous les avantages de la connexion de votre compte Instagram à WordPress, passons directement au didacticiel. 

Comment ajouter un widget Instagram dans WordPress (manuellement)

Si vous souhaitez ajouter un widget Instagram dans WordPress sans plugin, vous pouvez le faire manuellement.

Nous vous recommandons d’utiliser un plugin car c’est plus facile et cela vous donnera une tonne d’autres options d’affichage et de personnalisation – plus à ce sujet dans la section suivante.

De plus, 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 vous diriger vers 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 Instagram

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

copier-intégrer-code

Une fois que vous avez 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.

tableau de bord-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 sur le côté droit de la page à l’endroit où vous souhaitez qu’il apparaisse sur votre site. Pour ce didacticiel, nous l’ajouterons à la barre latérale.

faire glisser le widget texte vers 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.

menu déroulant

Cela ouvrira une zone de texte dans laquelle vous pourrez coller le code d’intégration Instagram que vous avez copié précédemment. Assurez-vous de coller le code incorporé dans l’ éditeur de texte plutôt que dans l’éditeur visuel.

coller-incorporer le code

Vous pouvez également ajouter un titre à 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.

widget-barre latérale-instagram

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.

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

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

instagram feed pro smash ballon

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

En utilisant ce plguin Smash Balloon, en quelques clics, vous pouvez facilement ajouter votre flux Instagram 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 est livré avec des fonctionnalités impressionnantes pour vous aider à créer un widget Instagram puissant et personnalisé, notamment:

  • Options de mise en page multiples – Choisissez parmi les options de mise en page intégrées telles que le carrousel, la grille, la maçonnerie et la mise en évidence. 
  • Système de modération visuelle – Décidez quels messages afficher et quels messages masquer. 
  • Engagement social – Affichez des histoires Instagram, des commentaires, des likes et un bouton de suivi sur votre flux. 
  • Conception réactive – 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 que vous le souhaitez sur votre site. 

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 likes, et flux de hashtag, vous devez passer à la version pro .

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

Étape 1: Installez le plug-in Instagram Feed

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

Pour les débutants, consultez cet article sur la façon d’installer un plugin WordPress pour des instructions détaillées. 

Étape 2: Connectez votre compte Instagram avec le plug-in

Ensuite, vous devez connecter votre compte Instagram avec le plugin Smash Balloon. Pour ce faire, 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 amènera à la page Paramètres du plugin Instagram Feed. Cliquez sur le bouton bleu Connecter un compte Instagram .

connecter-compte-instagram

Suivez les invites qui s’affichent à 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 pour certaines fonctionnalités du flux Instagram Smash Balloon, comme le flux hashtag ou les publications achetables, vous devez avoir un compte Instagram professionnel.

Ne vous inquiétez pas du type de compte Instagram dont vous avez besoin pour le moment, car vous pouvez toujours le changer 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 des photos sur lesquelles vous êtes tagué
  • Un aliment mixte avec plusieurs types d’aliment
instagram-feed-type

Pour afficher un flux simple de vos dernières publications Instagram, choisissez l’option Compte utilisateur, puis cliquez sur Enregistrer les modifications . 

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

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

smash-balloon-custom-tab

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 de l’arrière plan
  • Nombre de photos à afficher
  • Afficher / masquer votre bio Instagram
  • Ajouter un bouton de suivi

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

  • Grille – Une grille standard avec des images carrées fixes
  • Carousel – Un carrousel horizontal dans lequel les utilisateurs peuvent faire défiler
  • Maçonnerie – Une galerie qui montre des photos Instagram dans leur format horizontal ou vertical d’origine
  • Mise en évidence – Une galerie dans laquelle des photos spécifiques apparaissent plus grandes dans la grille pour les mettre en évidence

Pour ce didacticiel, nous choisirons 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.

Passons en revue chacun d’eux. 

1. Bloc WordPress pour flux Instagram

Pour ajouter un widget Instagram à une nouvelle page de votre site Web à l’aide de l’éditeur de blocs 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 Instagram Feed WordPress .

widget-bloc-wordpress

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

Vous obtiendrez ensuite 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 rendre votre widget de flux Instagram en direct sur votre blog!

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

instagram-feed-smash-ballon

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 du flux Instagram

Si vous utilisez l’éditeur WordPress classique, vous pouvez utiliser le shortcode Instagram Feed 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.

feed-shortcode

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

coller-shortcode

Cliquez sur Publier pour enregistrer vos modifications et rendre votre flux Instagram en direct sur votre site. 

3. Widget WordPress pour flux Instagram

Si vous souhaitez que votre widget Instagram apparaisse dans 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. 

Allez dans Apparence »Widgets depuis le tableau de bord WordPress. 

Trouvez le widget Instagram Feed 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-ballon-smash

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

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

sidebar-instagram-feed

C’est une enveloppe!

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, stimuler l’engagement et accroître votre présence sur les réseaux sociaux.

Vous souhaitez également afficher 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 pour plus de conseils utiles sur les blogs!

Open

info@ibdi.it

Close