Un modèle de section pour afficher le Feed Instagram est déjà inclus dans tes templates. Pour afficher ton feed (au lieu du message sur le bloc), installe et configure le plugin « Smash Balloon Instagram Feed », puis ajoute le modèle de section à tes pages.
1. Installer le plugin
Depuis le tableau de bord :
- Cliquer sur « Extensions ».
- Puis sur « ajouter« .
- Rechercher « Smash Balloon Instagram Feed « et le sectionner.
- Cliquer sur « Installer ».
- Puis « activer ».
2. Connecter le plugin avec son compte Insta
- Cliquer sur « Flux Instagram » dans le menu latéral gauche.
- Puis « Tous les flux ».
- Cliquer sur « Ajouter ».
- Choisir « Chronologie de compte ».
- Cliquer sur « suivant ».
- Cliquer sur « Ajouter une source ».
- Suivre les instructions pour connecter le plugin à son compte instagram.
- Selectionner son compte Instagram.
- Cliquer sur « suivant ».
- L’interface de configuration de l’affichage du feed s’affiche.
3. Configurer l'affichage du feed Instagram
Depuis l’interface de personnalisation du flux (Flux > choix du flux > icone stylo pour modifier) :
- Cliquer sur l’onglet « Personnaliser » sur « mise en page du flux »,
- Sélectionner grille.
- Changer le nombre publications
- Ordinateur = 5
- Mobile = 4.
- Changer le nombre de colonnes
- Ordinateur = 5
- Tablette = 2
- Mobile = 2.
- En haut à droite en cliquant sur les icônes appareil PC, Tablette, Mobile, tu peux tester le flux.
- Cliquer sur « enregistrer« .
- Retourner en arrière en cliquant sur « Customize ».
- Cliquer sur entête et désactiver.
- Retourner en arrière en cliquant sur « Customize ».
- Cliquer sur « Charger plus » et désactiver.
- Retourner en arrière en cliquant sur « Customize ».
- Cliquer sur « Bouton suivre » et désactiver.
- Cliquer sur « Enregistrer« .
4. Ajouter le feed Instagram sur ton site web
- Aller sur la page où tu veux ajouter le bandeau Instagram.
- Cliquer sur « modifier avec Elementor ».
- Cliquer sur « +’ pour ajouter une section.
- Puis sur l’icône dossier pour rechercher le modèle.
- Sélectionner « B-Feed instagram » et cliquer sur « insérer ».
- Cliquer sur « Mettre à jour » pour sauvegarder.
Alternative : Si tu veux l’afficher sur toutes les pages et que tu as Elementor Pro, tu peux aussi ajouter la section à ton footer (« Modèles » > « Constructeur de thème » > « Pied de Page » > « M-Footer Pro »).