--- title: "Comment intégrer un flux de médias sociaux sur un site Webflow" date: 2023-11-06 canonical_id: embed-social-media-feed-on-webflow-website locale_slug: "integrer-flux-reseaux-sociaux-webflow" author: "osogovo" category: - blog - social-media-feeds - tutorials summary: "Découvrez comment garder votre site Webflow attrayant avec notre guide facile d'intégration d'un flux de médias sociaux. Commencez dès maintenant avec EmbedSocial !" draft: false seo: title: "Comment intégrer un flux de médias sociaux sur un site Webflow" description: "Découvrez comment garder votre site Webflow attrayant avec notre guide facile d'intégration d'un flux de médias sociaux. Commencez dès maintenant avec EmbedSocial !" structured_data: article --- Webflow pour construire votre site Web est plutôt cool, non ? Mais vous savez ce qui peut le rendre encore meilleur ? Ajouter un flux de médias sociaux en direct. C'est comme montrer la conversation animée autour de votre marque directement sur votre page d'accueil. Et avec un agrégateur de médias sociaux comme EmbedSocial, c'est très facile à faire. Ce guide concerne le rendu de votre site Webflow plus attrayant sans beaucoup de tracas. Que vous soyez un novice de Webflow ou un petit magicien, vous verrez à quel point il est simple de garder votre site vibrant avec les dernières mises à jour de vos médias sociaux. Alors, plongeons-nous et mettons ces vibrations sociales en circulation sur votre site ! ## Étape 1 : Agréger votre flux de médias sociaux La première étape pour intégrer un widget de médias sociaux sur un site Webflow est de configurer un flux de contenu qui capture l'activité des médias sociaux de votre marque. Voici comment commencer avec EmbedSocial : Accédez au site Web EmbedSocial et inscrivez-vous pour un compte. Vous pouvez [démarrer un essai gratuit](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget) en explorant l'ensemble des fonctionnalités sans engagement immédiat. Une fois que votre compte est actif, la première étape consiste à connecter vos comptes de médias sociaux. EmbedSocial peut générer du contenu à partir de pratiquement tous les canaux de médias sociaux de votre marque. Qu'il s'agisse des derniers posts Instagram, des mises à jour Facebook ou des tweets, EmbedSocial peut les extraire dans un flux unique et cohérent. Alors d'abord, choisissez la plateforme de médias sociaux dont vous voulez extraire les données ; Allez à **Sources**, cliquez sur « Instagram » (par exemple) et suivez les étapes pour fournir les autorisations requises. ![Connecter la source Instagram dans EmbedSocial](https://embedsocial.com/wp-content/uploads/2023/09/add-instagram-source.jpg) Au cas où vous choisiriez Instagram, vous pourrez continuer la configuration en choisissant si vous voulez créer un flux avec votre compte Instagram, du contenu contenant certains hashtags, vos propres stories Instagram, ou similaires. ![choisir un compte Instagram professionnel](https://embedsocial.com/wp-content/uploads/2022/08/steps-embed-instagram-choose-instagram-account.jpg) Apprenez-en davantage sur [comment intégrer un flux Instagram à Webflow](/help/en/articles/4444460-how-to-embed-instagram-feed-in-webflow). ## Étape 2 : Choisir la conception du widget de flux de médias sociaux Après l'agrégation de votre contenu, l'étape suivante consiste à décider comment il sera affiché sur votre site Webflow. EmbedSocial fournit une énorme bibliothèque de modèles de widgets de médias sociaux avec différentes options de mise en page pour mieux correspondre à votre conception et stratégie de contenu. Pour créer le widget, cliquez simplement sur le bouton « **Utiliser ce modèle** » et vous serez redirigé vers l'éditeur de widget pour continuer avec d'autres personnalisations. ![sélectionner le modèle de flux de médias sociaux](https://embedsocial.com/wp-content/uploads/2017/06/select-social-media-template.jpg) Voici quelques-uns des widgets que nous fournissons dans la bibliothèque : ### Flux de médias sociaux avec mise en page de maçonnerie Une mise en page de style maçonnerie qui est parfaite pour un look plus organique et varié. ### Grille de médias sociaux ![Exemple d'un flux de médias sociaux TikTok arc-en-ciel](https://embedsocial.com/wp-content/uploads/2023/11/rainbow-tiktok-social-media-feed-example-1024x623.jpg) Une mise en page propre et uniforme qui présente votre contenu de médias sociaux de manière structurée. Voici un exemple d'un flux Instagram avec cette mise en page en grille : ### Carrousel de flux de médias sociaux ![Exemple de widget carrousel de flux de médias sociaux](https://embedsocial.com/wp-content/uploads/2023/11/social-media-feed-carousel-example.jpg) [Carrousel de flux de médias sociaux](/templates/social-media-feed-two-row-slider-with-filter/) Une mise en page dynamique et glissante qui ajoute du mouvement à votre page, mettant en avant un post à la fois. Pour parcourir plus de widgets, consultez ci-dessous : ## Étape 3 : Intégrer le flux de médias sociaux Webflow Après avoir sélectionné votre conception de widget de flux de médias sociaux préférée, EmbedSocial vous fournira un code d'intégration. Pour obtenir le code, accédez à l'onglet Intégrer et cliquez simplement sur **Copier le code**, comme indiqué ci-dessous : ![obtenir le code intégrable pour intégrer le flux Instagram gratuit](https://embedsocial.com/wp-content/uploads/2018/04/copy-instagram-feed-widget-code-1.jpg) C'est un processus simple : aucun codage n'est requis ; copiez et collez simplement, et c'est bon d'élever la visibilité de votre marque et de diffuser la sensibilisation avec peu d'effort. Donc, une fois que vous avez le code, allez à Webflow et assurez-vous que vous êtes sur un [plan Webflow payant](https://webflow.com/pricing), car cela est nécessaire pour ajouter des embeds tiers. Ouvrez votre projet Webflow et accédez à la page où vous souhaitez que votre flux de médias sociaux apparaisse. Cliquez sur l'icône **« + »** pour ajouter un nouvel élément à votre page. Parcourez les éléments jusqu'à ce que vous trouviez l'option **« Intégrer »**, puis faites-la glisser et déposez-la au lieu souhaité sur la page. ![Comment intégrer Twitter à Webflow](https://embedsocial.com/wp-content/uploads/2020/09/embed-social-media-feed-widget-code-in-webflow.jpg) Un panneau de paramètres s'affichera, vous demandant votre code d'intégration. Collez le code fourni par EmbedSocial dans le champ. ![Intégrer le code de flux de médias sociaux à Webflow](https://embedsocial.com/wp-content/uploads/2023/11/embed-code-in-webflow.jpg) Cliquez sur **« Enregistrer et fermer »** pour sécuriser votre intégration. Maintenant, lorsque vous publiez ou mettez à jour votre site, votre flux de médias sociaux sera en ligne pour que tous vos visiteurs le voient. Lisez plus sur le centre d'aide officiel de Webflow sur la façon d'intégrer du code dans l'élément Intégrer : > [Comment intégrer du HTML à Webflow ?](https://university.webflow.com/lesson/custom-code-embed?topics=elements#how-to-add-an-embed-element) > > Lectures supplémentaires ## Pourquoi ajouter des flux de médias sociaux à votre site Webflow ? L'intégration de ces widgets de médias sociaux ne maintient pas seulement vos followers actuels de médias sociaux engagés, mais vous aide également à gagner plus de followers de médias sociaux. En ajoutant continuellement du contenu frais et authentique de vos comptes de médias sociaux, comme votre compte Instagram ou les mises à jour Facebook, vous créez un flux en direct continuellement mis à jour alimenté par EmbedSocial qui peut influencer les décisions d'achat de vos visiteurs du site. C'est la preuve sociale en action, l'une des principales motivations pour les clients quand ils hésitent sur un achat. Voici donc un résumé des principaux avantages d'utiliser un flux de médias sociaux sur votre site Web : - **Gardez votre contenu frais**: avec un flux en direct, votre site a toujours du nouveau contenu, ce qui peut inciter les visiteurs à revenir pour plus. - **Augmentez l'engagement**: voir les mises à jour en temps réel et le 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. - **Construire la confiance grâce à la preuve sociale**: quand les clients potentiels voient des vraies personnes aimer vos produits ou services, cela ajoute de la crédibilité et peut influencer les décisions d'achat. - **Étendez votre portée**: vos efforts sur les médias sociaux reçoivent plus d'exposition, non seulement de vos followers mais de tous les visiteurs de votre site. - **Augmentez vos followers de médias sociaux**: plus de visibilité signifie plus de followers potentiels, vous aidant à construire une audience plus grande sur vos plateformes de médias sociaux. ## **Commencer** Ajouter un flux de médias sociaux à votre site Webflow avec EmbedSocial est une décision intelligente. Il ne s'agit pas seulement d'esthétique ; il s'agit de créer un espace en ligne animé, attrayant et digne de confiance qui résonne avec les visiteurs. En suivant les étapes décrites ci-dessus, vous pouvez transformer votre site d'une brochure statique à un hub dynamique qui reflète le cœur battant de votre marque. Alors, pourquoi ne pas l'essayer ? Inscrivez-vous à EmbedSocial, choisissez votre mise en page parfaite et mettez ce buzz social en circulation sur votre site Webflow. Votre audience attend de vous connecter de plus de façons, et maintenant vous avez juste les outils pour le faire. EmbedSocial se connecte avec toutes les principales plateformes de médias sociaux, vous permettant d'intégrer des widgets de médias sociaux à partir de Twitter, Instagram, Facebook, YouTube, TikTok, Pinterest et Vimeo.