WordPress
time_read37mn de lecture

Comment ajouter un flux Instagram à WordPress rapidement et efficacement ?

27 juin 2023

Comment ajouter un flux Instagram à WordPress rapidement et efficacement ?

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.

Découvrir l'offre

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 ».S'inscrire sur InstagramSur l’interface suivante, vous devez renseigner votre date de naissance et cliquer sur le bouton « Suivant » pour continuer.Ajouter une date de naissance sur InstagramUne fois que vous avez cliqué le bouton indiqué, Instagram vous enverra un mail avec le code pour confirmer votre adresse e-mail et activer votre compte.

Entrez le code reçu dans le champ prévu puis cliquez sur le bouton « Suivant ».Confirmer un compte InstagramSi le code renseigné est valide, votre compte sera automatiquement activé. Ensuite, vous serez redirigé sur la page d’accueil de votre compte où vous pouvez commencer à gérer votre compte.

É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 ».Installer le plugin Smash Ballon Social Photo FeedAprès l’installation et l’activation de l’extension, vous devez passer à la configuration de votre flux Instagram.

É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 ».Flux Instagram Smash Ballon Social Photo feedVous serez redirigé vers une nouvelle interface où vous devez connecter votre compte Instagram à l’extension Smash Ballon pour récupérer et afficher le flux sur WordPress.

Pour continuer, cliquez sur le bouton « Add new ».Ajouter un flux Instagram à WordPressSur l’interface suivante, sélectionnez le format de flux que vous envisagez d’intégrer sur votre site.

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 ».Sélection d'un format d'affichage de flux Instagram sur l'extension Smash BallonSur la page suivante, vous devez ajouter la source du flux Instagram. Et ce sera votre compte Instagram. Pour cela, cliquez sur le bouton « Add source ».Ajouter une source de flux Instagram dans Smash BallonSur l’interface suivante, vous devez faire le choix du type de compte Instagram que vous désirez utiliser (personnel ou professionnel). Pour notre exemple, nous avons choisi le compte personnel.Choix de type de compte Instagram à ajouter sur Smash BallonAprès le choix de compte, vous serez redirigé vers une nouvelle interface. Cliquez sur le bouton « Connect with Instagram ».Connecter un compte Instagram et Smash BallonVous devez par la suite donner quelques autorisations à l’extension pour établir la connexion. Cliquez sur le bouton « Autoriser » pour continuer.Autorisation de connexion d'un compte Instagram et Smash BallonEnfin, confirmez votre domaine pour finaliser la connexion entre Instagram et le plugin Smash Ballon.Confirmation de domaine sur Smash BallonVotre profil Instagram est maintenant connecté à votre site WordPress. Vous devez passer à l’étape suivante.

É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 ».Sélection d'un compte Instagram sur Smash BallonSur la page suivante, donnez l’autorisation requise pour continuer.Autoriser le changement de la photo de profil Instagram sur Smash Ballon WordPressEnsuite, cliquez sur le bouton « Téléverser l’image de profil ». Sélectionnez une image dans votre espace de stockage disque pour l’ajouter à votre profil.Téléverser une image de profil InstagramVous pouvez également renseigner une biographie qui détaille brièvement votre profil. Une fois que vous avez terminé, cliquez sur le bouton « Add ».Ajouter une photo de profil et une biographie sur InstagramVous avez défini à présent une photo de profil et une biographie pour votre compte, passez à aux aspects de personnalisation.Options de personnalisation de flux Instagram par Smash Ballon

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.Personnaliser la mise en page du flux Instagram WordPressEnregistrez vos modifications une fois que vous avez terminé.

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 ».Modifier l'arrière-plan du flux Instagram

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.Personnaliser l'en-tête du flux Instagram avec Smash BallonVous pouvez également personnaliser le type de publications que vous souhaitez inclure dans votre flux Instagram. Ce sont soit des images ou des vidéos.Définir le type de publications à afficher dans le flux Instagram

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.Modifier le bouton “Read more” de Smash Ballon dans le flux InstagramDe même, vous pouvez aussi modifier le bouton « Follow on Instagram ». Pour cela, vous devez accéder à la section « Follow Button ».Modifier le bouton “Follow on Instagram” de Smash Ballon dans le flux InstagramDans l’onglet « Settings », vous pouvez personnaliser les quelques autres options d’affichage du flux Instagram sur votre site WordPress.

Vous pouvez par exemple filtrer et modérer les publications du flux.Filtre et modération du flux Instagram avec Smash BallonVous pouvez aussi trier les publications en choisissant de les afficher des plus récentes aux plus anciennes, de façon aléatoire ou alors n’afficher que les contenus les plus aimés.Modifier l'ordre chronologique d'affichage de publications dans le flux Instagram Smash BallonN’oubliez d’enregistrer les modifications à chaque étape.

É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 ».Bouton Embed Smash BallonSur l’interface suivante, vous disposez de deux façons d’intégrer le flux Instagram sur votre site.

Vous pouvez soit copier le code d’intégration et l’insérer à n’importe quelle section de votre site pour afficher le flux.Intégration de flux Instagram sur WordPressMais vous pouvez également utiliser l’option d’intégration de flux de l’extension Smash Ballon. En cliquant sur l’option « Add to a page », vous serez amené à choisir la page où vous pouvez afficher votre flux. Ensuite, la page sélectionnée sera automatiquement ouverte dans l’éditeur Gutenberg.

Et dans Gutenberg, recherchez le bloc « Instagram Feed ».

Ajouter un bloc Instagram Feed de Smash Ballon dans GutenbergUne fois que vous cliquez sur le bloc, il sera ajouté automatiquement dans Gutenberg.Flux Instagram dans GutenbergPubliez/mettez à jour votre publication et c’est tout !

Prévisualisez la publication sur l’interface publique pour apprécier la présentation du flux Instagram.intégrer Instagram à WordPress : Prévisualisation du flux Instagram WordPress

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.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.