Intégrer un flux Instagram à son site WordPress est un excellent moyen d’ajouter du contenu dynamique et attractif à votre site web. Que vous soyez un blogueur, un influenceur ou une entreprise cherchant à promouvoir votre présence sur les réseaux sociaux, ajouter un flux Instagram à WordPress peut renforcer l’engagement de vos visiteurs. Dans cet article, nous vous guiderons à travers les étapes pour ajouter facilement et efficacement un flux Instagram à votre site WordPress. Vous découvrirez des méthodes simples et des plugins pratiques qui vous permettront d’afficher votre flux Instagram de manière harmonieuse et personnalisée. Préparez-vous à dynamiser votre site WordPress en intégrant un flux Instagram attrayant et engageant ! 🚀
Objectif
Cet article explique étape par étape comment vous devez procéder pour ajouter un flux Instagram à WordPress facilement en utilisant une extension. Vous n’avez pas besoin de coder et le processus ne vous prendra que quelques minutes !🤫
Une solution clés en main pour créer un site WordPress ?
LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.
Prérequis
Quelques préalables sont à respecter avant de passer à la pratique :
- Disposer d’un site WordPress auquel vous avez accès via le tableau de bord en tant qu’administrateur ou éditeur de contenus
- Avoir un compte Instagram personnel ou professionnel
Comment ajouter un flux Instagram à WordPress ?
Nous allons parcourir dans la partie ci-dessous, toutes les étapes nécessaires pour intégrer facilement un flux Instagram sur WordPress.
Étape 1 : créer un compte Instagram
La première étape à suivre est la création d’un compte Instagram. Vous pouvez créer un compte personnel ou professionnel. Un compte professionnel fournit des outils pour mesurer la portée de votre diffusion sur la plateforme et collecter les statistiques sur vos abonnés.
Par ailleurs, si vous avez déjà un compte Instagram actif, vous pouvez sauter cette étape.
Ainsi, rendez-vous sur Instagram et entrez vos informations personnelles dans les différents champs de création de compte Instagram. Choisissez un mot de passe puis cliquez sur le bouton « S’inscrire ».
Entrez le code reçu dans le champ prévu puis cliquez sur le bouton « Suivant ».
Étape 2 : utiliser un plugin pour intégrer Instagram à WordPress – installation
La deuxième étape consiste à installer un plugin qui vous permettra d’intégrer Instagram dans WordPress puis afficher votre flux de publications sur votre site. Il existe de nombreuses extensions gratuites pour vous permettre de configurer Instagram. Nous n’allons pas toutes les détailler ici.
Pour l’illustrer la procédure, nous allons utiliser l’extension Smash Ballon Social Photo Food. C’est probablement la solution la plus populaire dans la catégorie et celle qui est équipée de nombreuses fonctionnalités pour personnaliser votre flux Instagram et le rendre plus attrayant.
Pour commencer, connectez-vous à votre espace d’administration puis accédez à la section « Extensions › ajouter ».
Utilisez la barre de recherche et tapez “Smash Ballon Social Photo Feed”. Une fois que vous avez retrouvé cette extension, procédez à l’installation en cliquant sur le bouton « Installer maintenant ».
Étape 3 : configurer un flux Instagram sur WordPress avec l’extension Smash Ballon Social Photo Feed
Repérez l’extension dans le grand menu de gauche de votre tableau de bord WordPress et accédez à la section « Flux Instagram › All feeds ».
Pour continuer, cliquez sur le bouton « Add new ».
La version gratuite de l’extension est limitée à un seul format d’affichage de flux Instagram sur WordPress. Ce format gratuit affiche les publications Instagram selon l’ordre chronologique.
Mais si vous souhaitez aller plus loin et par exemple changer le format d’affichage, afficher le flux en fonction des hashtags ou les étiquettes, alors vous devez acheter la version professionnelle de l’extension.
Ainsi, en cliquant sur le bouton « Add new », une nouvelle interface vous sera présentée. Sélectionnez le format du flux Instagram puis cliquez sur le bouton « Next ».
Étape 4 : personnaliser l’apparence du flux Instagram sur WordPress
Nous allons à présent voir comment vous pouvez personnaliser le design de votre flux Instagram pour le rendre attrayant.
Modifier la photo de profil
Sélectionnez votre compte Instagram dans l’extension puis cliquez sur le bouton « Next ».
Ajuster la mise en page du flux Instagram
Développez la section « Feed layout » pour modifier les options en rapport avec le bloc du flux qui sera affiché sur votre site. Dans cet écran, vous pouvez par exemple choisir si le flux affiche les publications en grille ou en carrousels. Ensuite, définissez la hauteur ainsi que la largeur de votre flux.
Vous pouvez aussi définir le nombre de publications à afficher en fonction des appareils utilisés par les visiteurs.
Modifier l’arrière-plan du flux Instagram
Développez la section « Color Scheme » puis sélectionnez une teinte à appliquer dans l’arrière-plan de votre flux. En dehors des modèles de teinte présentés, vous pouvez choisir une couleur entièrement personnalisée en cliquant sur l’option « Custom ».
Personnaliser l’en-tête du flux Instagram
Rendez-vous dans la section « En-tête » pour personnaliser les différentes options de l’en-tête du flux à votre guise.
Modifier les boutons d’en-tête
Le flux Instagram propulsé par le plugin Smash Ballon intègre deux boutons dans l’en-tête que vous pouvez personnaliser.
Premièrement, développez la section « Load more Button ». Vous pouvez à l’occasion, personnaliser le texte à afficher ainsi que la couleur d’arriere-plan. Le bouton est par défaut en anglais, nous avons traduit le texte en français.
Vous pouvez par exemple filtrer et modérer les publications du flux.
Étape 5 : intégrer le flux instagram dans les publications WordPress
La dernière étape consiste à intégrer et afficher le flux sur vos pages ou vos publications.
Ainsi, dans l’interface de Smash Ballon, cliquez sur le bouton « Embed ».
Vous pouvez soit copier le code d’intégration et l’insérer à n’importe quelle section de votre site pour afficher le flux.
Et dans Gutenberg, recherchez le bloc « Instagram Feed ».
Prévisualisez la publication sur l’interface publique pour apprécier la présentation du flux Instagram.
Conclusion
🥳Toutes nos félicitations pour avoir lu ce guide d’explication sur la façon d’ajouter le flux Instagram à WordPress. En utilisant le plugin Smash Ballon, vous pouvez afficher un flux Instagram sur votre site WordPress sans appliquer du code. Vous avez appris à present tous les détails nécessaires, n’hésitez pas à passer à la pratique dès aujourd’hui !
Avez-vous des questions ou des ajouts sur la façon d’ajouter un flux Instagram à WordPress ? Utilisez la section Commentaires pour nous écrire.