Vous cherchez un moyen d'ajouter un flux Instagram à votre site web Divi ?
Divi d'Elegant Themes est un thème populaire doté d'un constructeur de site convivial qui peut vous aider à créer facilement de belles pages, sans avoir besoin de coder.
Et si vous souhaitez faire une promotion croisée de votre contenu Instagram sur votre site Divi, il existe une solution simple.
Dans ce billet, nous allons partager avec vous comment intégrer un flux Instagram sur votre site Divi en quelques clics.
Voici une table des matières pour vous aider à naviguer dans cet article. Vous pouvez passer directement à la section souhaitée en cliquant dessus :
- Pourquoi ajouter des flux Instagram à votre site Divi ?
- La façon la plus simple d'ajouter les flux Instagram de Divi à votre site
- Comment ajouter un flux Instagram à votre site Divi (5 étapes faciles)
- Bonus : Comment ajouter des vidéos attrayantes à votre site Divi
Pourquoi ajouter des flux Instagram à votre site Divi ?
En tant que plugin de construction de pages populaire, Divi facilite la conception de sites web, ce qui vous permet de créer un magnifique site WordPress avec des boutons, des sections d'appel à l'action, des images, des animations et bien plus encore.
Supposons que vous ayez déjà créé un excellent site web WordPress pour votre marque avec Divi. L'étape suivante consiste à le promouvoir afin d'attirer plus de clients.
Et si vous voulez promouvoir quelque chose sur l'internet, vous ne pouvez pas ignorer les médias sociaux.
On estime à 4,89 milliards le nombre d'utilisateurs de médias sociaux dans le monde en 2023, ce qui représente environ la moitié de la population mondiale.
Statista
Rien que sur Instagram, il y a plus d'un milliard d'utilisateurs actifs que vous pouvez atteindre !
Et si vous souhaitez utiliser Instagram pour promouvoir votre marque, un moyen simple consiste à ajouter un flux de posts Instagram à votre site Divi.
En fait, voici quelques bonnes façons dont un flux Instagram peut aider votre site :
- Stimuler l'engagement - Intégrer un flux de hashtags de contenus Instagram pertinents permet de capter l'attention des visiteurs de votre site et de les inciter à interagir avec lui.
- Renforcer la confiance dans la marque - Si vous intégrez des avis et des témoignages de vos clients, ils peuvent servir de preuve sociale. Cela signifie que le fait de voir de vraies personnes apprécier vos produits peut inciter vos visiteurs à faire un achat.
- Augmenter les ventes - Lorsque vous ajoutez un flux Instagram shoppable sur votre site Divi, vous pouvez promouvoir directement vos pages de produits auprès des visiteurs de votre site afin qu'ils soient plus enclins à acheter chez vous.
- Gagner du temps - Votreflux Instagram est automatiquement mis à jour, ce qui vous permet d'afficher de belles images et vidéos Instagram sur votre site web sans les télécharger manuellement.
- Augmentez votre présence en ligne : Montrer vos posts Instagram sur votre site peut augmenter le nombre de vos followers Instagram et vous aider à atteindre encore plus de clients potentiels.
Mais si Divi vous permet de créer un excellent site web, il n'offre pas vraiment de fonctions de marketing des médias sociaux.
La bonne nouvelle est que nous allons vous montrer le meilleur plugin de flux Instagram pour WordPress afin que vous puissiez commencer à ajouter des flux Instagram tout de suite - pas besoin de codage !
Mieux encore, ce plugin fonctionne à 100% avec votre site Divi.
La façon la plus simple d'ajouter les flux Instagram de Divi à votre site Web
La façon la plus simple d'ajouter des flux Instagram à votre site Divi est d'utiliser Instagram Feed Pro, le meilleur plugin de flux Instagram du marché.
En tant qu'agrégateur de flux Instagram n°1, Instagram Feed Pro vous aide à créer, personnaliser et intégrer votre flux Instagram sur votre site Divi en quelques clics - aucun codage n'est nécessaire.
En plus de cela, il est également doté de fonctionnalités étonnantes pour que vous puissiez commencer à ajouter vos flux Instagram immédiatement, comme par exemple :
- Installation super facile et rapide : Il suffit de quelques minutes, et vous pouvez commencer à ajouter vos flux Instagram à votre site Divi - pas besoin de langages de codage complexes comme le CSS personnalisé ou le JavaScript.
- Des tonnes de types d'aliments disponibles : Vous avez beaucoup de types de flux à choisir. Le plugin prend en charge les flux de hashtag, les bobines Instagram et les carrousels de flux Instagram pour votre site Divi.
- Personnalisateur visuel de flux: Comme tous les flux Instagram sont hautement personnalisables, vous pouvez les personnaliser en quelques clics à l'aide d'un personnalisateur visuel.
- Léger et rapide : Instagram Feed Pro a été optimisé pour être léger, de sorte que vos flux Instagram et votre site se chargeront super rapidement, ce qui est excellent pour le référencement.
- Instagram Shopping : Pour les boutiques en ligne et les sites WooCommerce, vous pouvez créer des flux achetables et permettre aux visiteurs d'acheter chez vous et de stimuler les conversions.
- Un support client de premier ordre : Avec Instagram Feed Pro, vous bénéficiez également d'une équipe d'experts WordPress pour vous aider si vous rencontrez des problèmes avec vos flux.
Parce qu'il est facile à utiliser et à personnaliser, Instagram Feed Pro est devenu le meilleur plugin de flux Instagram pour WordPress qui est également compatible avec Divi.
Aujourd'hui, il compte plus de 1 000 000 d'utilisateurs actifs, avec une note de 4,9/5 étoiles. Cette base d'utilisateurs comprend certaines des plus grandes marques du monde.
Comme vous pouvez le constater, même des grands noms comme Coca-Cola utilisent les flux Instagram de Smash Balloon et les plugins de médias sociaux de Smash Balloon pour ajouter des flux de médias sociaux à leurs sites.
Et si vous pensez que Smash Balloon ne fonctionne pas avec Divi, ne vous inquiétez pas. Tous les plugins Smash Balloon sont parfaitement compatibles avec Divi.
Prêt à mettre en place des flux Instagram sur votre site Divi ? Commencez dès aujourd'hui avec Instagram Feed Pro!
Comment ajouter un flux Instagram à votre site Divi (5 étapes faciles)
Pour intégrer des flux Instagram sur votre site Divi, il vous suffit de suivre les instructions pas à pas ci-dessous.
Commençons.
Étape 1 : Installer et activer Instagram Feed Pro
Pour commencer, vous pouvez obtenir le plugin Instagram Feed Pro ici. Ensuite, tout ce que vous avez à faire est de l'installer et de l 'activer sur votre site Divi.
Si vous ne savez pas comment procéder, consultez notre tutoriel sur l'installation des plugins dans WordPress.
Étape 2 : Créer votre flux Instagram
Vous pouvez maintenant aller de l'avant et créer votre flux Instagram immédiatement.
Maintenant, allez dans Flux Instagram " Tous les flux depuis votre tableau de bord WordPress. Puis, cliquez sur le bouton Ajouter un nouveau pour créer un nouveau flux Instagram.
Ensuite, vous pouvez choisir le type de flux Instagram que vous souhaitez afficher sur votre site Divi.
Vous avez le choix entre trois options :
- Timeline de l'utilisateur : Affichez toutes les photos et vidéos de votre profil Instagram.
- Hashtag public : Choisissez d'afficher les posts Instagram qui ont des hashtags spécifiques.
- Messages marqués : Utilisez votre flux Instagram pour afficher les posts qui ont tagué votre compte.
Après avoir choisi le type de flux Instagram que vous souhaitez dans la liste, cliquez sur Suivant.
Pour notre tutoriel, nous utiliserons le flux chronologique d'un utilisateur.
Étape 3 : Connecter votre compte Instagram
Dans cette étape, vous pouvez connecter le compte Instagram de votre entreprise ou de votre créateur à ce nouveau flux.
Vous pouvez consulter notre guide sur la mise à niveau de votre compte Instagram si vous n'en avez pas encore.
Sur la page suivante, cliquez sur le bouton Ajouter une source .
Ensuite, vous pouvez choisir entre une connexion Instagram de base et une connexion Instagram avancée.
En utilisant une connexion de base, vous pouvez publier les photos et les vidéos de votre compte Instagram.
Grâce à une connexion avancée, vous pouvez afficher toutes sortes de contenus, y compris des flux de hashtags, des flux d'achats, des histoires, des mentions, etc.
Choisissez la connexion Instagram que vous souhaitez utiliser, puis cliquez sur Connecter.
Pour ce guide, j'utiliserai une connexion Instagram avancée.
Sur la page suivante, cliquez sur le bouton Connecter avec Facebook .
Le plugin vous redirige alors vers Facebook. Ici, vous pouvez donner au plugin un accès en lecture seule à votre compte.
Cela signifie qu'Instagram Feed Pro peut voir votre contenu Instagram mais ne peut PAS y apporter de modifications, il est donc parfaitement sûr à 100 %.
Il vous suffit de cliquer sur le bouton Continuer pour continuer.
Pour finaliser la configuration de votre compte, cliquez sur le compte Instagram que vous venez de connecter à votre site web, puis sur Ajouter.
Maintenant, vous serez ramené au tableau de bord du plugin. Vous pouvez enfin cliquer sur Suivant et intégrer votre compte Instagram à votre site Divi.
Étape 4 : Personnaliser votre fil d'actualité Instagram
Pour vous aider à concevoir rapidement de beaux flux, Instagram Feed Pro est livré avec des modèles de flux que vous pouvez importer.
Vous avez le choix entre de nombreux modèles différents avec des designs uniques :
- Défaut
- Grille simple
- Grille simple XL
- Rangée simple
- Carrousel simple
- Carte de maçonnerie
- Mise en évidence
- Poste unique
- Carrousel d'un seul message
Une fois que vous avez choisi le modèle que vous voulez sur votre flux Divi Instagram, cliquez sur Suivant.
Sur la page suivante, vous verrez le personnalisateur de flux visuel. Ici, vous pouvez aller de l'avant et utiliser l'éditeur de flux en direct pour personnaliser le design et le contenu de votre flux Instagram.
Vers la gauche, vous pouvez voir un panneau de personnalisation qui contient toutes les options pour modifier le design de votre flux Instagram.
Cela signifie que vous pouvez définir la mise en page de votre flux, la palette de couleurs, le style de l'en-tête, la taille du flux, les boutons "charger plus", la conception des articles, et bien plus encore en quelques clics.
Et sur le côté droit, vous pouvez voir tous vos changements en temps réel avec un aperçu en direct de votre flux Instagram.
Cliquez sur l'option Mise en page du flux pour commencer à personnaliser votre flux Instagram pour votre site Divi.
Ici, vous pouvez choisir entre 4 options de mise en page différentes pour votre flux de médias sociaux Divi :
- Grille
- Carrousel
- Maçonnerie
- Mise en évidence
Grâce à la disposition en grille, vous pouvez afficher une galerie d'images avec un certain nombre de photos et de vidéos dans des rangées et des colonnes bien ordonnées.
Si vous souhaitez donner un aspect dynamique à votre flux de médias sociaux Divi, il y a l'option carrousel.
De cette façon, vous pouvez ajouter un magnifique slider Instagram pour votre site Divi.
Vous souhaitez conserver les proportions originales de vos posts Instagram ?
Ensuite, vous pouvez choisir l'option de maçonnerie comme dans l'exemple que j'ai créé.
Enfin, vous disposez de l'option de mise en évidence qui peut rendre vos posts Instagram plus visibles.
Cette mise en page multiplie par 4 la taille de vos messages.
Il ne vous reste plus qu'à sélectionner la mise en page du flux Instagram qui vous plaît et à cliquer sur Enregistrer.
Vous souhaitez continuer à personnaliser votre flux Divi Instagram ? Cliquez simplement sur le petit bouton Personnaliser .
À partir de là, vous pouvez cliquer sur l'option Schéma de couleurs pour continuer.
Pour vous aider à définir facilement les couleurs de votre flux Instagram, vous disposez de 4 schémas de couleurs parmi lesquels vous pouvez choisir :
- Héritage du thème : Utiliser les couleurs du thème WordPress de votre site web
- Léger : Fond clair et police plus foncée pour votre flux Divi Instagram.
- Foncé : utiliser un arrière-plan foncé avec une couleur de police claire
- Personnalisé : Sélectionner manuellement toutes les couleurs
Une fois que vous avez choisi votre palette de couleurs, cliquez sur le bouton Enregistrer pour confirmer vos modifications.
Ensuite, vous pouvez personnaliser votre flux Instagram à votre guise à l'aide des options restantes. Vous pouvez choisir la taille, le style de publication, la police, le design du bouton suivre, et bien plus encore.
Étape 5 : Ajouter votre flux Instagram à Divi
Enfin, il est temps de vous montrer comment ajouter votre flux Instagram à votre site WordPress Divi. Vous pouvez les ajouter directement à vos articles et pages, ou vous pouvez les afficher sur votre barre latérale.
Ajouter votre flux Instagram à une page WordPress avec Divi
Pour ajouter votre flux Instagram à votre page WordPress, vous pouvez commencer par l'éditeur de flux en direct.
Tout d'abord, cliquez sur le bouton " Embed" en haut de la page.
Vous verrez alors apparaître une fenêtre contextuelle contenant le code court de votre flux Instagram. En collant ce code sur votre site, vous pouvez intégrer votre flux Instagram.
Pour continuer, cliquez sur le bouton Copier .
Après cela, allez dans Pages " Add New dans votre tableau de bord et ouvrez l'éditeur WordPress.
Ici, il suffit de cliquer sur le bouton Utiliser Divi Builder .
Vous pouvez faire la même chose pour un article WordPress. Depuis votre tableau de bord WordPress, allez simplement dans Posts " Add New et cliquez sur Use Divi Builder.
Le constructeur de pages Divi s'ouvrira alors à vous. Ici, vous avez 3 façons de procéder :
- Commencer à construire : Vous pouvez partir d'un modèle vierge et construire une page.
- Parcourir les mises en page : Consultez les mises en page prédéfinies et commencez à modifier l'une d'entre elles.
- Choisissez Page : Vous pouvez également copier la conception d'une page existante et la modifier.
Vous pouvez choisir l'option que vous préférez ici.
Si vous choisissez l'option Commencer à construire, vous pouvez immédiatement commencer à éditer à partir d'un modèle vierge.
Mais si vous choisissez l'option Parcourir les modèles, la fenêtre contextuelle Charger à partir de la bibliothèque s'affichera. Vous pouvez parcourir tous les modèles disponibles ici.
Pour sélectionner une mise en page, il suffit de cliquer dessus.
La page Détails de la mise en page s'ouvre. Il ne vous reste plus qu'à cliquer sur Utiliser cette mise en page et vous pourrez commencer à modifier votre page.
Si vous choisissez plutôt Choisir une page , vous verrez les mises en page existantes que vous avez conçues.
Ici, il suffit de cliquer sur l'une des options pour commencer à modifier votre âge.
Avant d'ajouter votre flux Instagram à Divi, vous devez créer de l'espace pour lui. Cela signifie que vous devez créer une nouvelle ligne.
Pour ce faire, cliquez sur la petite icône verte plus (+) sur votre page Divi builder.
La fenêtre contextuelle Insérer une ligne s'affiche. Il vous suffit de cliquer sur la ligne de votre choix parmi la collection de lignes disponibles ici.
Enfin, vous pouvez cliquer sur l'icône plus (+) pour ajouter un nouveau module à votre page Divi.
Ensuite, utilisez la barre de recherche pour rechercher le module de code, puis cliquez sur celui-ci dans les résultats de la recherche ci-dessous.
Une fois que vous avez fait cela, vous verrez les paramètres du code sur la gauche. Ici, allez dans le champ de code et collez le shortcode de tout à l'heure.
Ensuite, il suffit de cliquer sur l'icône de vérification dans le coin inférieur droit.
Et le tour est joué ! Vous avez maintenant ajouté votre flux Instagram à votre site Divi.
Comme vous pouvez le constater, ce plugin WordPress de flux de médias sociaux facilite grandement l'intégration des posts Instagram, même si vous n'êtes pas un expert en technologie.
Désormais, lorsque vous visitez votre site web, vous pouvez voir le flux Divi Instagram intégré à votre page.
Ajoutez votre flux Instagram Divi à la barre latérale
Que faire si vous souhaitez afficher votre flux Instagram dans votre barre latérale ou votre pied de page ?
Voyons maintenant comment intégrer des flux Instagram dans la barre latérale ou le pied de page de Divi sous la forme d'un widget Instagram.
Tout d'abord, allez dans Apparence " Widgets dans votre tableau de bord WordPress.
Sur cette page, cliquez sur le panneau Sidebar pour ajouter des flux Instagram à la zone latérale du thème Divi.
Ou si vous voulez mettre en valeur les flux Instagram sur votre zone de pied de page Divi, vous pouvez cliquer sur le panneau Footer si vous préférez.
Nous utiliserons une barre latérale pour ce tutoriel.
Après avoir choisi la barre latérale, cliquez sur l'icône plus (+) et sélectionnez le widget Shortcode dans les options.
Enfin, collez votre shortcode de tout à l'heure dans le champ Shortcode.
Une fois que vous avez collé le shortcode, il vous suffit de cliquer sur Update pour enregistrer vos modifications.
Vous avez maintenant ajouté un flux Instagram à votre barre latérale Divi. Vous avez vu à quel point c'était facile et rapide grâce à l'utilisation d'un plugin comme Instagram Feed Pro ?
Il vous suffit de consulter votre site pour voir votre flux Instagram intégré dans la barre latérale.
Ci-dessous, vous pouvez voir l'exemple de flux divi Instagram que j'ai créé pour ce tutoriel.
Bonus : Comment ajouter des vidéos attrayantes à votre site Divi
Une fois que vous avez configuré votre flux Divi Instagram, il existe un excellent moyen de faire passer votre marketing des médias sociaux à l'étape suivante : afficher des vidéos TikTok sur votre site Divi.
Avec plus d'un milliard d'utilisateurs actifs, TikTok est la première plateforme de vidéos courtes et un endroit fantastique pour publier vos vidéos et atteindre de nouvelles personnes.
Et même si vous ne publiez pas activement sur TikTok, vos concurrents y seront présents.
La bonne nouvelle ? En ajoutant des vidéos TikTok à votre site Divi, vous pouvez facilement convertir le trafic de votre site en vues, en likes et en followers TikTok.
Ensuite, vous pouvez inciter votre public TikTok à vous suivre sur Instagram et d'autres plateformes de médias sociaux.
De plus, l'intégration de TikTok à votre site est très facile. Avec TikTok Feed Pro, vous pouvez ajouter vos vidéos TikTok à Divi en quelques minutes seulement, sans avoir à toucher à une seule ligne de code !
Conseil d'expert: Pour commencer tout de suite, consultez notre guide sur l'ajout d'un flux TikTok à votre site Divi.
Et c'est tout ! Nous espérons que cet article vous a montré comment intégrer un flux Instagram sur votre site Divi en quelques minutes.
Avec le plugin Instagram Feed Pro, il est plus facile que jamais d'ajouter du contenu d'Instagram sur votre site, même si vous êtes novice en matière de WordPress.
Prêt à obtenir plus de followers et d'engagement avec les flux Instagram ? Commencez dès maintenant avec Instagram Feed Pro pour pouvoir créer, personnaliser et ajouter des flux Instagram au thème Divi afin de développer votre site web.
Vous voulez intégrer d'autres flux de médias sociaux dans Divi ? Vous pouvez consulter ces prochains articles :
- Comment afficher des vidéos YouTube dans un site WordPress Divi
- Comment intégrer le widget Google Reviews dans votre Divi
- Comment ajouter facilement un flux Facebook à un site WordPress Divi
Si cet article vous a été utile, 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.
