Articles on: Working with NotionForms

How to redirect to another page after form submission?

This feature is only available for Pro and Enterprise subscribers.

NotionForms offer two different approaches to redirect form respondents to an URL after a form submission. Which one to use depends on wether your form is embedded or not.

If your form is not embedded


If you are sharing (or redirecting to) the NotionForms form link, then redirecting to an URL after a form submission is simple.

Open the for editor for your form
Scroll to the "About Submission" section
Change the "Post Submission Action" to "Redirect"

In the field below fill in your target URL
That's it!

If your form is embedded



- If you embedded your form in a Notion Page: unfortunately it's not technically possible to implement a redirect in that case.

- If you embedded your form in your own website: it can be done with some custom javascript code. On submission, the iframe containing your form emits a message to the website that embeds it. The content of the message is form-submitted-<FORM_SLUG>, where <FORM_SLUG> is the URL identifier of your form. For example, if your form URL is https://notionforms.io/forms/notion-forms-contact, then your <FORM_SLUG> is notion-forms-contact.

You can use this custom message to redirect your website page to another page as follows:

<script>
window.addEventListener('message', function(event) {
   if (event.data == 'form-submitted-<FORM_SLUG>') {
       window.location.href = '<TARGET_URL>'
   }    
});
</script>

Updated on: 25/01/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!