Guide d'intégration
Intégrer un formulaire YeetForm dans Framer
Le composant Embed de Framer exécute du HTML et du JavaScript bruts sur une page, exactement ce dont le SDK YeetForm a besoin pour afficher un formulaire en direct. Collez l'extrait auto-redimensionnant, ajustez le composant pour qu'il remplisse son conteneur, puis publiez : le formulaire se charge avec sa propre mise en page et s'adapte automatiquement à son contenu, sans deviner de hauteur fixe.
Étapes
Insérer un composant Embed
Dans le canevas Framer, ouvrez Insert (icône +), allez dans Code et choisissez Embed. Placez-le sur la page à l'endroit où le formulaire doit apparaître.
Coller le HTML
Ouvrez les réglages du composant Embed et collez l'extrait ci-dessous dans le champ HTML. Il charge le SDK et affiche le formulaire 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>Définir la taille et publier
Réglez la largeur du composant sur Fill ou une valeur fixe et sa hauteur sur Auto ou Fit content, puis publiez le site : les intégrations ne s'affichent en direct qu'après publication, pas toujours dans l'aperçu du canevas.
Astuces
- •Le redimensionnement automatique vient de YeetForm.embed(), qui écoute un message de hauteur venant de l'iframe du formulaire : réglez la hauteur du composant sur Auto pour éviter tout rognage.
- •Le formulaire intégré retire l'en-tête et le fond propres à YeetForm, il se fond donc dans votre page Framer plutôt que de ressembler à un widget à part.
- •Ajoutez un champ caché au formulaire et préremplissez-le depuis l'URL (?utm_source=... ou ?field_id=valeur) pour savoir quelle page Framer ou campagne a généré 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