Vous souhaitez afficher un flux Instagram horizontal dans WordPress ?
Un flux horizontal Instagram élégant améliore le design de votre site et incite les visiteurs à rester en contact pour qu'ils deviennent vos followers et fans Instagram !
Cet article vous montre comment afficher un flux Instagram horizontal dans WordPress en quelques étapes simples.
Voici une table des matières pour vous aider à vous y retrouver :
- Installer le plugin Instagram Feed
- Créez votre flux Instagram
- Connectez votre compte Instagram
- Sélectionner la disposition horizontale de l'alimentation
- Personnalisez le design de votre flux
- Publier votre flux dans WordPress
Êtes-vous prêt à développer votre entreprise à l'aide de flux Instagram horizontaux ? Plongeons dans le vif du sujet.
Pourquoi ajouter un fil Instagram horizontal dans WordPress ?
Un flux Instagram horizontal est plus qu'un simple élément esthétique sur votre site. Utilisé de la bonne manière, c'est un excellent outil tactique pour augmenter les ventes et développer votre entreprise.
C'est aussi un bon moyen de présenter les photos Instagram en un seul endroit tout en donnant à vos utilisateurs la possibilité de faire défiler votre contenu à leur rythme.
Vous pouvez utiliser un flux Instagram horizontal de nombreuses façons différentes :
- Les flux horizontaux peuvent vous aider à afficher les flux de hashtags Instagram dans WordPress. Par exemple, des photos de marque sur votre page à propos, ou des photos d'articles de blog avec des hashtags pertinents pour le sujet.
- En utilisant le bon plugin, vous pouvez également ajouter votre flux Instagram horizontal à votre WordPress pour stimuler le référencement de votre site web.
- Comme les flux horizontaux ressemblent aux carrousels utilisés sur les sites de commerce électronique, vous pouvez les utiliser pour créer une expérience d'achat sur Instagram.
- De plus, les flux Instagram alimentés par du contenu généré par les utilisateurs ont également une preuve sociale. Vous pouvez donc les utiliser pour convaincre les visiteurs de votre site d'acheter chez vous.
Comment afficher un flux Instagram horizontal dans WordPress
La façon la plus simple d'afficher des flux Instagram horizontaux dans WordPress est d'utiliser un plugin WordPress comme Instagram Feed Pro.
En effet, Instagram n'offre pas d'option facile pour obtenir un effet horizontal à l'aide de sa méthode d'intégration par défaut.
Lorsque vous intégrez des posts Instagram dans WordPress sans plugin, vous ne pouvez insérer qu'un seul post.
Mais avec un plugin WordPress comme Instagram Feed Pro, vous pouvez intégrer un flux complet d'articles avec plusieurs options de mise en page, y compris des carrousels horizontaux.
Pour ce tutoriel, nous utiliserons ce plugin de flux Instagram pour obtenir le design et la mise en page dont nous avons besoin.
Instagram Feed Pro de Smash Balloon est le plugin de flux Instagram le mieux noté pour WordPress. Sa note de 4,9/5 étoiles sur plus de 1 000 000 d'utilisateurs actifs en dit long sur la qualité de ce plugin.
Grâce à son interface facile à utiliser, il suffit de quelques clics pour que votre contenu Instagram ressemble à ce que vous voulez, sans aucun codage nécessaire.
Mieux encore, vous pouvez entièrement personnaliser la conception de votre flux et filtrer le contenu pour afficher des flux de hashtags, des flux de photos, des flux de produits à acheter, des bobines Instagram, etc.
Le plus beau ?
Une fois que vous avez connecté votre compte au plugin, celui-ci communique automatiquement avec l'API d'Instagram, ce qui vous permet d'afficher facilement votre flux Instagram horizontal, même si vous n'avez pas de connaissances techniques.
Instagram Feed Pro est convivial, rapide et fiable - c'est pourquoi certaines des plus grandes marques du monde lui font confiance :
Étape 1 : Installer le plugin Instagram Feed de Smash Balloon
Pour afficher votre Instagram de côté, vous pouvez commencer par obtenir votre propre copie d'Instagram Feed Pro et télécharger le plugin sur votre ordinateur.
Une fois que vous avez fait cela, téléchargez le plugin et installez-le sur votre site web WordPress. Si vous avez besoin d'un peu d'aide, voici un guide pratique pour l'installation d'un plugin WordPress.
Étape 2 : Créer votre flux Instagram horizontal
L'étape suivante consiste à créer un flux Instagram à l'aide du plugin.
Pour y parvenir facilement, rendez-vous dans le menu Flux Instagram du tableau de bord, puis cliquez sur Ajouter un nouveau.
Ensuite, vous pouvez choisir le type de flux Instagram que vous souhaitez voir apparaître sur votre site web. Comme vous pouvez le voir, vous avez le choix entre 3 options :
- Chronologie de l'utilisateur : Affichez vos propres publications dans le flux Instagram horizontal.
- Hashtag public: Affichez les posts Instagram qui ont des hashtags publics de votre choix.
- Messages marqués : Utilisez votre flux pour afficher les posts qui ont mentionné votre compte Instagram.
De plus, vous pouvez sélectionner plus d'une option ici pour combiner différents types de flux Instagram en un seul flux.
Après avoir choisi le type de flux Instagram, cliquez sur Suivant.
Étape 3 : Connecter votre compte Instagram
À l'étape suivante, vous pouvez connecter votre nouveau flux à votre compte Instagram en quelques clics.
Pour commencer, cliquez d'abord sur le bouton Ajouter une source .
Ensuite, le plugin vous demandera si vous souhaitez connecter un compte personnel ou un compte professionnel .
Certains des types de flux inclus dans le plugin nécessitent un compte professionnel, comme les flux filtrés par des hashtags spécifiques, l'affichage des stories Instagram et la création de "flux d'achat" renvoyant à votre boutique en ligne.
Vous pouvez consulter cet article si vous avez besoin d'aide pour apprendre à convertir votre compte Instagram en profil professionnel.
Pour continuer, il suffit de choisir le type de compte Instagram, puis de cliquer sur Se connecter avec Instagram.
Pour ce tutoriel, nous utiliserons un compte personnel .
Ensuite, le plugin ouvrira Instagram pour que vous puissiez donner un accès en lecture seule à Instagram Feed Pro.
Avec cet accès, le plugin affichera les informations d'Instagram afin de montrer les photos et les vidéos sur votre flux Instagram.
D'autre part, il ne peut pas réellement apporter de modifications, il est donc tout à fait sûr à utiliser.
Il suffit de cliquer sur le bouton Autoriser de la fenêtre contextuelle pour continuer.
Après avoir donné l'accès en lecture seule, le plugin vous ramènera sur votre site WordPress pour que vous puissiez terminer la connexion de votre compte.
Pour ce faire, il vous suffit de cliquer sur le bouton " Suivant".
Étape 4 : Sélectionner la disposition horizontale du carrousel
Vous souhaitez créer votre flux Instagram horizontal ? Parfait ! Instagram Feed Pro dispose d'un éditeur de flux en direct avec de nombreuses options de personnalisation que vous pouvez choisir.
Sur le panneau de gauche, vous avez la possibilité de modifier la mise en page de votre flux, la palette de couleurs, le design de l'en-tête, le style des articles, l'arrière-plan, et bien plus encore.
Pour vous aider à suivre vos changements, vous pouvez voir un aperçu en temps réel de votre flux Instagram sur la droite.
Pour l'étape suivante, cliquez sur l'option Feed Layout à gauche de votre écran.
Ici, vous trouverez les options de mise en page pour votre flux Instagram avec 4 options au choix : grille, carrousel, maçonnerie et mise en évidence.
Chacune de ces dispositions crée un effet visuel différent.
Et comme vous souhaitez afficher un flux Instagram horizontal dans WordPress, choisissons l'option Carousel.
Cette option affiche votre flux dans un carrousel de diapositives qui défile horizontalement à travers vos articles.
En cliquant sur la mise en page du carrousel, vous verrez plusieurs paramètres que vous pouvez utiliser pour peaufiner votre conception.
Examinons les paramètres d'affichage plus en détail :
- Rangs : Choisissez entre 1 ou 2 rangées pour votre alimentation horizontale.
- Type de boucle : Sélectionnez Rewind ou Infinite. La boucle infinie permet aux visiteurs de parcourir toutes les photos de votre flux. En revanche, l'option Rembobinage permet de faire défiler un nombre déterminé de photos.
- Temps d'intervalle : permet de spécifier le temps entre chaque cycle de photos.
- Afficher les flèches de navigation : Vous permet d'ajouter des flèches pour vous déplacer en avant et en arrière dans votre flux.
- Afficher la pagination : Inclut des icônes de points sous le diaporama indiquant le nombre de photos contenues dans votre flux.
- Activer la lecture automatique : Permet aux posts Instagram de votre carrousel de se dérouler automatiquement.
Dans ces options, vous pouvez choisir le nombre de colonnes et d'images Instagram dans votre flux et définir le remplissage en pixels.
Voici un exemple de l'aspect de ces paramètres lorsque vous intégrez votre Instagram latéralement sur votre site web.
Nous avons sélectionné 1 ligne et activé la pagination et les flèches de navigation pour notre flux.
Une fois que vous avez sélectionné les options de mise en page de votre flux, cliquez sur le bouton Enregistrer.
Comme ça, vous pouvez activer la disposition en carrousel horizontal pour votre flux Instagram en toute simplicité.
Étape 5 : personnaliser le design de votre fil Instagram horizontal
Pour aller de l'avant et personnaliser le reste de votre flux Instagram horizontal, cliquez sur le bouton Personnaliser en haut.
À partir de là, vous pouvez cliquer sur l'option Schéma de couleurs pour définir les couleurs de votre flux.
En ce qui concerne les options de couleurs, Instagram Feed Pro est livré avec 4 schémas de couleurs différents parmi lesquels vous pouvez choisir :
- Héritage du thème : Si vous souhaitez utiliser les mêmes couleurs que le thème de votre site web
- Clair : Pour afficher un arrière-plan clair pour votre flux ainsi qu'une couleur de police foncée.
- Sombre : permet d'afficher un arrière-plan sombre et une police plus claire.
- Personnalisé : Vous permet de choisir manuellement toutes les couleurs de votre flux.
Une fois que vous avez choisi votre palette de couleurs, cliquez sur Enregistrer pour confirmer vos modifications.
Et juste comme ça, vous pouvez modifier le design de vos articles, la disposition de l'en-tête, le style des boutons, la taille du flux, et bien plus encore avec cet éditeur de flux en direct - aucun codage n'est nécessaire.
N'oubliez pas de cliquer sur le bouton Enregistrer en haut de la page une fois que vous êtes satisfait de vos paramètres.
Étape 6 : Publier votre flux Instagram horizontal dans WordPress
Le plugin Instagram Feed Pro propose plusieurs façons d'afficher votre flux Instagram horizontal dans WordPress.
Les différentes méthodes sont les suivantes :
- Ajouter votre flux horizontal à une page WordPress
- Utilisez un widget de flux Instagram pour afficher votre flux dans la barre latérale ou le pied de page de WordPress.
Nous vous expliquons ci-dessous comment utiliser chaque méthode :
Ajouter un flux Instagram horizontal à une page WordPress
Pour ajouter votre flux Instagram à une page, commencez par cliquer sur le bouton Embed (Intégrer) en haut de la page.
Cela ouvrira une fenêtre contextuelle dans laquelle vous pourrez définir l'emplacement de votre flux Instagram horizontal.
Pour continuer, cliquez sur l'option Ajouter à une page dans la fenêtre contextuelle.
Ensuite, la fenêtre popup vous montrera une liste de pages WordPress afin que vous puissiez choisir une page parmi les options.
Cliquez ensuite sur le bouton Ajouter pour intégrer votre flux à cette page.
Cela ouvrira cette page dans l'éditeur WordPress afin que vous puissiez intégrer votre flux Instagram horizontal.
Pour cela, cliquez sur l'icône plus (+) pour ajouter un nouveau bloc de contenu WordPress.
Écrivez "Instagram" dans la barre de recherche, puis cliquez sur le bloc Flux Instagram pour l'ajouter à votre page.
WordPress génère un aperçu de votre flux afin que vous puissiez y apporter des modifications avant de cliquer sur Publier.
Désormais, vos visiteurs peuvent voir un superbe flux Instagram horizontal en direct sur votre site web.
Comme vous pouvez le constater, vous pouvez intégrer votre flux Instagram horizontal en quelques clics, sans aucun codage.
Ajouter un flux Instagram horizontal dans la barre latérale ou le pied de page de WordPress
Pour commencer, rendez-vous dans le menu " Tous les flux " de votre tableau de bord WordPress.
Ensuite, cliquez sur le flux Instagram horizontal que vous avez créé précédemment.
Cela ouvrira à nouveau ce flux dans l'éditeur de flux en direct. Pour continuer, cliquez à nouveau sur le bouton Embed en haut de la page.
Dans cette fenêtre, cliquez sur le bouton Ajouter à un widget pour commencer à intégrer votre flux Instagram dans votre barre latérale ou votre pied de page.
Cela ouvrira la page Widgets de votre site web, où vous pourrez ajouter, supprimer ou gérer votre widget.
Vous souhaitez ajouter votre flux Instagram dans la barre latérale ? Cliquez sur le panneau Sidebar ici.
Au lieu de cela, vous pouvez cliquer sur le panneau Footer et intégrer votre flux Instagram horizontal dans votre pied de page WordPress.
Nous choisirons un pied de page pour ce tutoriel.
Ajoutez un nouveau widget en cliquant sur l'icône plus (+) , puis sélectionnez le widget Flux Instagram parmi les options proposées.
Enfin, cliquez sur le bouton Mettre à jour pour confirmer ce nouveau widget WordPress.
Désormais, lorsque vous naviguez vers l'avant de votre site web, vous verrez votre flux Instagram affiché horizontalement dans votre barre latérale.
Et voilà !
Nous espérons que cet article vous a aidé à apprendre comment afficher un flux Instagram horizontal dans les sites web WordPress avec facilité.
Il ne vous reste plus qu'à en intégrer un sur votre site pour susciter l'intérêt de votre public et le transformer en fans fidèles et en clients potentiels.
Vous souhaitez afficher un flux Instagram horizontal sur votre site ? Démarrez avec Instagram Feed Pro ici.
Si vous souhaitez développer votre présence sur Instagram, consultez ce guide sur la façon d'augmenter le nombre d'abonnés sur Instagram.
Vous avez Elementor ? Voici comment ajouter un flux Instagram Elementor à votre site en quelques clics.
Et n'oubliez pas de nous suivre sur Facebook et Twitter pour recevoir les derniers articles sur la façon de commercialiser avec succès votre entreprise sur vos réseaux sociaux.
