Comment intégrer un flux Instagram dans WordPress (5 étapes faciles)

Vous cherchez un moyen facile d'ajouter un flux Instagram à votre site WordPress ?

Un flux Instagram vous aide à présenter votre contenu de médias sociaux directement sur votre site Web WordPress. Les visiteurs peuvent voir et interagir avec votre contenu Instagram sans avoir à quitter votre site.

Dans ce tutoriel étape par étape, nous vous montrerons comment connecter votre site à Instagram pour afficher votre contenu. Il s'agit d'un processus automatisé qui ne nécessite aucune connaissance en codage. Commençons.

Ce dont vous avez besoin pour créer un flux Instagram dans WordPress

Vous pouvez ajouter manuellement un flux Instagram à votre site en utilisant du code, cependant, cette méthode est longue et compliquée.

Une meilleure solution consiste à utiliser un plugin WordPress qui vous permet de connecter votre site Web à Instagram. Le meilleur plugin pour cela est Smash Balloon.

Smash Balloon est un puissant plugin de flux sociaux et il est livré avec un plugin spécialement conçu pour Instagram. Il ne nécessite aucune expérience en codage, ce qui le rend facile à utiliser. 

Smash Balloon vous permet de connecter votre site Web à Instagram en quelques clics. Ensuite, vous pouvez personnaliser votre flux de manière à cibler votre public de manière spécifique. Voyons comment :

• Flux multiples : Ajoutez divers flux Instagram sur la même page ou sur différentes pages de votre site.
• Utilisation des hashtags : Connectez votre flux aux hashtags sur Instagram afin que votre flux soit automatiquement mis à jour lorsque quelqu'un publie en utilisant ces hashtags. 
• Tags : Configurez votre flux de manière à ce que chaque fois que quelqu'un vous tague sur Instagram, cela soit ajouté à votre flux. 
• Flux entier : Ajoutez simplement toute votre chronologie Instagram à votre flux de site. 

En plus de ces puissantes options de personnalisation du flux Instagram, Smash Balloon propose de nombreuses autres fonctionnalités pour améliorer l'expérience de votre audience. 

• Cache de données intelligent : Garantit que les images ne sont pas chargées directement depuis Instagram mais utilisent un système de cache. Cela signifie que les fichiers multimédias se chargeront plus rapidement, offrant une meilleure expérience. 
• Sauvegarde du flux : Même si Instagram est hors service ou rencontre des problèmes, le système de cache de données intelligent proposé par Smash Balloon garantit que votre flux est toujours affiché. 
• Optimisation des images : Toutes les images se chargeront avec une taille de fichier idéale pour la taille de l'écran. Par conséquent, moins de ressources sont gaspillées tout en offrant la meilleure expérience à l'utilisateur. 
• Optimisation pour le référencement : Les légendes du flux sont indexables par les moteurs de recherche, ce qui signifie que votre flux est classable, ce qui en fait un excellent outil de référencement. De plus, comme votre site est constamment mis à jour avec du nouveau contenu, votre référencement en bénéficie davantage. 

Pour ce tutoriel, nous utiliserons le plugin Instagram Feed de Smash Balloon.

Cela dit, Smash Balloon est vraiment puissant et prend en charge d'autres plateformes de médias sociaux, notamment YouTube, Twitter et Facebook.

Maintenant que vous savez quel plugin de flux de médias sociaux utiliser, passons directement au tutoriel.

Comment créer un flux Instagram pour votre site WordPress

Étape 1 : Installer et activer Smash Balloon

Le plugin Instagram Feed de Smash Balloon dispose d'une version gratuite et d'une version premium. La version gratuite est un plugin puissant en soi ; vous pouvez l'utiliser jusqu'à ce que vous décidiez de passer à la version supérieure.

Pour accéder à la version gratuite, rendez-vous sur votre dépôt de plugins WordPress pour le télécharger et l'installer. Configurez-le comme n'importe quel autre plugin. Si vous avez besoin d'aide pour cela, suivez notre guide sur Comment installer un plugin WordPress – 4 méthodes (étape par étape).

Pour ce tutoriel, nous utiliserons la version pro afin de vous montrer à quel point ce plugin est puissant.

Sur le site web Instagram Feed, inscrivez-vous pour un compte, puis accédez à « Mon compte ».

Ici, téléchargez le fichier du plugin ‘Instagram Feed Pro’ et copiez la clé de licence.

Accédez à votre tableau de bord WordPress, puis à la page Plugins » Ajouter. Ici, vous pouvez télécharger le fichier du plugin.

Une fois Instagram Feed Pro prêt à l'emploi, un nouvel élément appelé Instagram Feed apparaîtra dans le menu latéral gauche de votre tableau de bord WordPress.

Accédez à Instagram Feed » Paramètres et entrez la clé de licence que vous avez copiée précédemment.

Activez la licence et avec cela, vous devriez être prêt à utiliser Instagram Feed Pro. 

Étape 2 : Connectez votre compte Instagram

Une fois le plugin installé et activé, l'étape suivante consiste à connecter votre compte Instagram. Pour ce faire, accédez à Instagram Feed » Tous les flux. Ici, cliquez sur le bouton Ajouter. 

Ensuite, sélectionnez le type de flux. Vous verrez les options suivantes disponibles :

• Récupérer les publications de votre profil Instagram
• Récupérer les publications d'un hashtag Instagram public
• Afficher les publications dans lesquelles votre compte Instagram a été identifié

Fait intéressant, Smash Balloon ne vous limite pas à la sélection d'un seul type de flux Instagram ; vous pouvez tous les choisir en même temps. Cependant, nous sélectionnerons ‘Récupérer les publications de votre profil Instagram’ pour ce tutoriel. 

Sur la page suivante, vous devrez ajouter une source de flux. C'est essentiellement d'où votre flux récupérera le contenu.

Après la page Ajouter une source, vous pouvez connecter un compte personnel ou un compte professionnel. Nous sélectionnerons le profil professionnel pour ce tutoriel, qui offre plus de fonctionnalités. 

Une autre fenêtre apparaîtra, vous demandant si vous avez déjà connecté Smash Balloon à Facebook auparavant. En supposant que c'est la première fois que vous utilisez ce plugin de flux, vous devriez choisir ‘Non’.

Ensuite, il vous sera demandé de vous connecter via votre page Facebook. Comme Meta possède Facebook et Instagram, se connecter via Facebook est le meilleur moyen de donner accès à Smash Balloon. 

Une fenêtre contextuelle apparaîtra ensuite, vous demandant de continuer avec le profil Facebook connecté. Assurez-vous de vous connecter au compte lié aux pages Instagram et Facebook correctes que vous souhaitez utiliser. 

Une autre fenêtre contextuelle s'affichera ensuite, cette fois, vous devrez sélectionner les pages Instagram que vous souhaitez connecter à Smash Balloon. Cochez la case à côté du ou des profils que vous souhaitez utiliser.

Dans la fenêtre contextuelle suivante, connectez la page Facebook associée au profil Instagram en cochant la case à côté de celle-ci.

Dans la fenêtre suivante, accordez à Smash Balloon les autorisations dont il a besoin. L'entreprise ne partagera vos informations avec personne. Donner accès aux données du plugin garantit que votre flux affiche tout ce qu'il devrait sans problèmes. 

Pour terminer la connexion, vérifiez que le domaine que vous souhaitez connecter à Smash Balloon vous appartient. Ceci est juste pour confirmer que vous donnez accès à Smash Balloon.

Enfin, une fenêtre contextuelle s'affichera ensuite avec une liste des profils Instagram que vous avez connectés à Smash Balloon. Cochez la case à côté de la page et continuez en sélectionnant le bouton Ajouter.

Et voilà, vous avez entièrement connecté Instagram Feed Pro de Smash Balloon à votre site WordPress. 

Étape 3 : Créer un flux Instagram

Avec Smash Balloon connecté, créons un nouveau flux. Sur votre menu WordPress, allez dans Instagram Feed » Tous les flux. Sélectionnez la source que vous venez d'ajouter et passez à la page suivante. 

Sur cette page, choisissez le thème du flux. Rappelez-vous, ce n'est que la base et un point de départ sur lequel construire ; vous pouvez toujours changer le thème plus tard.

Parmi les thèmes de flux, sélectionnez l'une des options par défaut, Moderne, Mur social, Contour ou Chevauchement. Pour simplifier, nous opterons pour le thème Par défaut. 

Après avoir choisi le thème, sélectionnez ensuite le modèle que vous souhaitez utiliser. Vous avez de nombreuses options. De Grille simple, Grille simple XL, Ligne simple, Carrousel simple, Publication unique, et plus encore.

N'oubliez pas qu'avec Smash Balloon, vous pouvez toujours changer de modèle plus tard, si vous estimez qu'une autre option offrira une meilleure expérience à votre public. 

Une fois toutes les configurations de base définies, vous serez redirigé vers l'éditeur de flux en direct, où vous pourrez personnaliser le flux.

Étape 4 : Personnaliser votre flux Instagram

L'éditeur de flux en direct offre des options de personnalisation et de configuration à gauche et un écran de prévisualisation en direct à droite. Nous nous concentrerons sur le menu Personnaliser pour ce tutoriel. Sélectionnez-le, et vous verrez une liste d'options de personnalisation en dessous. 

Chaque fois que vous cliquez sur un menu de l'éditeur de flux en direct et que vous terminez le processus de personnalisation, vous verrez Personnaliser avec une petite flèche à côté. Sélectionnez-le pour revenir au menu Personnaliser. 

Pour utiliser correctement l'éditeur de flux en direct, trouvez les trois icônes dans le coin supérieur droit : un ordinateur de bureau, une tablette et un mobile. Ici, vous pouvez voir comment le flux Instagram apparaîtra pour différentes tailles d'écran afin d'offrir la meilleure expérience à votre public. 

N'oubliez pas que nous avons déjà personnalisé le thème et le modèle dans les étapes précédentes. Comme mentionné, vous pouvez également les modifier ici si vous le souhaitez. 

Cela étant dit, commençons par personnaliser la Disposition du flux. Vous pouvez choisir entre Grille, Carrousel, Masonry et Highlights.

Faites défiler le sous-menu Disposition du flux pour ajuster la hauteur du flux, le remplissage, le nombre de publications sur différentes tailles d'écran, et enfin, le nombre de colonnes pour différentes tailles d'écran. Une fois que vous êtes satisfait de la disposition, revenez en arrière. 

Ensuite, personnalisons le Schéma de couleurs. Par défaut, votre flux héritera des couleurs de votre thème. Vous pouvez choisir un mode clair ou sombre. 

Si vous souhaitez personnaliser davantage le schéma de couleurs, sélectionnez Personnalisé et utilisez la Palette personnalisée pour choisir vos couleurs souhaitées. Vous pouvez modifier les couleurs de l'arrière-plan, des textes, des liens et des boutons.

Revenez au menu principal lorsque vous êtes satisfait du schéma de couleurs.

Maintenant, modifions les Sections en commençant par l'En-tête. Tout d'abord, activez l'en-tête si vous souhaitez l'afficher sur votre flux. 

Ensuite, choisissez un Style d'en-tête parmi les options proposées. Sélectionnez Standard, Encadré, Centré ou Texte. Chaque style d'en-tête peut être modifié légèrement différemment en faisant défiler plus bas dans le menu En-tête. 

Vous pouvez également modifier la « Taille de l'en-tête ». Ensuite, décidez si vous souhaitez télécharger un nouvel Avatar à afficher à la place de celui par défaut de votre compte Instagram. 

Ensuite, choisissez une couleur de texte et décidez si vous souhaitez montrer à vos utilisateurs combien d'abonnés Instagram vous avez. 

Vous pouvez ensuite choisir d'avoir une bio. Mais, pour vous donner plus de liberté de personnalisation, Smash Balloon vous offre la possibilité d'écrire une bio personnalisée. 

Pendant que vous êtes toujours dans le menu En-tête, décidez si vous souhaitez afficher la zone déroulante à l'extérieur du flux. Enfin, déterminez si vous souhaitez inclure les stories Instagram dans le flux et combien de temps elles doivent être affichées avant de passer à la prochaine Insta Story. 

C'est tout, vous pouvez revenir au menu de personnalisation principal. Ensuite, pour personnaliser les Publications, vous pouvez modifier :

• Style de publication en standard ou encadré
• Résolution des images et des vidéos
• Longueur de la légende, taille et couleur du texte
• Taille et couleur du résumé des J'aime et des Commentaires
• État au survol, texte d'arrière-plan et informations à afficher

Une fois terminé, retournez au menu principal Personnaliser.

Smash Balloon vous permet également de choisir si vous souhaitez afficher le bouton Charger plus. Il n'est pas obligé de dire « Charger plus ». Vous pouvez le changer en ce que vous voulez.

Ensuite, personnalisez les couleurs de l'arrière-plan, de l'état au survol et du texte. Vous pouvez également décider d'activer le « Défilement infini » afin que les utilisateurs puissent voir autant de publications Instagram sur votre flux qu'ils le souhaitent. 

Besoin de changer le « Bouton Suivre » ? Il existe une option pour personnaliser d'abord le texte, l'arrière-plan, l'état au survol et les couleurs du texte.

Enfin, activez le Lightbox et les « Commentaires », afin que votre flux puisse afficher les commentaires de la page Instagram. 

Et avec toutes ces options personnalisées, votre flux est entièrement personnalisé et prêt à être ajouté à votre site. 

Étape 5 : Afficher votre flux Instagram

Smash Balloon vous permet d'afficher votre flux de plusieurs manières.

• Ajouter à une page
• Ajouter à un widget 
• Ajouter le flux via shortcode

Pour ajouter le flux à une page, cliquez sur le bouton Intégrer dans le coin supérieur droit de votre éditeur de flux en direct. 

Vous verrez l'option d'ajouter le flux à une page dans la fenêtre contextuelle suivante.

Ensuite, vous verrez une liste de toutes les pages de votre site, sélectionnez la page à laquelle vous souhaitez ajouter le flux. La page s'ouvrira dans un nouvel onglet afin que vous puissiez ajouter votre flux.

Alternativement, vous pouvez ajouter le flux à tout moment à une page ou un article existant ou nouveau. Dans l'éditeur de blocs, utilisez l'icône Plus pour rechercher le bloc « Flux Instagram » et ajoutez-le à votre page. Vous verrez un aperçu de votre flux apparaître.

Mettez à jour la page, et votre flux devrait également apparaître sur la page en direct. 

Ensuite, nous allons ajouter le flux via un widget. Encore une fois, trouvez le bouton Intégrer dans le coin supérieur droit de l'éditeur de flux en direct et sélectionnez « Ajouter à un widget ». 

Après avoir été redirigé vers la page des widgets, décidez si vous souhaitez ajouter le flux au pied de page ou à d'autres types de widgets. 

Pour ce tutoriel, nous voulons ajouter le flux au pied de page. Sélectionnez le widget de pied de page pour l'agrandir afin que vous puissiez voir ses propriétés. 

Ensuite, utilisez l'icône Plus et recherchez « Flux Instagram ». Faites glisser et déposez le bloc Flux Instagram à l'emplacement du pied de page où vous souhaitez afficher le flux. Appuyez sur Mettre à jour pour l'ajouter à votre flux sur la page en direct. 

Enfin, ajoutons le flux via un shortcode. Avec un shortcode, vous pouvez ajouter le flux sur TOUTE page, article ou emplacement prêt pour les widgets. 

Le shortcode est particulièrement utile lorsque vous avez plusieurs flux à choisir ou que vous souhaitez ajouter de nombreux flux à la même page ou au même article.

Vous pouvez localiser le shortcode du flux de deux manières. 

Tout d'abord, vous pouvez aller sur Flux Instagram » Tous les flux. Vous verrez tous vos flux listés ; copiez le shortcode à côté du nom du flux. 

L'autre méthode pour obtenir le shortcode consiste à aller dans Flux Instagram » Tous les flux et à ouvrir le flux dans l'éditeur de flux en direct. 

Dans le coin supérieur droit, trouvez le bouton Intégrer. Dans la fenêtre contextuelle qui apparaît, vous verrez le shortcode en haut de la fenêtre ; copiez-le. 

Maintenant, avec votre shortcode à portée de main, ouvrez n'importe quelle page, publication ou emplacement prêt pour un widget. Pour ce tutoriel, nous allons ouvrir une page. 

En utilisant l'icône Plus, recherchez « Shortcodes » et ajoutez le bloc à votre page.

Enfin, collez le shortcode et mettez à jour la page ; le site en direct devrait maintenant afficher le flux. 

Bien joué ! Vous avez maintenant ajouté un flux Instagram hautement personnalisé à votre site WordPress. 

Maintenant que vous savez comment utiliser Smash Balloon pour ajouter un flux Instagram, ne vous arrêtez pas là. Vous pouvez faire beaucoup plus avec ce plugin !

Que peut faire d'autre Smash Balloon ?

Comme vous pouvez le voir, ajouter un flux Instagram n'est pas seulement facile avec Smash Balloon, mais incroyablement personnalisable et sans aucune expérience de codage. Smash Balloon vous aide à capitaliser sur le plein potentiel de l'engagement d'Instagram et du contenu généré par les utilisateurs. 

De plus, vous pouvez créer plusieurs flux sur les mêmes pages ou sur des pages différentes, vous connecter à des hashtags spécifiques, inclure des publications taguées, ou même afficher de manière transparente votre chronologie Instagram entière sur votre site.

Vous pouvez également ajouter des flux Facebook, YouTube et Twitter. Voici un aperçu de ce à quoi ressemble la personnalisation d'un flux YouTube :

Smash Balloon est également doté d'une fonctionnalité très puissante appelée le Mur Social. Cela vous permet de combiner des flux de plusieurs plateformes en un seul endroit. Les utilisateurs peuvent interagir avec votre contenu depuis YouTube, Twitter, Instagram et Facebook afin de rester informés de toutes vos plateformes.

Nous espérons que ce tutoriel vous a été utile. Vous pourriez également vouloir apprendre comment partager automatiquement des articles WordPress sur Facebook et Twitter. Notre objectif est de vous donner les moyens et de vous aider à véritablement utiliser vos pages de médias sociaux avec votre site. Pour cette raison, consultez également ces articles :

• Comment intégrer un flux YouTube dans WordPress pour stimuler l'engagement
• Comment afficher un flux Facebook dans WordPress (5 étapes faciles)
• Comment ajouter des notifications de preuve sociale dans WordPress

Les deux premiers articles vous aideront à utiliser Smash Balloon pour ajouter des flux YouTube et Facebook. Le dernier article vous montrera comment présenter des preuves sociales à vos clients potentiels.