Success Pages and Redirects
After a form submission, you can redirect users to a thank-you page, show a success message inline, or let Formkove’s default page handle it.
Default Success Page
Section titled “Default Success Page”If you don’t specify a redirect, Formkove shows a built-in success page with a “Go Back” option. This works automatically for plain HTML form submissions.
Custom Redirect URL
Section titled “Custom Redirect URL”To redirect users to your own thank-you page after a standard HTML form submission, append the redirect URL as a query parameter (?redirect=...) to your form’s action URL:
<form action="https://app.formkove.com/api/forms/YOUR_FORM_ID/submissions?redirect=https://yoursite.com/thank-you" method="POST"> <!-- your inputs here --></form>Requirements:
- Allowed Origins: The domain of your redirect URL must be allowlisted in your form’s Allowed Origins & Redirects settings in the Formkove dashboard. If the target domain is not in your approved list, the redirect is blocked and users see Formkove’s default success page.
- Full URL: Must be a complete URL starting with
https://. Relative paths (like/thank-you) are not supported.
<!-- ✓ Correct: query parameter with full URL --><form action="https://app.formkove.com/api/forms/YOUR_FORM_ID/submissions?redirect=https://yoursite.com/thank-you" method="POST">
<!-- ✗ Wrong: passing redirect as a hidden input field does NOT redirect --><input type="hidden" name="redirect" value="https://yoursite.com/thank-you">
<!-- ✗ Wrong: relative URL or missing from dashboard Allowed Origins --><form action="https://app.formkove.com/api/forms/YOUR_FORM_ID/submissions?redirect=/thank-you" method="POST">Inline Success with JavaScript
Section titled “Inline Success with JavaScript”If you’re using fetch to submit the form (not a traditional POST), you can show a success message on the same page without any redirect. See the JavaScript Form Submission guide for a complete example with inline success handling.
Clearing Form Data After “Go Back”
Section titled “Clearing Form Data After “Go Back””If users hit the browser back button after submission, some browsers retain form values. To clear the form on page load:
<script> window.onload = function() { const form = document.getElementById('contact-form'); if (form) form.reset(); };</script>This prevents users from seeing stale data if they navigate back to the form page.
