Guide d'intégration

Intégrer un formulaire YeetForm dans Carrd

L'élément Embed de Carrd accepte un simple iframe, l'option la plus sûre sur une plateforme conçue pour des sites une page simples et rapides, sans risque de casser un script. Les éléments à code personnalisé sont réservés à l'offre Pro, donc les sites Carrd gratuits ne peuvent pas intégrer un formulaire en direct directement, mais y renvoyer par un lien fonctionne sur toutes les offres en attendant une éventuelle mise à niveau.

Étapes

Ajouter un élément Embed

Dans le constructeur Carrd, cliquez sur + pour ajouter un élément, et choisissez Embed parmi les options de contenu. Cela nécessite l'offre Pro Standard ou supérieure : sur l'offre gratuite, ajoutez plutôt un élément Link pointant vers l'URL de votre formulaire.

Définir le type sur Code et coller l'iframe

Choisissez Code comme type d'intégration et collez l'extrait ci-dessous. Carrd l'affiche dans un iframe isolé, donc la méthode d'URL simple est ici le choix fiable.

<iframe
  src="https://yeetform.io/f/your-form-slug?embed=true"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:8px;"
></iframe>

Ajuster la hauteur et publier

Réglez la hauteur de l'élément pour qu'elle convienne à votre formulaire (les éléments Carrd ne se redimensionnent pas automatiquement selon le contenu intégré), puis publiez le site.

Astuces

•Les intégrations Carrd ne prennent pas en charge le redimensionnement automatique par postMessage du SDK : choisissez une hauteur fixe avec un peu de marge, surtout pour les formulaires longs ou multi-pages.
•L'URL ?embed=true retire l'en-tête et le fond propres à YeetForm, ce qui compte davantage sur Carrd puisque les sites une page sont souvent conçus de façon très compacte.
•Ajoutez un champ caché et préremplissez-le depuis l'URL de la page (?utm_source=... ou ?field_id=valeur) pour savoir de quel site ou section Carrd vient 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

FAQ

Puis-je intégrer un formulaire sur l'offre gratuite de Carrd ?+

Pas avec une intégration par code : l'élément Embed de Carrd nécessite l'offre Pro Standard ou supérieure. Sur l'offre gratuite, ajoutez plutôt un élément Link ou Button pointant vers l'URL de votre formulaire.

Pourquoi utiliser un iframe simple plutôt que le SDK JS sur Carrd ?+

Carrd affiche les intégrations personnalisées dans son propre iframe isolé, donc une URL d'iframe simple est plus simple et plus fiable que d'imbriquer l'intégration par script du SDK à l'intérieur.

Le formulaire s'adapte-t-il à son contenu dans Carrd ?+

Non : fixez une hauteur sur l'élément Embed qui convienne à votre formulaire, car Carrd n'exécute pas l'écouteur de redimensionnement automatique normalement utilisé par le SDK.

Y a-t-il une limite au nombre de formulaires intégrables sur une page Carrd ?+

Aucune limite imposée côté YeetForm, mais un site une page avec plusieurs formulaires intégrés peut vite devenir chargé visuellement : la plupart des sites Carrd intègrent un seul formulaire ciblé par section.