How can I make my form submit button open in a new tab after redirecting in Webflow?
TL;DR
- Add the following JavaScript snippet in Page Settings → Custom Code → Footer Code to intercept form submission and open the redirect URL in a new tab.
- Ensure your form has a Redirect URL set under Form Settings in Webflow.
- Publish and test the form to confirm it opens the redirect in a new tab while still processing the submission.
You can make a Webflow form submit button open in a new tab after redirection by adding a small custom JavaScript snippet to your page. Webflow’s built-in redirect settings do not provide a way to open the redirect in a new tab, but this workaround will handle it.
1. Add Custom JavaScript for New Tab Redirection
Go to Page Settings in Webflow.
Scroll down to the Custom Code section.
Under Footer Code, insert the following script:
```html
```
2. Ensure Your Form Has a Redirect URL
- Select your Form Block in Webflow.
- Under Form Settings, set Redirect URL to the desired link.
- When the form is submitted, it will now open in a new tab while still sending the form data.
3. Publish and Test
- Publish your Webflow site.
- Test the form by submitting it to confirm the new tab behavior.
Summary
Webflow doesn’t offer a default setting for opening a redirect URL in a new tab after form submission. However, by adding a JavaScript snippet to intercept the form submission and open the redirect in a new tab, you can achieve this functionality.