Voici comment ajouter les flux Instagram de Smash Balloon à Elementor (2025)
clicksocial

Programmer des publications sur les médias sociaux directement depuis WordPress avec ClickSocial

Démarrer l'essai gratuit angle droit
Accueil Blog Voici comment ajouter les flux Instagram de Smash Balloon à Elementor (2025)

Voici comment ajouter les flux Instagram de Smash Balloon à Elementor (2025)

Comment ajouter les flux Instagram de Smash Balloon à Elementor

Vous cherchez un moyen d'ajouter les flux Instagram de Smash Balloon à Elementor ?

En tant que constructeur de pages le plus populaire, Elementor est le choix par excellence pour de nombreuses personnes qui souhaitent créer de belles pages pour leur site.

Et l'ajout d'un flux Instagram est un moyen facile de rendre ces pages encore plus attrayantes pour vos visiteurs.

Aujourd'hui, je vais vous montrer la façon la plus simple d'ajouter des flux Instagram à Elementor.

Pourquoi utiliser les flux Instagram avec Elementor ?

Elementor est un plugin de construction de pages qui vous permet de créer des pages pour votre site WordPress. Comme tout se fait par le biais d'un éditeur drag and drop, vous n'avez même pas besoin de toucher à une seule ligne de code pour construire vos pages.

Mais si vous voulez rendre toutes les pages Elementor encore meilleures, il y a un moyen facile de le faire.

Tout comme l'intégration de vidéos TikTok, vous pouvez également ajouter des posts Instagram pertinents à votre site pour le rendre plus attrayant, stimuler la conversion et obtenir plus d'adeptes des médias sociaux en même temps.

Voici ce que vous pouvez obtenir en ajoutant des flux Instagram à votre site :

  • Vous pouvez montrer des posts Instagram de personnes réelles qui apprécient vos produits et en font la promotion. Grâce à cette preuve sociale, vous pouvez convaincre les visiteurs de votre site de faire un achat.
  • L'ajout de flux Instagram vous permet de montrer des images pertinentes et des vidéos de bobines Instagram sans avoir à les télécharger sur votre site.
  • Avec les flux Instagram sur votre site, vous pouvez obtenir plus de followers de la part de vos visiteurs. Ainsi, le marketing des médias sociaux sera plus facile pour vous.
  • En intégrant des flux Instagram compatibles avec les achats, vous pouvez même lier vos posts Instagram à votre page de vente et permettre aux internautes d'acheter directement à partir de vos flux Instagram.

La façon la plus simple d'ajouter des flux Instagram à Elementor

meilleur plugin instagram feed pro

Avec Instagram Feed Pro de Smash Balloon, vous pouvez intégrer des flux Instagram sur votre site Elementor, sans aucune difficulté.

Conçu pour être convivial, il vous permettra d'ajouter tous les flux que vous souhaitez, même si vous êtes un novice en matière de WordPress.

Si vous vous demandez si Smash Balloon fonctionne avec Elementor, vous avez de la chance.

Personnellement, j'adore le fait qu'Instagram Feed Pro soit parfaitement compatible avec Elementor, ce qui vous permet d'ajouter de beaux flux Instagram en utilisant l'éditeur par glisser-déposer d'Elementor.

Outre sa facilité d'utilisation, Instagram Feed Pro est doté de nombreuses autres fonctionnalités. En fait, voici quelques points forts :

  • Installation super facile et rapide : Vous pouvez commencer à intégrer des flux Instagram en quelques minutes seulement - aucun codage compliqué n'est nécessaire.
  • Différents types de flux Instagram : Avec Instagram Feed Pro, vous pouvez ajouter de nombreux types de flux différents, des posts Instagram à acheter aux flux de hashtags, en passant par l'intégration de bobines Instagram.
  • Adapté à votre image de marque : Tous les flux d'Instagram Feed Pro s'adapteront automatiquement au design existant de votre site web. Ainsi, vos flux Instagram s'adapteront parfaitement à votre image de marque.
  • Personnalisation facile : Vous pouvez également personnaliser votre flux, y compris la taille, les marges, la couleur, la police, la mise en page, et bien d'autres choses encore en quelques clics à l'aide de l'incroyable éditeur de flux en direct.
éditeur de flux en direct pour instagram feed pro
  • Rapide comme l'éclair : Malgré toutes les photos et vidéos Instagram sur votre site web, le plugin est léger, de sorte que vos flux se chargeront super rapidement. Et un site web rapide est bien meilleur pour le référencement.
  • Support client : Smash Balloon's Instagram Feed Pro est livré avec une équipe d'experts WordPress pour rendre votre expérience de création de flux beaucoup plus facile.

En tant que meilleur plugin de flux Instagram pour WordPress, Instagram Feed Pro est compatible avec Elementor et d'autres constructeurs de pages populaires tels que Divi, Thrive Architect, Beaver Builder, et bien d'autres.

Conseil de pro: vous souhaitez également intégrer du contenu Instagram sur d'autres constructeurs de sites Web ? Voici comment intégrer des flux Instagram sur Divi.

Avec plus de 1 000 000 d'utilisateurs actifs et une note de 4,9/5 étoiles, c'est un succès parmi les utilisateurs.

commentaires instagram feed pro plugin

De plus, Instagram Feed Pro bénéficie de la confiance de certaines des plus grandes marques au monde. En somme, c'est vraiment la meilleure option si vous souhaitez ajouter des flux Instagram à votre site.

Aujourd'hui, nous allons vous montrer comment installer le plugin Instagram Feed Pro de Smash Balloon et ajouter vos flux à Elementor.

Comment ajouter les flux Instagram de Smash Balloon à Elementor ?

Suivez simplement les étapes ci-dessous, et vous pourrez avoir un magnifique flux Instagram sur votre site WordPress Elementor en un rien de temps.

C'est parti !

Étape 1 : Installer et activer Instagram Feed Pro

Tout d'abord, vous pouvez aller chercher votre copie d'Instagram Feed Pro ici. Ensuite, il vous suffit de l'installer et de l'activer sur votre site.

Vous ne savez pas comment procéder ? Nous avons un article pratique sur l 'installation des plugins WordPress.

Étape 2 : Créer un nouveau flux Instagram

Une fois le plugin installé et activé, rendez-vous sur Instagram Feed " All Feeds depuis votre tableau de bord WordPress.

Sur cette page, cliquez sur le bouton Ajouter un nouveau .

créer un nouveau flux instagram feed pro

Vous pouvez maintenant choisir le type de flux Instagram que vous souhaitez créer pour votre site. Vous avez le choix entre 3 options :

  • Timeline de l'utilisateur : Créez un flux Instagram en direct qui affiche les publications de votre propre compte.
  • Hashtag public: Utilisez votre flux Instagram pour afficher les publications comportant des hashtags spécifiques.
  • Tagged Posts : Incorporer tous les posts dans lesquels votre compte Instagram est tagué.

En prime, vous pouvez même afficher plusieurs flux Instagram à la fois. Ainsi, vous pouvez créer un seul flux avec différents types de contenu.

Pour continuer, il suffit de sélectionner votre type de flux Instagram, puis de cliquer sur Suivant.

Pour ce tutoriel, nous choisirons une ligne temporelle d'utilisateur.

sélectionnez votre type de flux instagram feed pro

Étape 3 : Connecter votre nouveau flux à Instagram

Après avoir créé votre flux Instagram, le plugin vous demandera de vous connecter à une source afin qu'il puisse afficher du contenu Instagram.

Pour cela, il vous suffit de connecter votre propre compte Instagram comme source.

Cliquez sur Ajouter une source sur cette page pour commencer à connecter votre compte Instagram.

instagram ajouter une source pour le flux

Une fenêtre contextuelle s'affiche, dans laquelle vous pouvez choisir entre un profil professionnel et un profil personnel.

Avec un profil Instagram personnel, vous pouvez utiliser toutes les fonctionnalités que vous utilisez habituellement sur Instagram. Sur Instagram Feed Pro, cela signifie que vous pouvez ajouter des flux à partir de votre propre compte Instagram.

Si vous avez un profil Instagram professionnel, vous avez accès à des analyses et à un bouton de contact qui peuvent aider votre entreprise.

Vous pouvez également ajouter toutes sortes de flux Instagram à l'aide de ce plugin, tels que des flux de hashtags, des vidéos Instagram TV (IGTV), des flux shoppables, et bien plus encore.

Choisissez l'option que vous préférez et cliquez sur Se connecter avec Instagram.

Pour ce tutoriel, nous utiliserons un profil personnel.

sélectionner le type de compte instagram popup

Désormais, Instagram Feed Pro vous demandera un accès en lecture seule à votre compte. Le plugin utilisera cet accès pour afficher les informations Instagram et ne pourra pas apporter de modifications.

Cela signifie qu'il est parfaitement sûr d'utiliser Smash Balloon pour votre site web.

Pour lui donner un accès en lecture seule, il suffit de cliquer sur Autoriser.

autoriser l'accès au compte instagram créer un flux

Enfin, cliquez sur le bouton Suivant pour confirmer le compte Instagram comme source de votre flux.

confirmer le compte comme source du flux instagram

Il est maintenant temps de passer à l'étape 4 et de personnaliser le design de votre flux Instagram.

Étape 4 : Personnaliser votre fil d'actualité Instagram

Vous pouvez maintenant voir l'éditeur de flux en direct d'Instagram Feed Pro, où vous pouvez personnaliser le design de votre flux.

Sur le côté gauche de l'éditeur, vous pouvez voir toutes les options de personnalisation que vous pouvez utiliser. Vous pouvez modifier la mise en page de votre flux, la palette de couleurs, la mise en page des articles, le design de l'en-tête, et bien plus encore.

Chaque fois que vous apportez des modifications, vous pouvez voir ce que cela donne grâce à l'aperçu en direct sur la droite.

éditeur de flux en direct flux d'instagram

Pour commencer à personnaliser votre flux Instagram, cliquez sur la section Disposition du flux à gauche.

modifier la mise en page du carrousel instagram

À partir de là, vous pouvez choisir entre 4 mises en page différentes pour votre flux Instagram : Grille, Carrousel, Masonry et Highlight.

options de mise en page du flux ajouter le flux instagram à elementor

L'option de grille vous donnera des lignes et des colonnes simples pour afficher proprement vos posts Instagram. Avec cette mise en page épurée, vous pouvez afficher des tonnes de posts à la fois.

Personnellement, j'aime utiliser cette mise en page pour mon flux Instagram Elementor parce qu'elle est soignée et organisée, ce qui encourage les visiteurs de mon site à s'engager dans mon flux.

grille pour votre flux instagram

Avec un carrousel Instagram, vous pouvez placer vos posts Instagram sur un slider pour un look dynamique. De plus, cela rend votre page plus interactive.

carousel layout add instagram to elementor

Vous souhaitez que vos images Instagram conservent leurs dimensions d'origine ? Dans ce cas, la mise en page en maçonnerie peut le faire pour vous.

Vous pouvez alors afficher votre contenu Instagram sans rien recadrer.

maçonnerie pour instagram shopping

Et si vous souhaitez que vos posts Instagram soient plus visibles, vous disposez de l'option de mise en évidence qui multiplie leur taille par 4.

Cette disposition peut s'avérer utile si vous souhaitez mettre en avant certains posts Instagram de votre flux.

met en évidence la mise en page du flux d'instagram

Une fois que vous avez choisi la mise en page de votre flux, il vous suffit de cliquer sur Enregistrer.

Pour continuer à modifier le design de votre flux Instagram, cliquez sur le petit bouton Personnaliser en haut.

retour aux principales options de personnalisation

Cliquez maintenant sur l'option Schéma de couleurs à gauche pour modifier les couleurs de votre flux Instagram.

cliquez sur l'option de schéma de couleurs

Vous pouvez désormais choisir parmi 4 schémas de couleurs différents pour votre nouveau flux Instagram ici :

  • Hériter du thème : Copier rapidement les couleurs du thème de votre site web
  • Clair : Affiche un arrière-plan clair avec une police de couleur foncée.
  • Foncé : Choisissez une couleur foncée pour l'arrière-plan et une police plus claire.
  • Personnalisé : Choisissez manuellement toutes les couleurs de votre flux Instagram.
options de schéma de couleurs instagram feed pro

Une fois que vous êtes satisfait de votre palette de couleurs, cliquez sur le bouton Enregistrer.

Et ce n'est pas tout. En utilisant cet éditeur de flux en direct, vous pouvez également définir d'autres options de personnalisation comme la taille du flux, le style de l'en-tête, le design des boutons, le style de la boîte lumineuse, et bien plus encore.

Grâce aux options de personnalisation faciles du plugin, vous pouvez mieux contrôler l'apparence de vos flux Instagram.

Enfin, cliquez sur Enregistrer pour confirmer vos modifications, et vous pouvez passer à la dernière étape ci-dessous.

Étape 5 : Ajouter le flux Instagram à Elementor

Enfin, vous pouvez maintenant ajouter votre flux Instagram Smash Balloon à Elementor.

Pour commencer, allez dans Pages " Ajouter un nouveau pour ouvrir une nouvelle page dans l'éditeur WordPress.

Ici, cliquez sur le bouton Edit with Elementor en haut.

modifier avec elementor pour ajouter instagram

Si vous voulez utiliser un article WordPress à la place, vous pouvez aller dans Articles " Ajouter nouveau et cliquer sur Modifier avec Elementor.

Nous utiliserons une page WordPress pour cet exemple.

ajouter un flux instagram à un article wordpress

Cela ouvrira l'éditeur Elementor. Ici, vous trouverez le panneau vers la gauche où se trouvent tous les widgets d'Elementor.

Dans le champ de recherche, tapez simplement "instagram" et vous devriez voir apparaître le widget Instagram Feed dans les résultats de la recherche.

recherche pour instagram feed widget elementor

Il suffit de faire glisser le widget Instagram et de le déposer sur la page à droite.

faire glisser le widget de flux d'instagram sur la page

Après avoir ajouté le widget de flux Instagram à la page, vous pouvez choisir le flux que vous souhaitez afficher.

À l'aide du menu déroulant, sélectionnez le flux Instagram que vous avez créé précédemment.

sélectionnez votre flux instagram elementor

Enfin, cliquez sur le bouton Publier pour enregistrer vos modifications.

Vous avez maintenant ajouté avec succès votre flux Instagram Smash Balloon à Elementor.

Il suffit de jeter un coup d'œil sur votre site web et de voir ce qu'il donne au premier plan.

exemple de flux instagram sur elementor

Et c'est tout !

Maintenant, vous devriez savoir comment intégrer vos flux Instagram Smash Balloon sur vos pages Elementor. Comme vous pouvez le voir, vous pouvez créer, personnaliser et intégrer des flux Instagram en quelques étapes faciles avec ce plugin.

Avec de beaux flux Instagram sur votre site web, vous pouvez engager vos visiteurs et augmenter votre nombre de followers facilement.

Vous souhaitez ajouter du contenu Instagram à votre site Elementor ? Téléchargez votre copie d'Instagram Feed Pro dès aujourd'hui!

Vous cherchez des moyens de booster votre présence sur Instagram ? Pourquoi ne pas consulter notre article sur la façon d'augmenter le nombre de followers sur Instagram?

Si vous souhaitez afficher un autre flux de médias sociaux sur Elementor, consultez ce tutoriel sur l 'ajout d'avis Google sur votre site Elementor.

Si cet article vous a aidé, suivez-nous sur Twitter et Facebook, et restez à l'écoute pour d'autres conseils et astuces en matière de marketing des médias sociaux.

avatar de l'auteur
Sajjan Sharma Rédacteur principal
Sajjan écrit sur WordPress, le marketing des médias sociaux et les entreprises en ligne depuis plus de 10 ans. Ses intérêts professionnels s'étendent au marketing d'influence, à la curation de contenu et aux stratégies de marketing numérique.

Commentaires 4

  1. Manuel Escobar il y a 3 ans

    Bonjour Sara,

    Merci de nous avoir contactés ! Dans ce cas, je vous suggère de vérifier que vous avez la dernière version du plugin et que vous utilisez un format Hex dans la couleur d'arrière-plan. Si vous souhaitez un arrière-plan transparent, vous pouvez utiliser #FFFFFF00, comme dans cet exemple.

    Si le problème persiste, veuillez nous envoyer une demande d'assistance en utilisant le formulaire sur notre site web ici, en incluant les informations sur le système.

    Pour obtenir ces informations, suivez les étapes de cette page.

    J'espère que cela vous aidera ! N'hésitez pas à me faire part de vos questions.

    Merci ! 🙂 .

    Répondre
  2. Tessa Nicolai il y a 2 ans

    Bonjour,

    Je n'arrive pas à trouver le widget Instagram Feed. J'utilise le thème astra avec elementor. J'utilise aussi le nouveau flex box.

    Pouvez-vous m'aider ? Salutations Tessa

    Répondre
    1. Manuel Escobar il y a 2 ans

      Bonjour Tessa,

      Merci de nous avoir contactés ! Je vous suggère de vérifier que vous avez installé la dernière version du plugin ; ensuite, vous devriez pouvoir voir le widget Instagram sur Elementor, comme dans cet exemple ici. Si vous ne voyez pas ce widget, vous pouvez utiliser un simple widget texte pour intégrer le shortcode Instagram que vous pouvez obtenir en naviguant vers Instagram Feed > All Feeds ; il devrait ressembler à ceci [instagram-feed feed="1"]. Le numéro du flux peut varier en fonction du nombre de flux que vous avez créés. 

      Si cela ne fonctionne pas, envoyez-nous une demande d'assistance en utilisant le formulaire sur notre site web ici, en incluant les informations sur le système.

      Pour obtenir ces informations, suivez les étapes de cette page.

      Nous vous demandons d'utiliser notre formulaire, car les informations sur le système contiennent d'autres informations sur le site web et le jeton d'accès à votre connexion, que nous ne suggérons pas d'afficher ici.

      Merci ! 🙂 .

      Répondre
  3. Manuel Escobar il y a 2 ans

    Salut Ken,

    Veuillez nous envoyer une demande d'assistance en utilisant le formulaire sur notre site web ici, en incluant les informations sur le système.

    Pour obtenir ces informations, suivez les étapes de cette page.

    Nous vous demandons d'utiliser notre formulaire, car les informations sur le système contiennent d'autres informations sur le site web et le jeton d'accès à votre connexion, que nous ne suggérons pas d'afficher ici.

    Merci ! 🙂 .

    Répondre

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.