Pick a time for your demo. You'll get a calendar invite right away.
``` - `noindex` keeps it out of search results. Nobody should land there from Google, and a thank-you page in your analytics as an entrance is a sign something links to it. - Refresh is safe. Because Ikiform answered with `303`, the browser loaded this page with GET, and reloading it sends nothing again. - If you count conversions on this page, count once per session. A refresh or a bookmark reloads it, and Ikiform's dashboard is the real count. ## Redirecting to another site Suppose you want to skip your own page and send people straight to a booking tool on another domain, such as `cal.example.com` or a scheduling service's domain. With `_redirect`, that domain would have to be in **Allowed domains**, and that list has a second job: it decides which sites may post to the form. Adding a scheduling service's domain means pages on that domain could post to your form too. Use **Redirect after submit** in the form's settings instead. It accepts any URL, because only your workspace can set it, and it leaves **Allowed domains** listing only your own sites. > Ikiform redirects to the URL exactly as given. It doesn't append the submission id or any field values, so a booking page can't be prefilled from the redirect. Ask for the email again there, or link to the booking page from your own thank-you page. ## Different pages for different forms The dashboard setting is one URL per form. When one form appears on several pages that need different thank-you pages, leave the setting empty and give each page its own `_redirect`. A German page sends visitors to the German thank-you page: `de/demo.html`: ```html ``` ### Adding a value to the redirect Query strings on `_redirect` are kept, so you can pass what the visitor chose to the thank-you page. Set the value in a submit listener, which runs after the browser's validation and before the form is encoded: `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; }); ``` The visitor arrives at `/demo/next-step?size=11-50`, and the page can show the right booking link for that team size. Keep it to non-personal values: query strings end up in browser history, server logs and analytics. ## Redirecting after a fetch submit A `fetch` call gets JSON, not a redirect, so Ikiform's redirect rules don't apply. Navigate yourself when the answer is `ok`: `Redirect from a 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"); ``` Use `location.assign` rather than `location.replace` if the back button should return to the form. The [no-reload guide](https://ikiform.com/guides/html-form-submission/without-page-reload.md) has the full handler with errors and loading state. ## Check it works 1. Under the form's **Allowed domains**, add your site's domain, plus `localhost` while you develop. Leave it empty to accept posts from anywhere. 2. Submit the form from your live page. The address bar shows your thank-you page, and the Network panel shows the post answered with `303`. 3. Press refresh on the thank-you page. The browser doesn't ask to resubmit, and the dashboard still shows one submission. 4. Change `_redirect` to an address on a domain that isn't allowed and submit. You land on Ikiform's hosted thank-you page instead, with no error. 5. Open **Submissions** in the dashboard. The new submission is there with every field you sent. ## Gotchas | Problem | Cause and fix | | --- | --- | | `_redirect` is ignored even though the domain is allowed | **Redirect after submit** is set in the form's settings, and it always wins. Clear it to use per-page redirects | | Works in production, not on `localhost` | `_redirect` must be `https:` with no port, so `http://localhost:3000/thanks` never passes. Test on a preview deploy, or accept the hosted page locally | | The hosted thank-you page has no link back to your site | It links back only when the post came from an `https:` page on one of the form's allowed domains. Add the domain, or redirect to your own page | | The browser lands on Ikiform's thank-you page instead of yours | `_redirect` is ignored unless its domain is in **Allowed domains** and it is an `https:` URL. Add the domain, or set **Redirect after submit** in the form's settings instead. | | The thank-you page shows in search results | Add `` to it, and don't link to it from your navigation | The exact rules, with examples of URLs that pass and fail, are in [HTML forms](https://ikiform.com/docs/html.md#redirect-rules). The [overview](https://ikiform.com/guides/html-form-submission.md#response) explains why the answer is a `303` and not a `302` or `200`. ## Questions ### How do I redirect to another page after an HTML form is submitted? The server that receives the form answers with a 303 redirect to the page. With Ikiform, set Redirect after submit in the form's settings, or add a hidden _redirect input with an https URL on one of the form's allowed domains. ### Why is my _redirect ignored? Either the form's Redirect after submit setting is set, which always wins, or the URL fails the rules: it must be https, on an allowed domain or a subdomain of one, with no port, username or password. Forms with no allowed domains ignore _redirect. ### Can I redirect to a different website after the form is submitted? Yes. Put the URL in the form's Redirect after submit setting, which accepts any http or https URL. Using _redirect instead would mean adding that site to your allowed domains, which also lets it post to your form. ### Can the thank-you page show what the visitor submitted? Not from Ikiform's redirect, which uses the URL exactly as given. You can add non-personal values to the _redirect URL in a submit listener, or show a message from your own script after a fetch submit. ## More guides - [HTML form submission](https://ikiform.com/guides/html-form-submission.md): What a browser does when a form is submitted: which fields it sends, how it encodes them, what the server should answer, and how Ikiform answers. - [Without a page reload](https://ikiform.com/guides/html-form-submission/without-page-reload.md): Send a form with fetch and FormData so the visitor stays on the page, with field errors, a loading state, retries and a fallback when scripts fail. - [The action attribute](https://ikiform.com/guides/html-form-submission/action-attribute.md): What a form's action attribute does, how relative and empty values resolve, how formaction sends one form to two places, and why static hosts answer 405. - [Form validation](https://ikiform.com/guides/html-form-submission/validation.md): Validate a form with required, type, pattern and min, style errors with :user-invalid, and enforce the same rules on the server with field definitions.