Widget Instagram pour sites Web : un guide en trois étapes avec des exemples

Author:  
|
Published:  
January 10, 2023
|
5
 min read

Summary

  • Un widget Instagram vous permet d'afficher des flux Instagram en direct tels que des images, des vidéos et des stories, directement sur votre site Web, afin de le maintenir à jour et attrayant.

  • La configuration avec Flockler ne prend que trois étapes : connectez votre compte Instagram, choisissez une disposition de widget (mur, grille, carrousel ou diaporama) et intégrez le code.

  • Les widgets peuvent être personnalisés en fonction de votre marque et peuvent même inclure des boutons d'appel à l'action, ce qui vous permet de générer des conversions grâce à des galeries achetables et à des campagnes UGC.

Avec le widget Instagram de Flockler, vous pouvez afficher les dernières images, vidéos et stories de n'importe quelle marque ou un fil de hashtag de vos clients.

La configuration d'un widget Instagram pour votre site Web ne prend que quelques minutes et vous n'avez pas besoin de compétences techniques. Connectez votre compte et affichez une image de marque fil Instagram sur n'importe quel site Web ou autre service numérique.

Comment créer un widget Instagram et l'intégrer sur des sites Web

Voici un guide en trois étapes pour créer un widget Instagram :

  1. Connectez votre compte Instagram et sélectionnez la source de contenu
  2. Choisissez la mise en page du widget Instagram
  3. Intégrez des widgets Instagram sur votre site Web

1. Connectez votre compte Instagram et sélectionnez les sources de contenu

Ce n'est pas difficile de intégrer des publications Instagram sur n'importe quel blog ou site Web, mais l'ajout manuel de chaque image peut prendre trop de temps pour les spécialistes du marketing pressés. Avec le widget Instagram de Flockler, vous pouvez laisser l'automatisation faire le gros du travail à votre place.

Une fois connecté à Flockler, cliquez sur l'onglet « Feeds » et créez un nouveau fil d'actualité sur les réseaux sociaux.

Commencez par connecter votre Compte Instagram Business. Une fois votre compte connecté, il est temps de sélectionner le contenu que vous souhaitez afficher.

Instagram content sources on the Flockler platform

Avec le widget Instagram, vous pouvez afficher:

  • Toutes les images et vidéos publiques mentionnant un hashtag.
  • Toutes les images et vidéos publiques provenant de n'importe quel compte professionnel.
  • Publique Mentions sur Instagram de votre compte professionnel (les droits d'administrateur du compte professionnel étiqueté ou mentionné sont requis).
  • Histoires Instagram de votre compte professionnel (uniquement les articles publiés au cours des dernières 24 heures ; les droits d'administrateur du compte professionnel sont requis).

Notez que vous n'avez pas besoin d'être administrateur d'un compte Instagram spécifique pour afficher un fil Instagram d'une marque ou d'un campagne avec hashtag.

Vous souhaitez afficher du contenu provenant de plusieurs réseaux sociaux ? Pas de problème, vous pouvez créer des flux à partir de plusieurs sources et afficher tout le contenu en un seul endroit. Voici le liste des chaînes de réseaux sociaux et des sources de contenu prises en charge.

2. Choisissez la mise en page du widget Instagram

Avec Flockler, le design de votre widget Instagram est entièrement personnalisable et réactif. Flockler propose quatre modèles parmi lesquels vous pouvez choisir, et vous pouvez modifier le design pour l'adapter à l'apparence de votre marque. Vous pouvez créer un nombre illimité de widgets avec des styles personnalisés.

Cliquez sur « Afficher » sur Flockler et sélectionnez l'un des quatre modèles de widgets : mur, grille, carrousel et diaporama.

Instagram widget layout options on the Flockler app

En fonction de la zone et de la taille de l'écran, le nombre de colonnes s'ajuste automatiquement. Dans les paramètres du code intégré, vous pouvez sélectionner les éléments qui sont visibles, le nombre de publications à afficher avant le bouton « Charger plus », et bien plus encore. Dans la section Avancé des paramètres, vous pouvez ajouter du CSS personnalisé avec l'aide de vos développeurs ou avec l'aide de l'équipe d'assistance de Flockler (un service de personnalisation gratuit).

Edit Instagram widget’s settings on Flockler

3. Intégrez des widgets Instagram sur votre site Web

An Instagram Widget example

Vous pouvez intégrer le widget Instagram de Flockler sur n'importe quel site Web et service numérique.

Après avoir sélectionné votre mise en page, vous pouvez trouver le code d'intégration dans l'onglet « Affichage » de Flockler. Si vous n'êtes pas autorisé à modifier le site Web de votre entreprise, partagez le code avec votre développeur, qui pourra l'ajouter à la page. Le code d'intégration crée automatiquement un widget de votre choix, et aucune étape supplémentaire n'est requise de la part de vos développeurs.

Flockler app Display tab’s view

Voici des guides détaillés sur l'ajout d'un widget Instagram aux systèmes de gestion de contenu et aux plateformes de commerce électronique les plus populaires :

Vous utilisez une autre plateforme et vous avez besoin d'aide pour la configuration ? Si c'est le cas, n'hésitez pas à nous contacter via le chat en direct.

Caractéristiques du widget Instagram :

Voici quelques-unes des principales fonctionnalités du widget Instagram que vous pouvez intégrer à Flockler :

  • Modèles prêts à l'emploi pour une installation rapide
  • Réactif et optimisé pour les mobiles
  • Design et image de marque personnalisables (CSS personnalisés, taille, couleurs, polices, etc.)
  • Mises à jour instantanées du contenu depuis les réseaux sociaux
  • Murs, grilles et carrousels illimités
  • Nombre de pages vues illimité
  • Support multi-utilisateurs
  • Fonctionnalités de modération avancées
  • Assistance complète par chat en direct, e-mail et téléphone
  • Conforme au RGPD

Voir l'intégralité liste des fonctionnalités de Flockler.

Votre organisation dispose-t-elle déjà d'un widget Instagram pour les sites Web ? Inscrivez-vous à l'essai gratuit de Flockler et créez votre widget en quelques minutes. Aucune carte de crédit n'est requise au départ.

Exemples de widget Instagram

Voici quatre exemples de widgets Instagram pour les sites Web en action.

L'aménagement du Social Wall avec l'université de Harvard

An Instagram widget embedded on a website

Les écoles et les universités organisent des remises de diplômes et des événements sportifs où un widget Instagram mis à jour en direct est indispensable. Avec Flockler, Université de Harvard peut afficher instantanément un nombre illimité de widgets et personnaliser chacun pour les sites Web et les écrans numériques.

L'aménagement du réseau avec Hapag-Lloyd Cruises

An Instagram Grid widget on Hapag-Lloyd’s page

Croisières Hapag-Lloyd propose des expériences inoubliables aux vacanciers du monde entier. Le widget de grille Instagram affiche leur contenu le plus récent et les meilleures entrées de leurs clients.

Le carrousel avec GoPro

An Instagram Carousel widget on GoPro’s website

GoPro est l'un des clients de Flockler qui utilise le widget carrousel Instagram sur une vue mobile. Le Page #GoProAwards affiche une vue filtrée par hashtag de toutes leurs publications.

Le diaporama avec les Colorado Eagles

An Instagram slideshow for Colorado Eagles

La mise en page du diaporama est optimisée pour les écrans numériques mais peut également être intégrée à n'importe quel site Web et plateforme numérique. Comme les autres mises en page Flockler, le diaporama est optimisé pour les ordinateurs de bureau et les appareils mobiles. L'équipe de hockey sur glace des Colorado Eagles incite son public à partager du contenu à l'aide d'un hashtag personnalisé afin de créer une communauté et d'accroître la portée de l'équipe sur les réseaux sociaux.

Avez-vous déjà créé un widget Instagram pour votre organisation ? Commencez avec l'essai gratuit de Flockler et créez votre widget en quelques minutes.

Pourquoi intégrer des widgets Instagram sur des sites Web

Stimulez les conversions grâce aux CTA

Instagram widget with a CTA button
Un bouton d'appel à l'action (voir l'exemple en orange) peut être ajouté à n'importe quelle image Instagram. L'apparence et le texte du bouton sont entièrement personnalisables.

Un widget Instagram peut afficher les dernières images et vidéos sans aucune intervention manuelle, mais il peut également vous aider à générer des conversions sur votre site Web. Le widget Instagram de Flockler comprend une fonction de bouton CTA qui vous permet d'ajouter un appel à l'action à n'importe quelle image et vidéo. La conception du bouton CTA est entièrement personnalisable et peut être liée à vos produits et services.

Les boutiques en ligne peuvent intégrer leurs produits à Flockler et créez des galeries UGC achetables. Lorsqu'un visiteur du site Web clique sur l'une des publications, il voit le produit correspondant et la recommandation d'un autre client.

A shoppable Instagram widget

Augmenter le temps passé sur le site

Un widget Instagram mis à jour instantanément permet aux visiteurs de votre site Web d'interagir plus longtemps avec votre contenu. Si vous créez campagnes de contenu générées par les utilisateurs pour recueillir des commentaires, le la preuve sociale de la part de vos clients renforce la confiance et augmente les ventes.

Augmentez la portée et l'engagement sur les réseaux sociaux

Le widget Instagram de votre site Web générera également naturellement du trafic vers votre compte Instagram. Plus le nombre de personnes qui suivent votre compte et consultent, commentent et aiment vos images est élevé, plus la portée sur Instagram est élevée. Ensuite, à partir des outils de publicité et d'analyse de Facebook et Instagram, vous pouvez cibler les offres spéciales sur le public qui a visité votre site Web et votre profil Instagram.

Avez-vous créé des widgets Instagram pour votre marque ? Inscrivez-vous à notre essai gratuit de 14 jours et ajoutez des widgets Instagram à n'importe quel site Web en moins de cinq minutes.

FAQs

Quels types de widgets Instagram puis-je intégrer à mon site Web ?

Avec Flockler, vous pouvez choisir parmi quatre mises en page de widgets Instagram : Social Wall, Grid, Carousel et Slideshow. Chaque mise en page est entièrement réactive et personnalisable, ce qui vous permet d'afficher les publications Instagram qui correspondent le mieux à la conception de votre site Web.

Puis-je rendre mon widget Instagram interactif pour générer des ventes ?

Oui Avec Flockler, vous pouvez ajouter des boutons CTA à n'importe quelle publication ou vidéo de votre widget. De plus, les marques peuvent ajouter Widgets Instagram pouvant être achetés, qui permettent aux visiteurs de cliquer sur les publications pour afficher les produits étiquetés afin de simplifier le cycle d'achat.

Ai-je besoin de compétences en codage pour intégrer un widget Instagram sur mon site Web ?

Non. Flockler fournit un code d'intégration généré automatiquement pour la mise en page de votre widget, qui peut être ajouté directement à votre site Web ou partagé avec un développeur. Le widget est automatiquement mis à jour avec le nouveau contenu Instagram, ce qui permet de maintenir votre site Web à jour sans effort manuel.

Improve your website’s engagement with social walls

Scale without limits

Add dynamic social walls & shoppable UGC to boost interaction and conversions on the website
Flockler's new API now supports bulk feed creation for Instagram and Facebook.
Get free trial
With Flockler, you can gather and display social media feeds from your favourite channels.
See the full list of supported content types and sources
Commencez votre essai gratuit de 14 jours