# Créateurs de sites

> Utilisez Ikiform depuis les créateurs de sites no-code qui permettent de coller du HTML personnalisé, comme un bloc d'intégration ou de code.

Ikiform fonctionne partout où vous pouvez placer un vrai `<form>` HTML sur la page, car un envoi de formulaire classique n'a besoin d'aucun script. La plupart des créateurs de sites proposent un bloc d'intégration, de code ou de HTML personnalisé. Collez-y un formulaire et faites pointer l'`action` vers votre endpoint.

## Guides par créateur de sites

- [Webflow](https://ikiform.com/fr/docs/guides/webflow.md): Le Form Block avec une action personnalisée.
- [Framer](https://ikiform.com/fr/docs/guides/framer.md): Un webhook de formulaire, ou un composant de code.
- [WordPress](https://ikiform.com/fr/docs/guides/wordpress.md): Le bloc Custom HTML, ou un shortcode.
- [Wix](https://ikiform.com/fr/docs/guides/wix.md): Un embed HTML qui envoie avec `fetch`.
- [Squarespace](https://ikiform.com/fr/docs/guides/squarespace.md): Un bloc de code, avec ou sans JavaScript.
- [Carrd](https://ikiform.com/fr/docs/guides/carrd.md): Un formulaire personnalisé qui envoie vers une URL.

> Cela ne fonctionne que si le créateur de sites affiche votre HTML tel quel. Le widget de formulaire propre à un créateur de sites envoie généralement vers ses propres serveurs ; ne l'utilisez que s'il permet de définir une URL d'action personnalisée avec la méthode POST.

## L'intégration

`Bloc HTML personnalisé`:

```html
<form action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post" target="_top">
  <label>
    Email
    <input name="email" type="email" required />
  </label>
  <label>
    Message
    <textarea name="message"></textarea>
  </label>
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden />
  <button>Send</button>
</form>

<style>
  form { display: grid; gap: 12px; max-width: 420px; font: inherit; }
  label { display: grid; gap: 4px; }
  input, textarea { font: inherit; padding: 8px 10px; border: 1px solid #d4d4d4; border-radius: 6px; }
  button { font: inherit; padding: 8px 14px; border-radius: 6px; border: 0; background: #111; color: #fff; }
</style>
```

- Les créateurs de sites placent souvent le code personnalisé dans une iframe. Les pages de remerciement, d'erreur et de vérification d'Ikiform refusent de se charger dans une frame, donc `target="_top"` ouvre le résultat dans toute la fenêtre. Si la frame du créateur de sites n'autorise pas la navigation de premier niveau, comme sur Wix, envoyez plutôt avec `fetch` ; voir [Wix](https://ikiform.com/fr/docs/guides/wix.md).
- Définissez **Redirect after submit** sur le formulaire pour renvoyer les visiteurs vers une page de remerciement de votre site.
- Les styles à l'intérieur du bloc n'héritent pas forcément de ceux de votre site ; le `<style>` ci-dessus donne au formulaire une base propre.

## Domaines autorisés

Si vous définissez des domaines autorisés, listez chaque adresse depuis laquelle le site est servi : votre domaine personnalisé et le domaine de prévisualisation ou de staging du créateur de sites. Les envois depuis un domaine non listé sont stockés comme spam par défaut, avec la raison `origin_mismatch` dans le tableau de bord.

Certains créateurs de sites affichent les intégrations dans une frame dont l'`Origin` vaut `null`. Ikiform se rabat alors sur le `Referer`. Si le créateur de sites supprime les deux, les envois ne peuvent être associés à aucun domaine ; laissez les domaines autorisés vides pour ce formulaire, ou réglez la politique de non-correspondance sur spam plutôt que sur refus.

## Vérification humaine

La vérification humaine **Ikiform** fonctionne sans code supplémentaire quand le formulaire envoie normalement : le navigateur passe par une courte page de vérification sur ikiform.com, qui transmet ensuite l'envoi. Elle ne peut pas s'exécuter depuis une frame qui bloque la navigation de premier niveau, ni depuis du code qui envoie avec `fetch`. Évitez **Your own Turnstile keys** dans les créateurs de sites, car cela nécessite le script de Cloudflare sur la page.