Webflow sync, pageviews & more.
NEW

How do I automatically redirect visitors from a specific page in my Webflow website to an external webpage?

TL;DR
  • In Webflow, go to the target page’s settings and paste a JavaScript redirect script into the "Before " section.
  • Save and publish the site to activate the automatic redirect to your chosen external URL.

To automatically redirect visitors from a specific page on your Webflow site to an external webpage, you'll need to embed a redirect script into the page settings.

1. Choose the Page to Redirect

  • Go to your Webflow Designer.
  • In the Pages Panel, select the page where you want the redirect to happen.
  • Click the gear icon next to the page name to open Page Settings.

2. Add Redirect Script to the Page

  • Scroll down to the Before tag section.

  • Paste the following inline script (replacing the URL with your target destination):

    <script>window.location.href = 'https://www.example.com';</script>

  • This uses JavaScript to redirect users as soon as the page loads.

3. Publish Your Project

  • After adding the script, click Save.
  • Then Publish your site to make the redirect active.
  • Visit the page to confirm it automatically forwards to the external URL.

4. Optional: Delay or Customize Behavior

  • If you want a delay before redirecting, modify the script like this:

    <script>setTimeout(function(){ window.location.href = 'https://www.example.com'; }, 3000);</script>

  • This example delays the redirect by 3 seconds (3000 milliseconds).

Summary

To redirect a Webflow page to an external site, open that page’s settings and embed a simple JavaScript redirect in the Before section. Publish your site to activate the change.

Rate this answer

Other Webflow Questions