Guide d'intégration
Intégrer un formulaire YeetForm dans Squarespace
Le bloc de code de Squarespace affiche du HTML brut et exécute des scripts directement sur la page, ce qui permet à un formulaire YeetForm de s'intégrer proprement à côté des blocs de contenu natifs de Squarespace. C'est idéal quand vous voulez un formulaire avec une vraie logique et une création assistée par IA, car le bloc formulaire natif de Squarespace n'offre que des champs de base sans embranchement conditionnel.
Étapes
Ajouter un bloc de code
Modifiez la page, cliquez sur un point d'insertion et ajoutez un bloc de code depuis le panneau (sous More dans le menu des blocs).
Coller l'extrait
Collez le code ci-dessous dans le bloc, assurez-vous que Display Source est désactivé pour que le code s'affiche au lieu du texte brut, puis validez.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Enregistrer et vérifier la page en direct
L'aperçu de l'éditeur Squarespace limite parfois les scripts tiers : enregistrez vos changements et consultez la page publiée pour confirmer le chargement et le redimensionnement du formulaire.
Astuces
- •Le formulaire intégré se redimensionne automatiquement via un écouteur postMessage, inutile de fixer une hauteur en pixels sur le bloc de code.
- •Le formulaire s'affiche sans l'en-tête propre à YeetForm, il se fond donc dans votre page Squarespace plutôt que de ressembler à une fenêtre d'application externe.
- •Ajoutez un champ caché et préremplissez-le depuis l'URL de la page (?utm_source=... ou ?field_id=valeur) pour savoir quelle page Squarespace ou campagne a généré une 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