Les stories Instagram sur les sites web gagnent en popularité ces jours-ci grâce à l'option permettant d'ajouter un lien autocollant et diriger les personnes qui vous suivent vers votre site web.
And as your brand adds more and more content to your Instagram stories, why not re-use them and show a website Instagram story widget, too?
Ainsi, vous pouvez créer un flux pour étendre la portée de vos stories Instagram et gagner du temps pour mettre à jour votre site web avec vos dernières actualités.
Afficher les stories Instagram sur un site web est possible, et vous pouvez utiliser une application pour vous aider à synchroniser automatiquement les stories Instagram avec votre site web.
POUR INFO: Vous pouvez intégrer le widget Instagram stories automatiquement sur votre site web et afficher vos stories Instagram en quelques secondes. Essayez-le maintenant.
Guide rapide : Intégrer des stories Instagram sur votre site web
- S'inscrire au widget Instagram stories.
- Allez dans Sources, sélectionnez Histoires InstagramPour cela, connectez votre compte Facebook qui gère votre profil Instagram.
- Choisir le compte Instagram à partir duquel vous souhaitez générer des stories et cliquez sur Suivant.
- Choisissez un modèle de widget et créez votre propre widget Instagram story.
- Copier et intégrer le code du widget Instagram stories sur votre site web.
Poursuivez votre lecture pour obtenir la étapes détaillées sur la façon d'intégrer les stories Instagram. En voici un aperçu :
Comment intégrer automatiquement des Stories Instagram ?
Voici les étapes détaillées de la création d'un Widget Instagram storiesLe widget peut être intégré à votre site web, générer un code d'intégration, personnaliser le widget et l'intégrer à votre site web.
- S'inscrire pour le widget Instagram stories ;
- Cliquez sur ‘Sources’ et cliquez sur le bouton en haut à droite ‘Add new source’;
- In the Sources page, choose Stories and click Connecter le compte Facebook pour vous connecter à votre compte Facebook et fournir les autorisations nécessaires ;
- Select the Instagram account from which you want to generate the stories and click ‘Créer un widget' ;
- Dans l'éditeur de widgets, vous pouvez choisir la mise en page ou effectuer d'autres personnalisations ;
- Enfin, cliquez sur le bouton gauche Embarquer et cliquez sur ‘Copy code’;
- Allez sur votre site web et collez le code dans la section "body" de votre site web.
And that’s it! Now, you can choose to embed Instagram stories widgets to your HTML website or check some of the CMS builders below, depending on which one you use to build your website.
A noter : Selon les exigences de la plateforme Instagram, votre compte Instagram doit être connecté à une page Facebook afin de permettre à des applications tierces de générer les histoires Instagram publiées par ce compte.
Here is how to connect your Instagram account to a Facebook page >
Pour une présentation détaillée, regardez la vidéo ci-dessous :
Caractéristiques du widget Instagram Story
Voici quelques-unes des fonctionnalités du widget Instagram story :
- Synchronisation automatique des stories Instagram sur un site web: Les utilisateurs peuvent intégrer leurs stories Instagram directement sur leur site web, qui présenterait automatiquement les dernières stories.
- Conception personnalisable: Le widget permet aux utilisateurs de personnaliser l'aspect et la convivialité pour l'adapter à la conception de leur site web. Il peut s'agir de modifier la taille, le cadre, les couleurs, etc.
- Conception adaptée: The widget is mobile-friendly, resizing appropriately based on the viewer’s device.
- Mises à jour automatiques: Le widget se met automatiquement à jour avec les nouvelles stories au fur et à mesure que vous les ajoutez sur Instagram.
- Commandes de navigation: Les utilisateurs qui consultent les histoires intégrées sur le site web disposent de commandes telles que l'avance, le recul, la pause, etc.
- Intégration de l'analyse: Il fournit des analyses sur les vues, les interactions et d'autres mesures pour les articles intégrés.
- Compatibilité: Le widget est compatible avec les plateformes de sites web les plus populaires comme WordPress, Shopify, Wix, etc.
- Cliquez ici: Direct users from the embedded story to the original Instagram app or the user’s Instagram profile.
Lire la suite :
Fonctions de personnalisation avancées
EmbedSocial offers advanced features for customizing the Instagram story’s design and look on your social feed or website. Once you generate the stories, you will be able to create separate widgets for different stories that can have different settings.
Voici ce que vous pouvez faire :
- Afficher la dernière histoire Instagram
- Montrer une histoire à une date précise
- Ordre par date
- Intervalle de jeu automatique
- Titre couleur
- Afficher le titre
- Afficher la pagination
- Afficher la navigation
- date de l'histoire de l'émission
- montrer le nom d'utilisateur
- afficher la photo de profil
Vérifier les points suivants widgets d'histoires Instagram en direct that we’ve recently posted on our Instagram account.
Pourquoi afficher des Stories Instagram sur un site web ?
Intégrer des stories Instagram sur une plateforme de création de site web peut offrir plusieurs avantages aux marques, aux influenceurs et aux entreprises. Voici cinq raisons, accompagnées d'explications, pour lesquelles cette stratégie peut s'avérer précieuse :
Mise à jour du contenu en temps réel
Instagram stories offer a real-time glimpse into a brand’s activities, events, or announcements. By embedding these stories on a website, businesses can keep their website content fresh and dynamic without the need for constant manual updates. Visitors get to see the most current happenings and promotions, providing a sense of immediacy.
Augmenter l'engagement des utilisateurs
Stories are inherently engaging with their visual nature, interactive stickers, and limited-time availability. By bringing this format to a website, brands can create a more interactive and immersive user experience, potentially increasing visitors’ time and deepening their connection with the brand.
Une expérience de marque unifiée
Many brands invest significantly in their Instagram content strategy and website-building platforms to reflect their brand’s voice, style, and values. Embedding stories ensures that website visitors experience consistent branding and messaging, bridging the gap between social media and the brand’s official online presence.
Atteindre plus de personnes et stimuler la croissance des médias sociaux
Businesses can promote their social media presence to a wider audience by showcasing Instagram stories on a website. This cross-promotion can encourage website visitors to follow the brand on Instagram, expanding the brand support team’s social media reach and fostering a larger online community.
Maximiser le retour sur la création de contenu
Produire des histoires Instagram de qualité La mise en ligne d'un article nécessite souvent du temps, des efforts et des ressources. Au lieu de laisser le contenu disparaître au bout de 24 heures (la durée de vie typique d'un article), l'intégration sur un site web donne à ces articles une durée de vie plus longue et une plus grande visibilité. Cela permet à un plus grand nombre de personnes de consulter le contenu et d'interagir avec lui, maximisant ainsi le retour sur l'effort investi dans la création de contenu.
Intégration ou Sauvegarder les stories Instagram into a website enhances its appeal and strengthens the synergy between a brand’s social media activities, online store, and broader digital strategy.
Réutiliser votre histoire Instagram
Les histoires sont la dernière tendance en matière de publication de contenu. Elles sont sans aucun doute le format de contenu roi que les agences préfèrent en raison de leur flexibilité, des options créatives infinies et des possibilités d'interaction numérique avec le public.
Ces ingrédients naturels du format des histoires font ressortir le besoin d'outils plus professionnels et de systèmes de gestion de contenu qui aideront les agences et les marques à archiver, à réutiliser et à étendre l'affichage des histoires sur Google Sites et d'autres propriétés web.
Avec le widget Instagram stories, vous pouvez en fait réutiliser la story Instagram en l'intégrant sur votre site web/.
Les histoires sont un nouveau format publicitaire et une nouvelle bannière
Cette idée très intéressante vous permettra de générer un code que vous pourrez envoyer à n'importe quel portail web ou à n'importe quel site web. preuve sociale blogueur vous souhaitez promouvoir vos services et utiliser la position de leur page d'accueil dédiée pour afficher votre Instagram stories comme une publicité.
Élargissez la portée de votre histoire Instagram
Veillez à tirer le meilleur parti de vos efforts pour créer l'histoire. En affichant l'histoire sur votre site web ou votre blog, vous offrez en fait un nouveau support aux nouveaux utilisateurs qui ne vous suivent peut-être pas sur Instagram pour qu'ils puissent voir votre histoire. C'est l'occasion de rentabiliser davantage le temps de production du contenu.
Si vous n'avez toujours pas de compte, s'inscrire pour un essai gratuit et intégrez votre première story Instagram dès maintenant.
Affichez tous vos formats d'articles dans un seul widget
EmbedSocial propose des options pour télécharger des photos, des vidéos ou même des histoires Pinterest Pin que vous pouvez combiner dans un widget avec vos histoires Instagram.
En savoir plus sur ces widgets :
Exemples de Stories Instagram sur un site web
Voici une liste de widgets Instagram stories intégrés sur un site web :
Exemple de popover pour Instagram stories
Avec ce widget, vous pouvez afficher les dernières stories Instagram sur votre site web et informer les visiteurs de vos dernières activités sur Instagram.
Exemple de slider Instagram stories
Avoir des stories Instagram sur votre site web dans un format slider vous permettra de booster l'interactivité et de présenter vos dernières actualités dans un nouveau format et une interface très conviviale.
Démonstrations de widgets Instagram Stories
Pour commencer avec un widget Instagram Stories préconstruit, consultez la bibliothèque de modèles et choisissez celui qui correspond le mieux à votre site web :
Intégrer les Stories Instagram dans un CMS
Below are the steps on how to embed Instagram stories in any website builder, where you won’t need any technical expertise. The best is that you do this only once, and the embedded Instagram stories will update automatically every time you publish a new story.
Comment ajouter des stories Instagram sur Wix ?
Si vous utilisez Wix comme éditeur de site web, intégrer le code des stories Instagram depuis EmbedSocial est extrêmement facile. Voici les étapes à suivre :
Étape 1 : Connectez-vous à votre tableau de bord Wix et ouvrez l'éditeur de site web
Étape 2 : Dans l'éditeur, choisissez la page et cliquez sur la section où vous voulez placer le code.
Étape 3 : Dans la barre latérale supérieure gauche, cliquez sur le bouton + pour ajouter un nouvel élément et choisissez Embed
Étape 4 : Dans la fenêtre contextuelle, cliquez sur l'option Code snippet.
Étape 5 : Paste the code in the field and click ‘Mise à jour‘ as shown below.
Le widget des histoires s'affiche immédiatement.
En savoir plus sur la façon d'intégrer les stories Instagram dans Wix >
Comment ajouter des stories Instagram sur WordPress ?
WordPress est l'une des plateformes de création de sites web les plus utilisées où le processus d'intégration est très simple. Pour ajouter le code du widget Instagram stories d'EmbedSocial, veuillez suivre les étapes suivantes :
- Connectez-vous à votre site web WordPress et ouvrez la page où vous souhaitez intégrer les stories Instagram.
- Cliquez sur le bouton + pour ajouter un nouveau bloc et recherchez HTML
- Collez le code copié d'EmbedSocial dans le bloc HTML comme indiqué ci-dessous.
En savoir plus sur la façon d'intégrer les stories Instagram dans WordPress >
Comment ajouter des stories Instagram sur Squarespace ?
Si vous possédez un site web Squarespace, suivez ces étapes pour intégrer facilement des stories Instagram :
- Connectez-vous à votre site Squarespace et ouvrez l'éditeur.
- Click on the section where you want to embed Instagram stories and click ‘Add block.’
- Find and select ‘Embed’ de la liste des blocs.
- Étape 4 : In the popover, click ‘Code snippet’ and then click ‘Embarquer données.'
- Enfin, collez le code dans la zone HTML.
Vous pouvez cliquer sur Prévisualisation en mode sans échec pour afficher le widget dans l'éditeur, enregistrer les modifications et voir le widget apparaître sur votre site Squarespace.
En savoir plus sur la façon d'intégrer les stories Instagram dans Squarespace >
Comment ajouter des stories Instagram sur Weebly ?
EmbedSocial’s Instagram stories code works for Weebly as in every other content management system. Here are the steps:
- Connectez-vous au panneau d'administration de votre site Web Weebly dans la section Sites web cliquer sur Editer le site
- Once you open the website’s editor, in the left-hand elements section, click Afficher tous les éléments et trouver le ‘Embed Code’ élément
- Faites glisser et déposez le Code d'intégration dans la zone où vous souhaitez ajouter le widget Instagram stories.
- Dans la fenêtre contextuelle, cliquez sur Modifier le code HTML personnalisé et collez le code dans la zone HTML.
Le widget apparaît immédiatement.
En savoir plus sur la façon d'intégrer les stories Instagram dans Weebly >
Comment ajouter des stories Instagram sur Shopify ?
Voici comment intégrer facilement des stories Instagram sur votre site Shopify :
- Connectez-vous à votre site Shopify, accédez à Pages et ouvrez la page dans laquelle vous souhaitez intégrer le code.
- Dans l'éditeur de texte, cliquez sur le bouton Icône HTML et collez le code que vous avez obtenu d'EmbedSocial
- Cliquez sur Économiser et ouvrez la page dans un nouvel onglet pour voir votre widget Instagram stories.
En savoir plus sur la façon d'intégrer les stories Instagram dans Shopify >
Bonus : intégrer gratuitement le widget Instagram Stories
Les éternels libres Widget Instagram Stories peut vous aider à afficher votre Les points forts d'Instagram ou des histoires dans une mise en page popover. Il fera revivre votre site web et vous aidera à réaffecter le contenu pour atteindre de nouveaux publics au-delà de l'application Instagram.
Prêt à tirer le meilleur parti de vos stories Instagram ?
EmbedSocial permet de capturer, d'enregistrer et d'intégrer facilement des histoires Instagram sur n'importe quel site web !
Simplifier le processus de capture, d'enregistrement et d'intégration des histoires Instagram permet non seulement d'amplifier la portée de ces récits éphémères, mais aussi de créer de nouvelles voies pour la promotion et l'engagement des marques.
Développez la portée de votre story Instagram dès aujourd'hui !
POUR INFO: Vous pouvez intégrer le widget Instagram stories automatiquement sur votre site web et afficher vos stories Instagram en quelques secondes. Essayez-le maintenant.