Pick a time for your demo. You'll get a calendar invite right away.
``` - `noindex` la garde hors des résultats de recherche. Personne ne devrait y arriver depuis Google, et une page de remerciement qui apparaît comme page d'entrée dans vos statistiques signale qu'un lien y mène. - Le rafraîchissement est sans risque. Comme Ikiform a répondu par `303`, le navigateur a chargé cette page en GET, et la recharger ne renvoie rien. - Si vous comptez les conversions sur cette page, comptez une fois par session. Un rafraîchissement ou un favori la recharge, et le tableau de bord d'Ikiform fait foi pour le décompte. ## Rediriger vers un autre site Supposons que vous vouliez sauter votre propre page et envoyer directement les gens vers un outil de réservation sur un autre domaine, comme `cal.example.com` ou le domaine d'un service de prise de rendez-vous. Avec `_redirect`, ce domaine devrait figurer dans **Allowed domains**, et cette liste a un second rôle : elle décide quels sites peuvent envoyer vers le formulaire. Ajouter le domaine d'un service de prise de rendez-vous signifie que des pages de ce domaine pourraient aussi envoyer vers votre formulaire. Utilisez plutôt **Redirect after submit** dans les paramètres du formulaire. Il accepte n'importe quelle URL, car seul votre espace de travail peut le définir, et il laisse **Allowed domains** ne lister que vos propres sites. > Ikiform redirige vers l'URL exactement telle qu'elle est donnée. Il n'ajoute ni l'identifiant de soumission ni aucune valeur de champ, donc une page de réservation ne peut pas être préremplie à partir de la redirection. Redemandez l'e-mail sur cette page, ou mettez un lien vers la page de réservation depuis votre propre page de remerciement. ## Des pages différentes pour des formulaires différents Le paramètre du tableau de bord correspond à une URL par formulaire. Quand un même formulaire apparaît sur plusieurs pages qui ont besoin de pages de remerciement différentes, laissez le paramètre vide et donnez à chaque page son propre `_redirect`. Une page en allemand envoie les visiteurs vers la page de remerciement en allemand : `de/demo.html`: ```html ``` ### Ajouter une valeur à la redirection Les paramètres d'URL de `_redirect` sont conservés, donc vous pouvez transmettre à la page de remerciement ce que le visiteur a choisi. Définissez la valeur dans un écouteur submit, qui s'exécute après la validation du navigateur et avant l'encodage du formulaire : `demo.js`: ```js const form = document.querySelector("form"); const redirect = form.elements.namedItem("_redirect"); form.addEventListener("submit", () => { const size = form.elements.namedItem("team_size").value; const next = new URL("https://example.com/demo/next-step"); next.searchParams.set("size", size); redirect.value = next.href; }); ``` Le visiteur arrive sur `/demo/next-step?size=11-50`, et la page peut afficher le bon lien de réservation pour cette taille d'équipe. Limitez-vous à des valeurs non personnelles : les paramètres d'URL finissent dans l'historique du navigateur, les journaux du serveur et les outils d'analyse. ## Rediriger après un envoi avec fetch Un appel `fetch` reçoit du JSON, pas une redirection, donc les règles de redirection d'Ikiform ne s'appliquent pas. Naviguez vous-même quand la réponse est `ok` : `Redirection depuis un script`: ```js const response = await fetch(form.action, { method: "POST", headers: { Accept: "application/json" }, body: new FormData(form), }); const result = await response.json(); if (result.ok) location.assign("/demo/next-step"); ``` Utilisez `location.assign` plutôt que `location.replace` si le bouton retour doit ramener au formulaire. Le [guide sans rechargement](https://ikiform.com/fr/guides/html-form-submission/without-page-reload.md) contient le gestionnaire complet avec erreurs et état de chargement. ## Vérifiez que tout fonctionne 1. Dans **Allowed domains** du formulaire, ajoutez le domaine de votre site, plus `localhost` pendant le développement. Laissez vide pour accepter les envois de partout. 2. Envoyez le formulaire depuis votre page en production. La barre d'adresse affiche votre page de remerciement, et le panneau Réseau montre que l'envoi a reçu `303`. 3. Rafraîchissez la page de remerciement. Le navigateur ne demande pas de renvoyer le formulaire, et le tableau de bord affiche toujours une seule soumission. 4. Remplacez `_redirect` par une adresse sur un domaine non autorisé et envoyez. Vous arrivez plutôt sur la page de remerciement hébergée par Ikiform, sans erreur. 5. Ouvrez **Submissions** dans le tableau de bord. La nouvelle soumission y est, avec tous les champs envoyés. ## Pièges | Problème | Cause et solution | | --- | --- | | `_redirect` est ignoré alors que le domaine est autorisé | **Redirect after submit** est défini dans les paramètres du formulaire, et il l'emporte toujours. Videz-le pour utiliser des redirections par page | | Fonctionne en production, pas sur `localhost` | `_redirect` doit être en `https:` sans port, donc `http://localhost:3000/thanks` ne passe jamais. Testez sur un déploiement de preview, ou acceptez la page hébergée en local | | La page de remerciement hébergée n'a pas de lien vers votre site | Elle ne renvoie un lien que lorsque l'envoi vient d'une page `https:` sur l'un des domaines autorisés du formulaire. Ajoutez le domaine, ou redirigez vers votre propre page | | Le navigateur arrive sur la page de remerciement d'Ikiform au lieu de la vôtre | `_redirect` est ignoré sauf si son domaine figure dans **Allowed domains** et qu'il s'agit d'une URL `https:`. Ajoutez le domaine, ou définissez plutôt **Redirect after submit** dans les réglages du formulaire. | | La page de remerciement apparaît dans les résultats de recherche | Ajoutez-y ``, et ne la liez pas depuis votre navigation | Les règles exactes, avec des exemples d'URL acceptées et refusées, se trouvent dans [Formulaires HTML](https://ikiform.com/fr/docs/html.md#redirect-rules). La [vue d'ensemble](https://ikiform.com/fr/guides/html-form-submission.md#response) explique pourquoi la réponse est un `303` et pas un `302` ou un `200`. ## Questions ### Comment rediriger vers une autre page après l'envoi d'un formulaire HTML ? Le serveur qui reçoit le formulaire répond par une redirection 303 vers la page. Avec Ikiform, définissez Redirect after submit dans les paramètres du formulaire, ou ajoutez un input masqué _redirect avec une URL https sur l'un des domaines autorisés du formulaire. ### Pourquoi mon _redirect est-il ignoré ? Soit le paramètre Redirect after submit du formulaire est défini, et il l'emporte toujours, soit l'URL ne respecte pas les règles : elle doit être en https, sur un domaine autorisé ou l'un de ses sous-domaines, sans port, nom d'utilisateur ni mot de passe. Les formulaires sans domaines autorisés ignorent _redirect. ### Puis-je rediriger vers un autre site après l'envoi du formulaire ? Oui. Placez l'URL dans le paramètre Redirect after submit du formulaire, qui accepte toute URL http ou https. Utiliser _redirect à la place obligerait à ajouter ce site à vos domaines autorisés, ce qui lui permettrait aussi d'envoyer vers votre formulaire. ### La page de remerciement peut-elle afficher ce que le visiteur a envoyé ? Pas via la redirection d'Ikiform, qui utilise l'URL exactement telle qu'elle est donnée. Vous pouvez ajouter des valeurs non personnelles à l'URL _redirect dans un écouteur submit, ou afficher un message depuis votre propre script après un envoi avec fetch. ## Autres guides - [Envoi de formulaire HTML](https://ikiform.com/fr/guides/html-form-submission.md): Ce que fait un navigateur quand un formulaire est envoyé : quels champs il transmet, comment il les encode, ce que le serveur doit répondre, et comment Ikiform répond. - [Sans rechargement de page](https://ikiform.com/fr/guides/html-form-submission/without-page-reload.md): Envoyez un formulaire avec fetch et FormData pour que le visiteur reste sur la page, avec erreurs de champ, état de chargement, nouvelles tentatives et solution de repli quand les scripts échouent. - [L'attribut action](https://ikiform.com/fr/guides/html-form-submission/action-attribute.md): Ce que fait l'attribut action d'un formulaire, comment les valeurs relatives et vides sont résolues, comment formaction envoie un formulaire à deux endroits, et pourquoi les hébergeurs statiques répondent 405. - [Validation de formulaire](https://ikiform.com/fr/guides/html-form-submission/validation.md): Validez un formulaire avec required, type, pattern et min, stylisez les erreurs avec :user-invalid, et imposez les mêmes règles sur le serveur avec des définitions de champs.