Guide Framer
Une landing page Framer sert le plus souvent à lancer un produit ou présenter un studio de design, et vit ou meurt sur son taux de conversion : chaque section doit justifier sa place. Le composant Embed de Framer permet d'insérer un mur de témoignages directement dans le canvas, avec le même contrôle de responsive que les autres composants du design system.
Le plan gratuit inclut un badge avec 10 témoignages ; grille et carrousel demandent un plan payant.
Une landing page a un objectif unique : convertir un visiteur venu d'une campagne. La preuve sociale doit renforcer ce message, pas le diluer.
Avant d'exister sur des plateformes d'avis tierces, un SaaS en prélancement dépend entièrement des retours de ses premiers utilisateurs beta : le widget Plausa devient la seule preuve sociale visible.
Pour un studio UX, un témoignage qui décrit le processus de travail (les points d'étape, la réactivité) rassure autant qu'un rendu visuel final.
Une landing page Framer se construit souvent avec des réglages différents par breakpoint (desktop, tablette, mobile) : le widget doit être vérifié sur chacun, pas seulement sur le format de conception principal.
Un visiteur venu d'une publicité paie cher au clic : un widget qui charge en asynchrone évite de retarder l'affichage du reste de la page.
Via le composant Embed, disponible dans le panneau d'insertion.
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. Insérez un composant Embed
Dans l'éditeur Framer, ouvrez le panneau d'insertion (touche A), cherchez « Embed » et placez-le à l'endroit voulu du canvas.
3. Choisissez « HTML Embed » et collez le code
Sélectionnez l'option HTML dans les réglages du composant, puis collez le script Plausa dans la zone de code fournie.
4. Ajustez la taille par breakpoint
Redimensionnez le composant Embed séparément sur chaque breakpoint (desktop, tablette, mobile) pour que le mur reste lisible partout.
5. Publiez le site
Le rendu final d'un Embed HTML peut différer entre le mode édition et le site publié : vérifiez sur l'URL publiée avant de partager le lien.
Framer propose un composant Embed dédié au code personnalisé, avec la possibilité de choisir un mode HTML : il se positionne et se redimensionne comme n'importe quel autre composant du canvas.
<div data-plausa="mon-mur" data-variant="carousel" data-lang="fr"></div>
<script src="https://getplausa.com/plausa-widget.js" async></script>Le variant carrousel convient bien à une section de landing page étroite entre deux blocs de texte.
L'iframe garde une taille et un comportement stables quel que soit le breakpoint, utile si vous ne voulez pas régler le composant trois fois.
<iframe src="https://getplausa.com/embed/mon-mur?variant=carousel&lang=fr" title="Plausa" style="width:100%;border:0;height:320px" loading="lazy"></iframe>Trois exemples illustratifs, dans l'esprit des lancements produit et studios créatifs.
L'outil nous a fait gagner un temps précieux dès la première semaine d'utilisation.
Le studio a compris notre produit mieux que nous ne savions l'expliquer.
Une interface enfin claire, nos utilisateurs le remarquent immédiatement.
Prénom et rôle uniquement : des exemples fictifs pour illustrer le format.
Non, mais ce n'est pas nécessaire : le composant Embed en mode HTML, natif à Framer, suffit à intégrer le widget.
Oui, Framer permet un contrôle par breakpoint : ajustez la taille du composant Embed sur desktop, tablette et mobile.
C'est un comportement courant avec les Embeds contenant des scripts externes. Publiez le site et vérifiez sur l'URL publiée.
Le script se charge en asynchrone. Utilisez l'iframe si vous préférez un comportement identique et prévisible sur tous les breakpoints.
Oui, créez plusieurs murs dans Plausa si vous testez plusieurs landing pages, et intégrez le mur adapté à chacune.
Créez votre mur, ajoutez le composant Embed, et convertissez vos visiteurs avec de la vraie preuve sociale.
Commencer gratuitement