Guide d'intégration
Intégrer un formulaire YeetForm dans Webflow
L'élément Embed de Webflow exécute du code personnalisé sur le site publié, exactement ce dont le SDK JS de YeetForm a besoin. Ajoutez l'extrait auto-redimensionnant et le formulaire s'affiche en ligne, ajusté à son propre contenu, dans un style proche de votre page selon ce que permet le thème de YeetForm. Fonctionne avec n'importe quelle offre Webflow, l'élément Embed n'étant pas réservé aux offres payantes.
Étapes
Ajouter un élément Embed
Dans le Designer Webflow, ouvrez le panneau Add (A), trouvez Embed sous Components, et glissez-le sur la page à l'endroit où le formulaire doit apparaître.
Coller le code d'intégration
Double-cliquez sur l'élément Embed et collez l'extrait du SDK ci-dessous. Il charge le script YeetForm puis affiche votre formulaire dans le div avec redimensionnement automatique.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Publier le site
Le code personnalisé des éléments Embed ne s'exécute que sur le site publié, pas dans le canevas du Designer : publiez et vérifiez la page live pour voir le formulaire se charger.
Astuces
- •L'intégration se redimensionne automatiquement : YeetForm.embed() écoute un postMessage du formulaire et ajuste la hauteur de l'iframe, pas besoin de la fixer en dur.
- •Les formulaires intégrés utilisent une mise en page compacte, sans habillage (pas d'en-tête YeetForm), pour s'intégrer naturellement à votre section Webflow plutôt que ressembler à une appli à part.
- •Ajoutez un champ caché et préremplissez-le depuis l'URL de la page (?utm_source=... ou ?field_id=valeur) pour savoir quelle campagne ou page a apporté la réponse.
Créez votre formulaire par IA en quelques secondes
L'offre gratuite inclut la génération IA, la logique et l'intégration.
Créez votre formulaire par IA en quelques secondes