Comment intégrer un flux de médias sociaux sur un site Webflow

Webflow pour construire votre site web, c'est plutôt cool, non ? Mais vous savez ce qui peut le rendre encore meilleur ? L'ajout d'un flux de médias sociaux. It’s like showing off the lively conversation around your brand right on your homepage. And with a agrégateur de médias sociaux like EmbedSocial, it’s super easy to do.

This guide is all about making your Webflow site more engaging without a lot of fuss. Whether you’re a Webflow newbie or a bit of a whiz, you’ll see how simple it is to keep your site buzzing with the latest from your social media.

So, let’s jump in and get those social vibes flowing on your site!

Étape 1 : Agrégation de votre flux de médias sociaux

The first step to embed social media widget in a Webflow website is to set up a content stream that captures your brand’s social media activity. Here’s how to get started with EmbedSocial:

Rendez-vous sur le site web d'EmbedSocial et ouvrez un compte. Vous pouvez faire un essai gratuit, explorer l'ensemble des fonctionnalités sans s'engager immédiatement.

Once your account is active, the first step is to connect your social media accounts. EmbedSocial can generate content from almost all of your brand’s social media channels. Whether it’s the latest Instagram posts, Facebook updates, or tweets, EmbedSocial can pull these into a single, cohesive feed.

Commencez donc par choisir la plateforme de médias sociaux dont vous souhaitez extraire des données ;

Aller à Sources d'information, click on ‘Instagram’ (for example), and follow the steps to provide the required permissions.

Si vous choisissez Instagram, vous pouvez poursuivre la configuration en choisissant si vous souhaitez créer un flux avec votre compte Instagram, du contenu contenant certains hashtags, vos propres histoires Instagram, ou autre.

En savoir plus sur Comment intégrer un flux Instagram dans Webflow.

Étape 2 : Choisir le design du widget de flux de médias sociaux

Après avoir agrégé votre contenu, l'étape suivante consiste à décider de la manière dont il sera affiché sur votre site Webflow.

EmbedSocial provides a huge library of social media widget templates with different layout options to match your design and content strategy best. To create the widget, just click the ‘Utiliser ce modèle‘ button, and you will be redirected to the widget editor to continue with other customizations.

Voici quelques-uns des gadgets que nous proposons dans la bibliothèque :

Flux de médias sociaux avec mise en page en maçonnerie

A masonry-style layout that’s perfect for a more organic, varied look.

Grille des médias sociaux

Une mise en page propre et uniforme qui présente le contenu de vos médias sociaux de manière structurée. Voici un exemple de Flux Instagram avec cette grille :

Carrousel des médias sociaux

Une mise en page dynamique et coulissante qui donne du mouvement à votre page, en présentant un article à la fois.

Pour découvrir d'autres widgets, voir ci-dessous :

Étape 3 : Intégrer le flux de médias sociaux de Webflow

Après avoir sélectionné le design de votre widget de flux de médias sociaux préféré, EmbedSocial vous fournira un code d'intégration.

Pour obtenir le code, naviguez jusqu'à l'onglet Embed et cliquez simplement sur Copier le codecomme indiqué ci-dessous :

It’s a straightforward process: no coding is required; just copy and paste, and you’re set to elevate your brand visibility and spread awareness with little effort. So once you have the code, go to Webflow and make sure you’re on a plan Webflow payantcar cela est nécessaire pour ajouter des éléments de tiers.

Ouvrez votre projet Webflow et naviguez jusqu'à la page où vous souhaitez que votre flux de médias sociaux apparaisse.

Cliquez sur le bouton ‘+’ icon to add a new element to your page. Scroll through the elements until you find the ‘Embarquer‘ option, then drag and drop it into your desired location on the page.

Un panneau de configuration s'affiche, vous demandant votre code d'intégration. Collez le code fourni par EmbedSocial dans le champ.

Frapper ‘Save & Close’ pour sécuriser votre intégration. Désormais, lorsque vous publiez ou mettez à jour votre site, votre flux de médias sociaux sera visible par tous vos visiteurs.

Pour en savoir plus, consultez le centre d'aide officiel de Webflow sur la façon d'intégrer du code dans l'élément Embed :

Comment intégrer du HTML dans Webflow ?

Pour en savoir plus

Pourquoi ajouter des flux de médias sociaux à votre site Webflow ?

Embedding these social media widgets not only keeps your current social media followers engaged but also helps you gain more social media followers. By continually adding fresh, authentic content from your social media accounts — like your Instagram account or Facebook updates — you’re creating a live updating feed powered by EmbedSocial that can influence your website visitors’ purchase decisions.

Il s'agit de preuve sociale in action, one of the top motivations for customers when they’re on the fence about a purchase. So here is a summary of the main benefits of using a social media feed on your website:

• Maintenez votre contenu à jour: Avec un flux en direct, votre site a toujours du nouveau contenu, ce qui peut inciter les visiteurs à revenir pour en savoir plus.
• Stimuler l'engagement: Voir les mises à jour en temps réel et contenu généré par l'utilisateur peut encourager les visiteurs à interagir davantage avec votre marque, à la fois sur votre site et sur les médias sociaux.
• Instaurer la confiance grâce à la preuve sociale: Lorsque des clients potentiels voient de vraies personnes aimer vos produits ou services, cela ajoute de la crédibilité et peut influencer les décisions d'achat.
• Élargissez votre champ d'action: Vos efforts en matière de médias sociaux sont davantage exposés, non seulement par vos adeptes, mais aussi par tous les visiteurs de votre site.
• Développez votre réseau social: Plus de visibilité signifie plus d'adeptes potentiels, ce qui vous permet d'élargir votre audience sur vos plateformes sociales.

Pour commencer

Adding a social media feed to your Webflow website with EmbedSocial is a smart move. It’s not just about aesthetics; it’s about creating a lively, engaging, and trustworthy online space that resonates with visitors. By following the steps outlined above, you can transform your site from a static brochure to a dynamic hub that reflects the heartbeat of your brand.

So, why not give it a whirl? Sign up for EmbedSocial, pick your perfect layout, and get that social buzz flowing right on your Webflow site. Your audience is waiting to connect with you in more ways than one, and now you’ve got just the tools to make it happen.

EmbedSocial se connecte à toutes les principales plateformes de médias sociaux, vous permettant d'intégrer des widgets de médias sociaux de Twitter, Instagram, Facebook, YouTube, TikTok, Pinterest et Vimeo.