How do I automatically redirect visitors from a specific page in my Webflow website to an external webpage?
TL;DR
- Open the page's settings in Webflow, paste a window.location.href JavaScript snippet into the Before </body> tag, and publish the site.
- Optionally delay the redirect, hide the page from navigation, and exclude it from search engines if needed.
To automatically redirect visitors from a specific Webflow page to an external URL, you’ll need to use a small custom script with Webflow's settings.
1. Add a Custom Redirect Script
- Go to the specific page in the Designer.
- Click the Page Settings (gear icon) next to the page name in the Pages panel.
- Scroll to the Before </body> tag section.
- Paste the following JavaScript snippet:
window.location.href = "https://www.example.com";
- Replace
"https://www.example.com"with your desired external destination URL.
2. Publish the Site
- Click Publish in the top right.
- Choose your domain(s) to publish the updated page.
3. Ensure Redirect Timing is Immediate
- The script will automatically redirect as soon as the page starts loading.
- If you want to add a delay, use:
setTimeout(() => { window.location.href = "https://www.example.com"; }, 2000);
- This redirects users after 2 seconds (2000 milliseconds).
4. Optional: Hide Page From Navigation
- If the redirect page isn’t meant to be accessed manually, be sure to:
- Remove it from the navigation/menu links, if added.
- Optionally disable indexing by checking “Exclude this page from search engines” under that page’s settings.
Summary
To auto-redirect a Webflow page to an external webpage, insert a window.location.href script into the Before </body> tag section of the page settings. This ensures users are instantly forwarded upon visiting that page.