Comment créer un flux de photos Instagram personnalisé dans WordPress ?

Un flux Instagram peut maintenir la fraîcheur de votre site tout en vous permettant d’obtenir plus de likes, de partages et d’abonnés Instagram. Il vous aide à vous connecter avec votre public sur plusieurs plateformes et à stimuler l’engagement.

Les réseaux sociaux ont joué un rôle déterminant dans l’augmentation du trafic vers notre site et le dépliage de notre public. En partageant du contenu engageant et en interagissant avec nos abonnés, nous avons pu accroître la notoriété de la marque et attirer de nouveaux internautes.

Dans cet article, nous allons vous afficher comment créer facilement un flux de photos Instagram personnalisé pour votre site WordPress.

Pourquoi inclure un flux Instagram sur votre site WordPress ?

Le fait d’embarquer un flux Instagram sur votre site WordPress vous permet d’afficher du contenu frais à vos internautes sans beaucoup de travail supplémentaire. Cela encourage également les lecteurs à vous suivre sur Instagram.

Au lieu d’ajouter manuellement des images dans l’éditeur de blocs de WordPress, vous pouvez simplement créer un flux qui se met à jour automatiquement chaque fois que vous publiez de nouvelles photos sur Instagram. Vous pouvez même afficher les photos d’autres personnes sur votre site en créant un flux de hashtag.

Dans l’image suivante, vous pouvez voir un exemple de marque qui utilise un flux Instagram personnalisé pour afficher du contenu généré par les comptes.

De cette façon, vous pouvez utiliser un flux Instagram personnalisé pour fournir une preuve sociale précieuse et gagner plus d’argent en ligne.

Ceci étant dit, voyons comment vous pouvez créer un flux de photos Instagram personnalisé dans WordPress.

Comment créer un flux de photos Instagram personnalisé dans WordPress ?

La façon la plus simple d’ajouter un flux de photos Instagram à votre site est d’utiliser l’extension Smash Balloon Instagram Feed. C’est la meilleure extension Instagram pour WordPress qui vous permet d’afficher le contenu de votre compte Instagram en un instant.

C’est aussi le moyen le plus simple de corriger le point de terminaison Corrigé oEmbed de Facebook et Instagram sur WordPress.

Nous allons couvrir plusieurs étapes dans notre tutoriel, et vous pouvez utiliser les liens rapides ci-dessous pour passer aux différentes sections :

Tutoriel vidéo

Subscribe to WPBeginner

Si vous préférez des instructions écrites, continuez à lire.

Comment connecter un compte Instagram à WordPress ?

Tout d’abord, vous devrez installer et activer le plugin Smash Balloon Instagram Feed. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.

Une fois activé, rendez-vous sur la page  » Réglages  » du Flux Instagram depuis le tableau de bord WordPress.

Saisissez ensuite votre clé de licence Smash Balloon dans le champ « Clé de licence ».

Vous trouverez ces informations dans l’e-mail de confirmation que vous avez reçu lors de l’achat de Smash Balloon ainsi que dans votre compte Smash Balloon.

Une fois cette étape franchie, cliquez sur le bouton « Activer ».

Vous êtes maintenant prêt à créer un flux Instagram personnalisé. Pour Premiers pas, sélectionnez Flux Instagram  » Tous les flux, puis cliquez sur le bouton  » Ajouter un nouveau « .

Smash Balloon affichera désormais tous les différents types de flux Instagram que vous pouvez créer.

Il vous suffit de sélectionner le type de flux que vous souhaitez ajouter à WordPress, puis de cliquer sur « Suivant ».

Si vous souhaitez simplement afficher vos photos Instagram, vous pouvez utiliser un compte Instagram personnel. En revanche, vous aurez besoin d’un compte Instagram Professionnel si vous souhaitez créer un flux de hashtags ou afficher les publications dans lesquelles votre compte est identifié.

Si vous sélectionnez  » Publier un hashtag « , vous devrez alors saisir les hashtags que vous souhaitez utiliser. Pour afficher plusieurs hashtags dans le même flux, il suffit de séparer chaque hashtag par une virgule.

Une fois que vous avez fait cela, cliquez sur « Suivant ».

Voulez-vous afficher les publications dans lesquelles votre compte est identifié ? Vous devez sélectionner « Publications identifiées », puis cliquer sur « Suivant ».

Aucun type de flux n’est créé, vous devrez connecter WordPress à votre compte Instagram.

Pour Premiers pas, cliquez sur le bouton « Ajouter une source ».

Choisissez ensuite si vous souhaitez afficher des images provenant d’un compte personnel ou professionnel.

Si vous sélectionnez le bouton à côté de  » Personnel « , alors Smash Balloon n’inclura pas l’avatar et la bio Instagram dans votre en-tête par défaut. Cependant, vous pouvez toujours ajouter l’avatar Instagram et la bio manuellement dans les Réglages du plugin.

Après avoir choisi entre un compte professionnel et un compte personnel, il suffit de cliquer sur « Connexion avec Facebook ».

Vous pouvez maintenant sélectionner le compte Instagram que vous souhaitez mettre en fonctionnalité sur votre site WordPress et cliquer sur  » Suivant « .

Ensuite, cochez la case à côté de la page Facebook liée au compte Instagram que vous souhaitez utiliser.

Cela fait, vous devez cliquer sur le bouton « Suivant ».

Vous verrez maintenant une fenêtre surgissante avec toutes les informations auxquelles Instagram Feed Pro aura accès et les actions qu’il peut effectuer.

Pour restreindre l’accès de l’extension à votre compte Instagram, il suffit de cliquer sur l’un des interrupteurs pour le faire passer de  » Oui  » à  » Aucun « . Sachez simplement que cela peut affecter les photos qui apparaissent sur votre blog ou site WordPress.

C’est pourquoi nous vous recommandons de laisser tous les commutateurs activés. Lorsque vous êtes satisfait de la façon dont le flux est configuré, cliquez sur « Terminé ».

Vous verrez maintenant une fenêtre surgissante avec le compte Instagram que vous venez d’ajouter à votre site.

Il suffit de cocher la case à côté de ce compte et de cliquer sur « Ajouter ».

Instagram Feed Pro vous ramène alors à l’écran Flux Instagram  » Tous les flux.

Pour créer un flux Instagram personnalisé, il suffit de cocher la case à côté du compte Instagram que vous souhaitez utiliser. Cliquez ensuite sur « Suivant ».

L’extension créera désormais un flux de photos Instagram que vous pourrez ajouter à n’importe quelle page, publication ou zone prête à recevoir un widget.

Comment personnaliser votre flux de photos Instagram ?

Par défaut, Smash Balloon ouvre votre flux dans son éditeur, prêt à être personnalisé.

Sur la droite, vous verrez une Prévisualisation de votre flux de photos Instagram. Sur le côté gauche se trouvent tous les réglages que vous pouvez utiliser pour personnaliser le flux du réseau social.

La plupart de ces réglages se passent d’explications, mais nous allons rapidement couvrir quelques domaines clés.

Pour modifier la mise en page, il suffit de cliquer sur « Mise en page du flux » dans le menu de gauche. Vous pouvez maintenant choisir une mise en page de type Grille, Masonry ou Carrousel.

Il existe également une mise en page avec mise en évidence qui met en évidence une photo sur trois par défaut.

Au fur et à mesure que vous cliquez sur les différentes options, la Prévisualisation directe s’actualise automatiquement pour afficher la nouvelle mise en page. Il est ainsi facile d’essayer différents designs et de trouver celui que vous préférez.

Par défaut, Smash Balloon affiche le même nombre de photos sur les ordinateurs de bureau et les appareils mobiles. Vous pouvez prévisualiser l’aspect du flux Instagram sur les ordinateurs de bureau, les tablettes et les smartphones à l’aide de la ligne de boutons située dans le coin supérieur droit.

Les smartphones et les tablettes ont généralement des écrans plus petits et une puissance de traitement moindre, vous pouvez donc afficher moins de photos et de vidéos Instagram sur les appareils mobiles.

Pour ce faire, il vous suffit de saisir un autre nombre dans le champ « Mobile » sous « Nombre de publications ».

Par défaut, Smash Ballon divise vos photos en 4 colonnes sur ordinateur, en 2 colonnes sur les appareils à tablette et en une seule colonne sur mobile.

Vous souhaitez utiliser un nombre différent de colonnes ? Défilez alors vers la section « Colonnes » dans le menu de gauche.

Vous pouvez maintenant taper un nouveau numéro dans les champs de l’ordinateur, de la tablette ou du mobile.

Pour vous assurer que votre flux Instagram s’affiche bien sur les appareils mobiles, il est judicieux de voir la version mobile de votre site WordPress.

Après avoir effectué vos modifications, cliquez sur le lien « Personnaliser ». Vous reviendrez alors à l’éditeur principal de Smash Balloon, prêt à explorer l’écran de Réglages suivant, à savoir « Jeu de couleurs ».

Par défaut, Smash Balloon utilise un jeu de couleurs hérité de votre thème WordPress, mais il propose également des thèmes  » Clair  » et  » Foncé  » que vous pourriez vouloir utiliser pour votre flux Instagram.

Vous pouvez même créer votre propre jeu de couleurs en sélectionnant « Modifié », puis en utilisant les Réglages pour modifier la couleur des liens, la couleur de l’arrière-plan, la couleur du texte, etc.

Par défaut, Smash Balloon ajoute un en-tête au flux Instagram, qui est votre photo de profil et le nom de votre page. Cela peut fournir un contexte supplémentaire utile pour que les internautes comprennent d’où viennent ces images.

Pour modifier l’aspect de cette section, revenez à l’écran principal des Réglages et sélectionnez « En-tête ».

Sur cet écran, vous pouvez modifier la couleur d’arrière-plan, afficher votre bio Instagram, modifier la taille de l’en-tête, etc.

Par défaut, l’en-tête inclut votre photo de profil Instagram. Cependant, vous pouvez vouloir afficher une image différente, comme le logo personnalisé de votre site.

Pour modifier la photo de profil, cliquez sur  » Ajouter une image  » sous  » Afficher l’avatar personnalisé « . Vous pouvez alors choisir une image dans la médiathèque de WordPress ou téléverser une nouvelle photo.

Vous pouvez également ajouter une bio différente. Par exemple, vous pouvez ajouter un appel à l’action qui encourage les gens à visiter votre page Instagram.

Pour créer une bio Instagram unique, il suffit de taper dans la case  » Ajouter une bio personnalisée « .

Lorsque vous êtes satisfait de l’aspect de l’en-tête, cliquez sur le lien « Outil de personnalisation » pour revenir à l’écran principal des Réglages.

Vous devez maintenant cliquer sur « Publications ».

Pour commencer, vous pouvez passer d’une mise en page en boîte à une mise en page normale pour les différentes publications à l’intérieur du flux Instagram.

Pour ce faire, sélectionnez « Style de publication ».

Vous pouvez maintenant cliquer pour sélectionner la Mise en page que vous souhaitez utiliser.

Si vous sélectionnez « Modifié », vous pouvez modifier la couleur de l’arrière-plan, ajouter une ombre et augmenter le rayon de la bordure pour créer des coins arrondis.

Lorsque vous êtes satisfait de vos modifications, il vous suffit de cliquer sur le lien « Publications » pour revenir à l’écran de la publication précédente.

Cette fois, sélectionnez « Images et vidéos ».

Smash Balloon analyse automatiquement vos photos Instagram et les affiche à la meilleure résolution. Nous vous recommandons d’utiliser ces réglages par défaut, car ils sont conçus pour stimuler la vitesse et les performances de votre WordPress. Cependant, vous pouvez agrandir ou réduire les images Instagram si vous en avez besoin.

Pour modifier la taille de l’image, il suffit d’ouvrir le menu déroulant  » Résolution  » et de choisir l’une des tailles d’image par défaut de WordPress dans la liste.

Cliquez à nouveau sur le lien « Publications » pour revenir à l’écran précédent.

Cette fois-ci, sélectionnez  » Légende « . Sur l’écran suivant, vous pouvez afficher la légende Instagram à côté de chaque image en cliquant sur le Diaporama ‘Activer’.

Cela ouvrira de nouvelles options de personnalisation à partir desquelles vous pourrez modifier la taille et la couleur du texte et définir une longueur de texte maximale.

Link, il suffit de cliquer sur le lien « Publications » pour revenir à l’écran précédent.

Le réglage suivant est « Résumé des commentaires ».

Ici, vous pouvez ajouter ou masquer le nombre total de likes et de commentaires sur chaque image. Si vos publications Instagram obtiennent un bon Montant d’engagement, alors ces chiffres peuvent encourager les gens à visiter votre page Instagram ou à commencer à vous suivre sur les réseaux sociaux.

Comme toujours, vous devez cliquer sur « Publications » pour revenir à l’écran précédent.

La dernière option est « État de survol », c’est-à-dire la superposition que Smash Balloon ajoute à une publication lorsque vous la survolez avec votre souris.

Ici, vous pouvez choisir les informations que Smash Balloon affiche lorsque quelqu’un survole une publication à l’aide des Réglages sous « Informations à afficher ».

Vous pouvez également modifier la couleur de la superposition en survol.

Lorsque vous êtes satisfait des modifications apportées, cliquez sur le lien « Personnaliser ».

Cela vous ramène à la page principale des Réglages de Smash Balloon, où vous pouvez cliquer sur l’onglet « Charger plus de boutons ».

Ici, vous pouvez aider le bouton « Charger plus » à se démarquer en modifiant sa couleur d’arrière-plan, sa couleur de texte et son état de survol.

Vous pouvez également essayer d’ajouter votre propre message au bouton en tapant dans le champ « Texte ».

Bien que nous recommandions de laisser ce bouton activé, vous pouvez le retirer. Par exemple, vous pouvez encourager les gens à visiter votre Instagram en limitant le nombre de photos qu’ils peuvent voir sur votre site.

Pour retirer le bouton, il suffit d’inactif le Diaporama « Activer » pour qu’il devienne gris.

Si les visiteurs aiment ce qu’ils voient, ils peuvent décider de s’abonner en utilisant le bouton  » Suivre sur Instagram  » qui apparaît sous le flux embarqué.

Comme il s’agit d’un bouton très important, vous pouvez ajouter un style personnalisé pour l’aider à se démarquer. Pour ce faire, sélectionnez « Personnaliser » pour revenir à l’écran principal des Réglages. Sélectionnez ensuite « Bouton abonné » dans le menu de gauche.

Ici, vous pouvez modifier la couleur d’arrière-plan du bouton, son état de survol et la couleur du texte.

Par défaut, le bouton affiche un libellé  » Suivre sur Instagram « .

Vous pouvez remplacer ce message par le vôtre en le tapant dans le champ « Texte ».

Version Balloon est livré avec une visionneuse intégrée qui permet aux internautes d’ouvrir vos photos et vidéos Instagram sans quitter votre site.

Pour configurer cette fonctionnalité, retournez à l’écran principal des Réglages de Smash Balloon, puis cliquez sur « Visionneuse ».

Ici, vous pouvez modifier le nombre de commentaires que Smash Balloon affichera dans la visionneuse.

Si vous ne souhaitez pas utiliser la fonctionnalité de visionneuse, vous pouvez la désactiver à l’aide du Diaporama « Activer ».

Lorsque vous êtes satisfait de l’aspect du flux Instagram, n’oubliez pas de cliquer sur  » Enregistrer  » pour stocker vos modifications.

Vous êtes maintenant prêt à ajouter le flux Instagram à votre site WordPress.

Afficher un flux de vos photos Instagram dans WordPress

Vous pouvez ajouter le flux Instagram personnalisé à votre site à l’aide d’un bloc, d’un widget ou d’un code court.

Si vous avez créé plusieurs flux à l’aide de Smash Balloon, vous devrez connaître le code du flux pour utiliser un widget ou un bloc.

Pour obtenir ce code, vous devez vous rendre sur Instagram Feed  » Tous les flux, puis copier le texte sous  » Shortcode « .

Dans l’image suivante, nous devrons utiliser instagram-feed feed=4.

Si vous souhaitez embarquer le flux Instagram dans une page ou une publication, vous pouvez alors utiliser le bloc Instagram Feed.

Il suffit d’ouvrir la page ou la publication où vous souhaitez intégrer votre flux Instagram personnalisé. Ensuite, cliquez sur l’icône  » +  » pour ajouter un nouveau module et commencez à taper  » Flux Instagram « .

Lorsque le bon bloc apparaît, cliquez pour l’ajouter à la page ou à la publication.

Le bloc affichera l’un de vos flux Instagram par défaut. Si vous souhaitez afficher un flux Smash Balloon différent, trouvez  » Réglages du code court  » dans le menu de droite.

Ici, il suffit d’ajouter le code court, puis de cliquer sur  » Appliquer les modifications « .

Si vous êtes satisfait de l’aspect du flux Instagram personnalisé, alors vous pouvez aller de l’avant et publier ou mettre à jour la page.

Une autre option consiste à ajouter le widget Instagram Feed à votre site. C’est un excellent moyen d’afficher un flux Instagram sur chaque page de votre site. Par exemple, vous pouvez ajouter le widget Instagram à la colonne latérale ou au pied de page du thème WordPress.

Pour ajouter le widget Instagram Feed à votre site, rendez-vous dans Apparence  » Widgets. Vous pouvez ensuite cliquer sur l’icône bleue  » +  » vers le haut de l’écran.

Dans le panneau qui apparaît, tapez  » Flux Instagram  » pour trouver le widget adéquat.

Comme vous pouvez le voir dans l’image suivante, il existe deux widgets Instagram Feed, assurez-vous donc d’utiliser le bon.

Ensuite, il suffit de faire glisser le widget sur la zone où vous souhaitez afficher le flux Instagram, comme la colonne latérale ou une section similaire.

Le widget affichera automatiquement l’un des flux que vous avez créés à l’aide de Smash Balloon. S’il ne s’agit pas du flux Instagram personnalisé que vous venez de créer, saisissez alors le code du flux dans le champ  » Réglages des codes courts « .

Cliquez ensuite sur « Appliquer les modifications ».

Vous pouvez maintenant rendre le widget direct en cliquant sur le bouton  » Mettre à jour « . En savoir plus, veuillez consulter notre guide étape par étape sur l’ajout et l’utilisation de widgets dans WordPress.

Une autre option consiste à embarquer le flux Instagram sur n’importe quelle page, publication ou zone prête à accueillir un widget à l’aide d’un code court.

Il vous suffit de vous rendre dans Instagram Feed  » Tous les flux et de copier le code dans la colonne  » Shortcode « . Vous pouvez maintenant ajouter ce code à n’importe quel bloc de code court. Pour obtenir de l’aide pour placer le code court, veuillez consulter notre guide sur l ‘ajout d’un code court.

Vous utilisez un thème compatible avec les blocs? Alors vous pouvez utiliser l’éditeur de site complet pour ajouter le bloc Instagram Feed n’importe où sur votre site WordPress.

Dans le Tableau de bord, allez dans Apparence  » Éditeurs/éditrices.

Par défaut, l’éditeur du site complet affiche le modèle d’accueil du thème.

Si vous souhaitez ajouter le flux Instagram à une autre zone, cliquez alors sur  » Modèle  » ou  » Éléments du modèle « .

L’éditeur affiche maintenant une liste de tous les éléments du modèle qui composent votre thème WordPress.

Il suffit de cliquer sur le modèle où vous souhaitez afficher le flux Instagram.

WordPress affiche maintenant une Prévisualisation de la conception.

Pour modifier ce Modèle, cliquez sur l’icône du petit crayon.

Après avoir choisi un modèle, il vous suffit de survoler avec votre souris la zone où vous souhaitez ajouter le flux de photos Instagram.

Cliquez ensuite sur le bouton bleu « + ».

Une fois que vous avez fait cela, vous devez taper  » Flux Instagram « .

Lorsque le bon bloc apparaît, cliquez pour l’ajouter au modèle.

Comme toujours, Smash Balloon affiche un flux par défaut. Vous pouvez modifier ce flux en ajoutant un code court en suivant le même processus décrit ci-dessus.

Bonus : Permettez à vos clients/clientes d’acheter vos produits via Instagram

Si vous avez une boutique en ligne, alors vous pouvez également utiliser votre flux Instagram personnalisé pour vendre facilement vos produits.

Smash Balloon Instagram Feed Pro vous permet d’identifier vos images Instagram avec des liens de produits afin que les utilisateurs soient en mesure de cliquer dessus et de les acheter directement au lieu de naviguer à travers vos pages de produits. Cela peut permettre d’augmenter les ventes et d’accroître les bénéfices dans votre stock.

Pour plus de détails, vous pouvez consulter notre guide terminé sur la façon d’ajouter des images Instagram shoppables dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment créer un flux Instagram personnalisé dans WordPress. Vous pourriez également vouloir apprendre comment ajouter un cadeau Facebook dans WordPress pour stimuler l’engagement et notre liste de statistiques sur les réseaux sociaux pour les débutants.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.