Vous vous demandez comment afficher rapidement votre flux Instagram sur votre site web Elementor ?
L'ajout de votre flux Instagram est un moyen fantastique de maintenir votre site à jour, de susciter plus d'engagement et d'encourager les visiteurs à vous suivre sur Instagram.
La portée organique sur Instagram étant de plus en plus difficile à maintenir, le fait de partager vos posts sur votre site web vous permet de vous connecter à un public plus large.
Mais faire en sorte que votre flux Instagram apparaisse parfaitement dans Elementor en utilisant les méthodes habituelles peut être déroutant et prendre du temps. Surtout si vous n'êtes pas familier avec le code ou les widgets.
Je me souviens de la première fois que j'ai essayé d'intégrer mon flux Instagram avec Elementor. Comme j'étais un novice en matière de WordPress, c'était difficile pour moi.
Avec des années d'expérience chez Smash Balloon en tant que spécialiste du marketing numérique aidant les utilisateurs à afficher magnifiquement les flux Instagram sur leurs sites, j'ai trouvé ce qui fonctionne vraiment.
Dans cet article, je vais vous guider à travers les étapes exactes que j'utilise pour ajouter mon flux Instagram à Elementor en moins de cinq minutes. Oui, même si vous êtes novice en la matière ou que vous n'êtes pas doué en technologie !
Dans cet article
Quel est le moyen le plus simple d'ajouter des flux Instagram à Elementor ?
Parmi toutes les options, j'ai choisi Instagram Feed Pro pour ce guide, car il est très facile à utiliser.
Vous n'avez pas à vous occuper de codes d'intégration complexes ou d'une longue configuration. En quelques minutes, vous pouvez créer un magnifique flux Instagram et l'ajouter à votre site Elementor.
En fait, cet outil se distingue de la concurrence par quelques caractéristiques exceptionnelles.
- Installation facile et rapide : L'installation d'Instagram Feed Pro ne prend que quelques minutes et ne nécessite aucun codage.
- De nombreux types de flux : Instagram Feed Pro vous donne le choix entre différents types de flux. Vous pouvez afficher des flux de hashtags, des bobines Instagram, des flux Instagram avec possibilité de faire des achats et bien plus encore.
- Flux achetables : Au lieu d'un simple lien dans la bio, vous pouvez créer des flux Instagram achetables et lier vos produits à des posts Instagram pour offrir à vos visiteurs une expérience d'achat fluide.
- Correspond à votre image de marque : De plus, tous les flux que vous créez avec ce plugin copieront automatiquement l'apparence de votre site web. Vous obtiendrez des flux Instagram qui correspondent parfaitement à votre image de marque et à votre thème WordPress - sans effort supplémentaire.
- Flux Instagram réactifs: Ce plugin WordPress Instagram crée automatiquement des flux Instagram réactifs. Cela signifie que vos flux sont superbes et fonctionnent bien sur n'importe quelle taille d'écran et n'importe quel appareil.
Ce que j'apprécie particulièrement dans ce meilleur plugin WordPress pour les flux Instagram, c'est son personnalisateur visuel de flux, qui vous permet de contrôler à la fois le design et le contenu de votre flux Instagram en quelques clics seulement.
De plus, l'outil est assez léger, j'ai donc pu ajouter une tonne de photos et de vidéos à Elementor et le site était toujours aussi rapide.
En prime, les autres utilisateurs semblent également satisfaits du plugin. Instagram Feed Pro est noté 4,9/5 étoiles par plus d'un million d'utilisateurs.
Pro-tip: Vous voulez plutôt afficher du contenu Instagram sur Divi ? Voici comment vous pouvez intégrer des flux Instagram sur votre site Divi.
Prêt à essayer ? Vous pouvez commencer avec Instagram Feed Pro ici!
Comment ajouter un flux Instagram à Elementor (étape par étape)
L'ajout d'un flux Instagram Elementor est en fait assez facile. Passons en revue les 5 étapes simples pour le faire ci-dessous.
Étape 1 : Installer et activer le plugin Instagram Feed Pro
Pour commencer, vous pouvez télécharger votre copie d'Instagram Feed Pro ici. Ensuite, il vous suffit d'installer et d'activer le plugin sur votre site web.
Si vous souhaitez voir comment procéder, vous pouvez consulter notre guide sur l'installation des plugins WordPress.
Étape 2 : Créer un nouveau flux Instagram Elementor
Après avoir installé et activé le plugin, vous pouvez maintenant utiliser Instagram Feed Pro pour créer votre nouveau flux.
Tout d'abord, allez dans le menu Instagram Feed " All Feeds " depuis votre tableau de bord WordPress.
Cliquez maintenant sur le bouton Ajouter un nouveau pour commencer.
Sur la page suivante, vous pouvez sélectionner le type de flux Instagram que vous souhaitez parmi ces 3 options :
- Timeline de l'utilisateur : Affichez vos propres publications Instagram
- Hashtag public : Afficher les photos et vidéos Instagram qui comportent des hashtags spécifiques.
- Messages marqués : Incorporer les posts qui ont marqué votre compte Instagram.
Vous souhaitez combiner différents types de flux Instagram en un seul flux ? Il vous suffit de sélectionner plusieurs options ici.
Enfin, cliquez sur le bouton Suivant une fois que vous avez choisi votre type de flux Instagram,
Dans ce tutoriel sur les flux Instagram d'Elementor, j'utiliserai un flux chronologique d'utilisateur. En sélectionnant ce type de flux, Instagram Feed Pro affichera les publications de votre propre profil Instagram.
Étape 3 : Connecter votre flux Instagram Elementor à Instagram
Dans cette étape, vous pouvez connecter le nouveau flux à votre compte Instagram afin qu'il puisse afficher les photos et les vidéos d'Instagram sur votre site web.
Pour commencer, cliquez sur le bouton Ajouter une source ici.
Désormais, vous pouvez connecter le compte Instagram de votre entreprise ou de votre créateur à votre site web.
Au cas où vous n'en auriez pas encore, consultez ce guide sur la conversion vers un compte Instagram professionnel.
Une fois que votre compte est prêt, vous pouvez choisir entre deux types de connexions :
- Business Basic : Vous pouvez afficher du contenu de votre profil Instagram pour obtenir de l'engagement et des followers.
- Business Advanced : En plus de vos posts, vous pouvez afficher des flux de hashtags, des bobines Instagram, des flux d'achat, et bien plus encore.
Une fois que vous avez choisi l'option que vous préférez, cliquez sur Connecter.
Pour ce guide, je vais sélectionner le type Business Basic.
Ensuite, cliquez sur le lien Connecter avec le compte Instagram .
Ensuite, vous pouvez donner au plugin un accès en lecture seule à votre compte Instagram.
Cela signifie qu'Instagram Feed Pro ne peut voir que votre contenu et ne peut rien changer, de sorte que ce plugin Smash Balloon est totalement sûr. Cliquez donc sur Autoriser pour lui donner un accès en lecture seule.
Une fois que vous avez fait cela, vous pouvez enfin cliquer sur Suivant pour terminer la connexion de votre flux à Instagram.
Vous voyez comme c'était facile ? Vous n'avez même pas eu à créer manuellement un jeton d'accès à Instagram. Il a suffi de quelques clics et votre compte Instagram est désormais connecté à votre flux.
Étape 4 : Personnaliser votre flux Instagram Elementor
Une fois que vous avez connecté votre compte, vous pouvez commencer à personnaliser votre flux.
Le plugin va maintenant ouvrir l'éditeur de flux en direct, où vous pouvez définir la mise en page de votre flux, la palette de couleurs, la mise en page des articles, le style de l'en-tête, les boutons, l'espacement et d'autres options de style sur le côté gauche.
Vous pouvez ensuite voir un aperçu en direct de votre flux Instagram sur la droite.
Tout d'abord, sélectionnez l'option Mise en page du flux sur la gauche pour commencer à modifier la mise en page de votre flux Instagram.
Avec Instagram Feed Pro, vous disposez de 4 options de mise en page différentes : Grille, Carrousel, Masonry et Highlight.
Si vous souhaitez afficher un grand nombre d'images Instagram en même temps, en lignes et en colonnes, essayez l'option de grille .
J'utilise généralement la disposition en grille pour mon fil Instagram, car je trouve que cela donne à mon contenu Instagram un aspect propre et uniforme.
Voulez-vous une façon dynamique de montrer vos posts Instagram ? Vous pouvez essayer d'utiliser une mise en page de carrousel Instagram pour afficher des photos et des vidéos à ce moment-là.
Vous disposez également de la mise en page en maçonnerie , qui permet d'afficher les photos et les vidéos de votre galerie Instagram dans différentes colonnes tout en conservant leurs proportions d'origine.
Enfin, l'option de mise en évidence permet de mettre l'accent sur vos publications en supprimant les mentions "J'aime", les commentaires et les légendes.
En effet, cette mise en page multiplie par 4 la taille de certaines photos et vidéos.
Après avoir sélectionné la mise en page du flux Instagram qui vous convient, cliquez sur Enregistrer les modifications.
Cherchez maintenant le petit bouton Personnaliser en haut et cliquez dessus pour revenir aux principales options de personnalisation.
Cliquez maintenant sur l'option Schéma de couleurs à gauche pour modifier les couleurs de votre flux Instagram.
Vous pouvez désormais choisir parmi 4 schémas de couleurs différents pour votre nouveau flux Instagram ici :
- Héritage du thème : facilement les couleurs du thème de votre site web
- Clair : Présente un arrière-plan clair avec une police foncée.
- Foncé : Choisissez une couleur foncée pour l'arrière-plan et une police de couleur claire.
- Personnalisé : Choisissez toutes les couleurs de votre flux Instagram
Il vous suffit de choisir votre palette de couleurs parmi les options proposées et de cliquer sur Enregistrer pour conserver vos modifications.
Ensuite, vous pouvez personnaliser la mise en page de l'en-tête, le style de l'article, le bouton "charger plus", le design de la boîte à lumière, et bien plus encore en utilisant l'éditeur de flux en direct d'Instagram Feed Pro.
Enfin, cliquez sur Enregistrer pour confirmer vos modifications après avoir personnalisé le reste de votre flux Instagram.
Comme vous pouvez le voir, la personnalisation est assez facile avec Instagram Feed Pro. Ainsi, vous pouvez avoir des flux qui ressemblent exactement à ce que vous voulez sans avoir besoin d'un codage complexe.
Étape 5 : Ajouter votre flux Instagram à Elementor
Une fois la personnalisation terminée, il est temps d'ajouter votre flux Instagram à Elementor.
Avec Instagram Feed Pro, il est facile d'afficher votre flux Instagram sur n'importe quelle page Elementor telle que la page coming soon, la page optin, la page de vente et plus encore.
Pour commencer, allez dans le menu Pages " Ajouter un nouveau depuis votre tableau de bord pour créer une nouvelle page WordPress.
Ensuite, il suffit de cliquer sur le bouton Edit with Elementor en haut de la page.
Vous pouvez également utiliser un article WordPress à la place. Pour ce faire, allez dans Posts " Add New depuis votre tableau de bord et sélectionnez Edit with Elementor.
Pour cet exemple, nous utiliserons une page WordPress.
À droite de l'éditeur Elementor, vous pouvez voir un aperçu en direct de votre page web. À gauche, vous trouverez tous les widgets Elementor que vous pouvez ajouter à votre page.
Pour l'étape suivante, il suffit d'aller dans le champ de recherche à gauche et de taper "instagram ".
Et en dessous, vous devriez voir le widget Instagram Feed dans les résultats de la recherche.
Il ne vous reste plus qu'à faire glisser le widget et à le déposer à droite.
Vous pouvez désormais voir les paramètres du widget du flux Instagram dans l'éditeur.
Ici, utilisez le menu déroulant pour sélectionner le flux Instagram que vous avez créé précédemment.
Enfin, cliquez sur le bouton Publier pour terminer.
Vous avez maintenant ajouté votre flux Instagram à Elementor ! Il vous suffit de consulter votre site web pour voir ce que cela donne.
Et c'est tout !
Comme vous pouvez le voir, il est assez facile d'ajouter votre widget de flux Instagram à Elementor. En utilisant le plugin Instagram Feed Pro, il suffit de quelques clics simples - pas besoin de toucher à une seule ligne de code.
Et maintenant, vous pouvez le faire pour votre site et créer des pages attrayantes pour stimuler la conversion et augmenter les ventes.
Pourquoi ajouter votre flux Instagram à Elementor ?
Elementor est un plugin populaire de construction de pages d'atterrissage pour WordPress.
Grâce à son éditeur simple, vous pouvez créer des pages web telles que des pages 404, des pages de mode de maintenance, des pages de vente et d'autres pages d'atterrissage, afin d'intéresser votre public même si vous êtes un nouveau propriétaire de site WordPress.
Et vous pouvez également ajouter des flux Instagram à vos pages Elementor pour les améliorer. Vous pouvez obtenir plus de followers Instagram, de conversions et de ventes pour votre entreprise de cette façon.
Voici quelques raisons pour lesquelles vous devriez ajouter un flux Instagram à votre page Elementor :
- Vous pouvez afficher des avis et des témoignages sur Instagram sur votre site de commerce électronique. Lorsque les gens voient que d'autres personnes apprécient vos produits, cela fonctionne comme une preuve sociale et les rend plus susceptibles d'acheter chez vous.
- En ajoutant un flux de votre profil Instagram à WooCommerce, vous pouvez afficher des images pertinentes et des vidéos complètes sur votre site web. Ainsi, vous pouvez rendre vos pages plus attrayantes même sans télécharger ces images et vidéos sur votre site.
- Intégrer vos propres posts Instagram sur votre site signifie que davantage de personnes peuvent les voir. Et cela peut vous permettre d'obtenir plus de followers Instagram.
- Les flux Instagram peuvent également offrir à vos visiteurs une expérience d'achat en ligne étonnante. Vous pouvez ajouter des flux Instagram consultables sur votre site et vendre directement vos produits.
Comme vous pouvez le voir, les flux Instagram d'Elementor peuvent vous aider à promouvoir votre entreprise et à obtenir plus de ventes de nombreuses façons.
Vous souhaitez intégrer des flux Instagram sur votre site Elementor ? Obtenez Instagram Feed Pro dès aujourd'hui !
Vous avez des bobines ? Voici un article utile sur la façon dont vous pouvez obtenir plus de vues sur vos bobines Instagram.
Articles populaires sur l'ajout de flux sociaux à Elementor
- Comment intégrer une liste de lecture YouTube sur Elementor (meilleure façon)
- Comment ajouter votre flux Twitter à Elementor
- Comment ajouter une galerie de vidéos YouTube pour Elementor
- Comment ajouter des commentaires Tripadvisor à Elementor
- Comment ajouter des flux de médias sociaux à Elementor [Pour les débutants]
