Comment ajouter une galerie Instagram à WordPress (étape par étape)

Vous souhaitez ajouter une galerie Instagram dynamique à votre site web WordPress ?

Présenter une galerie de vos dernières photos et vidéos Instagram directement sur votre site permet de garder votre contenu frais, d'engager visuellement vos visiteurs et de transformer le trafic du site web en adeptes d'Instagram.

Mais créer une galerie Instagram personnalisable n'est pas simple en utilisant les options d'intégration standard d'Instagram.

Ils manquent souvent de la flexibilité et des fonctionnalités dont vous avez besoin pour une mise en page attrayante sur votre site.

Je sais qu'essayer d'intégrer et de styliser le contenu des médias sociaux sur votre site Web peut sembler un peu compliqué si vous n'êtes pas à l'aise avec le code ou les constructeurs de sites Web complexes. C'est pourquoi nous avons élaboré ce guide étape par étape.

Avec plus de 10 ans d'expérience à aider les propriétaires de sites web à ajouter et personnaliser facilement des flux de médias sociaux, nous, chez Smash Balloon, avons écrit cet article pour vous montrer exactement comment ajouter une galerie Instagram à votre site WordPress.

De plus, ce tutoriel est conçu pour les débutants sur WordPress. Ce tutoriel est conçu pour les débutants WordPress, donc vous pouvez facilement suivre et créer votre propre galerie Instagram étonnante, même si vous n'êtes pas un expert en technologie !

Dans cet article

Pourquoi ajouter des galeries Instagram à WordPress ?

Il y a de nombreuses raisons pour lesquelles vous voudriez créer une galerie Instagram dans WordPress.

La raison la plus évidente est d'obtenir plus de followers Instagram. Lorsque vous intégrez du contenu Instagram sur votre site, les visiteurs peuvent voir que vous avez un profil florissant qui mérite d'être suivi.

Vous pouvez également afficher une chronologie de vos galeries Instagram pour...

• Engager les visiteurs du site avec un contenu adapté à leurs centres d'intérêt
• Montrez la preuve sociale avec des commentaires et des témoignages de clients
• Montrez que votre marque peut réagir aux tendances grâce à un flux régulièrement mis à jour.
• Afficher du contenu généré par les utilisateurs sur les pages de produits pour augmenter les ventes

En utilisant Instagram pour les affaires et en ajoutant des galeries Instagram à votre site web, vous pouvez renforcer l'exposition de votre marque et maintenir des niveaux d'engagement élevés.

Elle vous aide également à nouer des relations durables avec vos clients.

Pourquoi utiliser des plugins pour les galeries Instagram ?

Comme indiqué précédemment, Instagram ne facilite pas l'intégration de galeries entières de photos dans WordPress. Le mieux que vous puissiez faire avec leurs outils d'édition est d'intégrer des posts individuels.

C'est pourquoi nous utilisons un plugin WordPress pour vous montrer comment créer une galerie Instagram. Les plugins facilitent la création de galeries car ils font une grande partie du travail à votre place.

Les plugins Instagram se connectent à votre profil et affichent vos posts comme vous le souhaitez - aucun codage n'est nécessaire !

Il n'est pas toujours facile de trouver un plugin WordPress Instagram qui fasse tout ce dont vous avez besoin, alors pourquoi ne pas commencer par le meilleur plugin du marché ?

Instagram Feed Pro est le meilleur plugin de flux Instagram pour WordPress. Il vous permet d'afficher des galeries Instagram personnalisables dans WordPress sans avoir besoin d'un travail technique pour qu'elles soient superbes.

Toutes les galeries Instagram sont entièrement personnalisables, ce qui vous permet de les adapter à votre goût. Et vous pouvez afficher autant de galeries que vous le souhaitez, où vous voulez sur votre site.

Plusieurs options de mise en page vous permettent de présenter vos galeries sous forme de carrousels, de grilles, de grilles de maçonnerie, etc.

De plus, vous pouvez utiliser la mise en évidence pour attirer l'attention sur des articles spécifiques de votre galerie.

Voici quelques autres choses que vous pouvez faire avec le plugin Instagram Feed :

• Liez les articles de votre galerie aux pages des produits pour créer des flux Instagram compatibles avec les achats.
• Affichez vos stories Instagram dans des popups lightbox en plein écran.
• Incorporer des posts Instagram à acheter sur votre site web
• Gérer plus d'un compte Instagram sur le même site
• Filtrez votre contenu Instagram en fonction du hashtag, des termes de recherche et plus encore.
• Combiner plusieurs flux en une seule galerie Instagram
• Modérer les messages avec le puissant système de modération visuelle

Comme si cela ne suffisait pas, vous avez accès à une assistance clientèle de qualité et à une garantie de remboursement à 100 % pendant 14 jours.

Cliquez ici pour commencer à utiliser Instagram Feed Pro.

Maintenant que vous savez pourquoi la création d'une galerie Instagram dans WordPress est bénéfique, voyons les étapes pour construire votre premier flux de galerie.

Comment créer une galerie Instagram sur WordPress

Sur ce, nous allons commencer notre tutoriel et vous montrer comment créer, personnaliser et intégrer votre galerie Instagram.

Étape 1 : Installer le plugin Instagram Feed Pro

La première étape consiste à installer le plugin Instagram Feed Pro sur votre site web WordPress.

Si vous n'êtes pas sûr de savoir comment faire, consultez ce guide d'installation pas à pas d'un plugin WordPress.

Ensuite, lorsque vous activez le plugin, vous pouvez créer votre flux de galerie Instagram à l'étape 2.

Étape 2 : Créer votre galerie Instagram

Maintenant que vous avez installé Instagram Feed Pro sur votre site web, il est temps de créer votre galerie Instagram.

Depuis votre tableau de bord d'administration WordPress, allez dans le menu Flux Instagram " Tous les flux.

Pour créer votre galerie Instagram, il vous suffit de cliquer sur Ajouter un nouveau.

Une fois que vous avez fait cela, vous pouvez choisir le type de galerie Instagram. Avec ce plugin, vous pouvez choisir parmi 3 types de galeries :

• Timeline de l'utilisateur : Afficher une galerie de posts Instagram d'un compte dont vous êtes le propriétaire.
• Hashtag public: Créez une galerie de tous les messages publics d'un hashtag au lieu d'un utilisateur.
• Messages marqués : Affiche une galerie de photos dans lesquelles votre profil est étiqueté.

Pour combiner plusieurs types de galeries, vous pouvez sélectionner plus d'une option ici.

Sélectionnez le type de galerie Instagram que vous souhaitez, puis cliquez sur Suivant.

Pour l'instant, nous utiliserons une ligne de temps utilisateur dans ce tutoriel.

Comme vous pouvez le voir, il est super facile de créer votre galerie Instagram à l'aide de ce plugin.

Dans l'étape suivante, vous pouvez connecter votre galerie nouvellement créée à une source.

Étape 3 : Connecter votre compte Instagram

Si vous souhaitez que votre nouvelle galerie Instagram affiche des photos et des vidéos, il vous suffit de la connecter à votre compte Instagram.

Pour ce faire, cliquez d'abord sur le bouton Ajouter une source de cette page.

Le plugin vous permet de choisir entre 2 types de comptes Instagram : Personnel ou Professionnel.

Vous ne pouvez afficher vos propres posts Instagram dans votre galerie que si vous optez pour un compte personnel.

Pour avoir accès à davantage de types de contenu pour votre galerie Instagram, comme les flux de hashtags, les vidéos IGTV, les flux shoppables, les bobines Instagram et bien plus encore, vous pouvez opter pour un compte professionnel.

Sélectionnez votre type de compte Instagram dans l'option Sélectionner le type de compte , puis cliquez sur le bouton Se connecter avec Instagram .

Ensuite, le plugin vous enverra sur Instagram. Vous pouvez maintenant donner un accès en lecture seule à Instagram Feed Pro pour qu'il puisse afficher le contenu d'Instagram sur votre site web.

Votre compte Instagram sera totalement sécurisé puisque le plugin ne peut que consulter vos données et ne peut y apporter aucune modification.

Pour confirmer l'accès en lecture seule, cliquez sur le bouton Autoriser .

Enfin, cliquez sur le boutonSuivant de cette page pour utiliser votre compte Instagram comme source pour la nouvelle galerie Instagram.

Jusqu'à présent, vous avez créé une nouvelle galerie Instagram sur votre site et l'avez connectée à Instagram. Pour l'étape suivante, vous pouvez utiliser les options de personnalisation pour modifier l'apparence de la galerie Instagram.

Étape 4 : Personnaliser votre flux de galerie Instagram

Une fois que vous avez ajouté une source à votre galerie Instagram, vous pouvez utiliser l'éditeur de flux pour personnaliser son design.

Ici, vous pouvez trouver toutes les options de personnalisation sur le côté gauche de l'écran. Vous avez la possibilité de personnaliser la mise en page de votre galerie, les couleurs, le style de l'en-tête, la taille de la galerie, et bien d'autres choses encore.

Sur la droite, un aperçu en direct de votre galerie Instagram vous permet de voir toutes vos modifications en temps réel.

Cliquez sur la Mise en page du flux dans le panneau de gauche pour commencer à personnaliser votre galerie Instagram.

Comme vous pouvez le voir, vous avez le choix entre 4 modèles de mise en page : Grille, Carrousel, Masonry et Highlight.

Voici un examen plus approfondi de chaque disposition de galerie avec un exemple d'affichage sur votre site web.

Grille Galerie Instagram

Le type de galerie Grille est une galerie photo traditionnelle. Elle présente vos publications Instagram sous la forme d'une ceinture uniforme d'images recadrées au carré.

Vous pouvez personnaliser la galerie en choisissant le nombre de photos et de colonnes pour les ordinateurs de bureau et les appareils mobiles. Il est également possible de modifier le remplissage autour des photos.

Galerie Instagram du carrousel

Le type de galerie Carousel affiche vos photos et vidéos Instagram dans un carrousel de diaporama horizontal.

Vous pouvez choisir le nombre de lignes et de colonnes pour personnaliser l'aspect et la convivialité de votre carrousel Instagram. Il est également possible d'afficher ou de masquer les flèches de navigation, la pagination et de configurer la galerie pour qu'elle s'affiche automatiquement.

Maçonnerie Galerie Instagram

La galerie Masonry vous permet d'afficher les posts Instagram dans leur format d'origine. Cela signifie que les photos de portrait ne seront pas recadrées pour s'adapter à une taille spécifique.

Pour ce type de galerie, vous pouvez définir le nombre de colonnes et de photos pour les ordinateurs de bureau et les appareils mobiles individuellement.

Galerie Instagram

Le type de galerie " Highlight" découpe vos photos Instagram en carrés uniformes et les affiche dans un style maçonné.

Comme les messages mis en évidence sont deux fois plus grands, vous pouvez attirer davantage l'attention sur eux.

Jetez un coup d'œil aux options de mise en page de la galerie disponibles et sélectionnez celle que vous préférez. N'oubliez pas de cliquer sur Enregistrer pour confirmer vos modifications.

Ensuite, cliquez sur le petit bouton Personnaliser en haut à gauche pour continuer à personnaliser votre galerie Instagram.

Ensuite, sélectionnez l'option Schéma de couleurs pour modifier les couleurs de votre galerie Instagram.

Pour votre galerie Instagram, vous avez le choix entre 4 schémas de couleurs différents :

• Héritage du thème : Copier les couleurs de votre site web
• Léger : Fond clair et couleur de police plus foncée
• Sombre : arrière-plan plus sombre et couleur de police claire
• Personnalisé : Choisir manuellement les couleurs

Sélectionnez la palette de couleurs que vous souhaitez, puis cliquez sur le bouton Enregistrer.

Maintenant, vous pouvez utiliser le reste des options de personnalisation et changer le design de votre galerie Instagram. Vous pouvez modifier la mise en page de votre post, le style de l'en-tête, la taille de la galerie, le bouton Charger plus, et bien plus encore.

Pour enregistrer vos modifications, n'oubliez pas de cliquer sur Enregistrer à la fin.

Ensuite, vous pouvez passer à l'étape 5 et intégrer la galerie Instagram sur votre site WordPress.

Étape 5 : Intégrer votre galerie Instagram sur WordPress

Maintenant que vous avez appris à créer une galerie Instagram sur WordPress, montrez-la en l'intégrant sur votre site.

Il y a deux façons d'ajouter votre galerie à WordPress :

• Intégrer une galerie Instagram sur des pages WordPress
• Intégrer une galerie Instagram dans la barre latérale ou le pied de page de WordPress

Intégrer une galerie Instagram sur une page WordPress

Vous pouvez facilement intégrer votre galerie Instagram à l'aide de l'éditeur de flux en direct.

Pour cela, cherchez le bouton Embed dans le coin supérieur droit et cliquez dessus.

Ensuite, le plugin vous demandera de choisir l'emplacement de votre galerie Instagram.

Il suffit de cliquer sur le bouton Ajouter à une page pour l'intégrer à une page WordPress.

Ensuite, sélectionnez votre page WordPress dans la fenêtre contextuelle et cliquez sur Ajouter pour continuer.

Une fois que vous avez fait cela, le plugin ouvrira cette page dans l'éditeur WordPress.

Cliquez sur la petite icône plus (+) pour ajouter un nouveau bloc de contenu.

Écrivez "Instagram" dans la barre de recherche, puis cliquez sur le bloc Flux Instagram ci-dessous.

Enregistrez maintenant vos modifications en cliquant sur Publier et vous aurez officiellement intégré votre galerie Instagram sur votre site WordPress.

Ouvrez votre site web et vous verrez à quoi il ressemble.

Passons maintenant à la prochaine façon d'intégrer votre galerie Instagram.

Intégrer une galerie Instagram dans la barre latérale ou le pied de page de WordPress

Avec Instagram Feed Pro, vous pouvez également intégrer votre galerie dans votre barre latérale ou votre pied de page sous la forme d'un widget Instagram.

Tout d'abord, utilisez votre tableau de bord WordPress pour aller dans le menu Flux Instagram " Tous les flux , puis cliquez sur votre galerie Instagram de tout à l'heure.

Vous verrez maintenant la galerie Instagram ouverte dans l'éditeur de flux en direct. À partir de là, cliquez sur le bouton Embed (Intégrer) en haut pour continuer.

Dans la fenêtre contextuelle, vous pouvez choisir l'emplacement de votre galerie Instagram. Pour l'instant, cliquez sur le bouton Ajouter à un widget.

Sur cette nouvelle page, cliquez sur la Barre latérale pour commencer à gérer les widgets WordPress dans cette zone.

Vous pouvez également cliquer sur un panneau de pied de page si vous souhaitez y intégrer votre galerie Instagram.

Nous utiliserons la barre latérale de WordPress pour ce tutoriel.

Ensuite, ajoutez un nouveau widget en cliquant sur l'icône plus (+) en bas. Enfin, sélectionnez le widget Flux Instagram dans les options.

Cliquez sur le bouton Mettre à jour en haut et vous avez maintenant ajouté un widget de galerie Instagram à votre site web.

Maintenant, lorsque vous naviguez vers l'avant de votre site web, vous verrez votre galerie comme ceci :

Et voilà !

Nous espérons que ce tutoriel vous a aidé à apprendre comment créer une galerie Instagram dans WordPress.

Il ne vous reste plus qu'à mettre à jour votre galerie avec de superbes photos. Vous pourrez alors continuer à intéresser votre public, à attirer de nouveaux adeptes et, en fin de compte, à développer votre marque.

Prêt à intégrer de superbes galeries Instagram ? Commencez dès aujourd'hui avec Instagram Feed Pro.

Vous cherchez à tirer le meilleur parti de votre site web WordPress ? Consultez notre liste des meilleurs plugins WordPress pour les entreprises.

Si vous avez un site Elementor, voici comment vous pouvez intégrer des flux Instagram sur Elementor.

Et si vous avez apprécié cet article, n'hésitez pas à nous suivre sur Twitter et Facebook pour d'autres tutoriels utiles.