Pas de marketplace de plugins, et c'est un avantage
Sans plugin tiers à maintenir, le composant Embed reste la seule porte d'entrée pour du code externe — stable, documenté, et qui ne casse pas à chaque mise à jour de Webflow.
Guide Webflow
Comment ajouter des témoignages sur Webflow
Un site Webflow est souvent celui d'une agence créative ou d'un studio qui soigne chaque détail visuel : la question n'est donc jamais « peut-on ajouter un widget », mais « comment l'ajouter sans qu'il détonne dans la mise en page ». Le composant Embed de Webflow permet exactement ça — un bloc de code natif, positionné au pixel près dans le canvas, transformé en symbole pour être réutilisé sur toutes les pages projet sans le recréer.
Le plan gratuit propose un badge avec 10 témoignages ; grille et carrousel demandent un plan payant.
Pourquoi Webflow demande une approche différente
Webflow n'a pas d'écosystème de plugins comme WordPress : tout passe par des composants natifs, ce qui change la manière d'intégrer un widget externe.
Un studio d'architecture vend sur le visuel avant le mot
Pour un portfolio de studio créatif, les témoignages doivent respecter la grille et la typographie du site : le widget Plausa hérite du style ambiant sans imposer sa propre charte.
La réutilisation entre pages projet compte
Une agence a souvent une page par étude de cas. Transformer l'Embed en symbole permet d'afficher le même mur de témoignages sur toutes les pages projet sans dupliquer le code à la main.
Le CMS Webflow ne remplace pas un mur de témoignages
Créer une collection CMS pour des témoignages demande de la maintenance manuelle. Le widget Plausa centralise la collecte et la modération ailleurs, et se contente d'afficher le résultat.
Intégrer Plausa sur Webflow, étape par étape
Via le composant Embed, en mode Designer.
1. Créez votre mur et copiez le code
Dans Plausa, créez un mur de témoignages, choisissez le variant voulu (badge, grille ou carrousel) et copiez le snippet.
2. Ajoutez un composant Embed
Dans le Designer Webflow, ouvrez le panneau Add (touche A), cherchez « Embed » et glissez le composant à l'endroit voulu de la page.
3. Collez le code dans l'éditeur Embed
Un clic sur le composant ouvre son éditeur de code : collez le script Plausa, puis cliquez sur Save & Close.
4. Transformez-le en symbole si vous avez plusieurs pages projet
Clic droit sur l'Embed → « Create Component » (symbole) pour le réutiliser sur d'autres pages sans recopier le code.
5. Publiez le site
Le contenu d'un Embed ne s'affiche pas toujours dans l'aperçu du Designer : publiez et vérifiez sur l'URL en ligne.
Le composant Embed de Webflow
L'Embed est le composant natif de Webflow pour du code personnalisé : il se place dans le canvas comme n'importe quel autre élément et respecte le flux de la mise en page.
<div data-plausa="mon-mur" data-variant="grid" data-lang="fr"></div>
<script src="https://getplausa.com/plausa-widget.js" async></script>Ajustez la largeur du composant Embed dans le Designer pour que la grille de témoignages s'aligne avec le reste de votre mise en page.
Si vous préférez isoler le widget dans un cadre fixe
Utilisez l'iframe à l'intérieur du même composant Embed : elle isole complètement le rendu, utile sur une page très chargée en interactions ou animations.
<iframe src="https://getplausa.com/embed/mon-mur?variant=carousel&lang=fr" title="Plausa" style="width:100%;border:0;height:320px" loading="lazy"></iframe>À quoi ressemble le résultat sur un site Webflow
Trois exemples illustratifs, dans l'esprit des studios et agences qui utilisent Webflow.
Le rendu final dépasse largement le brief initial, et le suivi a été impeccable.
Un vrai sens du détail sur chaque page, on sentait le travail derrière le design.
Le projet a été livré en avance, avec des points d'étape clairs chaque semaine.
Prénom et rôle uniquement : des exemples fictifs pour illustrer le format.
Les erreurs à éviter sur Webflow
- Recopier le code à la main sur chaque page projet au lieu d'utiliser un symbole : un changement futur devra être répété partout.
- Se fier à l'aperçu du Designer sans publier : le contenu d'un Embed peut ne pas se charger correctement en mode édition.
- Placer l'Embed dans une section avec `overflow: hidden` qui coupe le widget si son contenu dépasse.
- Oublier de fixer une largeur ou un padding sur le composant Embed, ce qui peut casser l'alignement avec la grille du site.
- Utiliser le variant carrousel avec le plan gratuit : réservé aux plans payants, le plan gratuit affiche un badge.
- Ne pas vérifier le rendu mobile : Webflow gère des breakpoints séparés, testez le composant sur chacun.
Questions fréquentes
Webflow a-t-il une intégration native pour Plausa ?
Il n'y a pas de plugin marketplace dans Webflow. Le composant Embed, natif à l'éditeur, sert justement à intégrer ce type de widget externe.
Comment réutiliser le widget sur plusieurs pages projet ?
Transformez l'Embed en symbole (Create Component) : toute modification future se répercute automatiquement partout où il est utilisé.
Pourquoi je ne vois rien dans l'aperçu du Designer ?
C'est un comportement connu de Webflow avec les Embeds contenant des scripts externes. Publiez le site et vérifiez sur l'URL en ligne.
Le widget respecte-t-il le design system de mon site ?
Le widget garde son propre style visuel léger ; ajustez la largeur du composant Embed pour l'intégrer proprement dans votre grille.
Puis-je l'utiliser dans le CMS Webflow ?
Oui, en ajoutant l'Embed dans un template de collection CMS si vous voulez afficher le mur sur toutes les pages générées automatiquement.
À lire aussi
Ajoutez vos témoignages sur votre site Webflow
Créez votre mur, ajoutez le composant Embed, et transformez-le en symbole réutilisable.
Commencer gratuitement