How to redirect a page


⚠️ Redirect via HTTP is not available yet but planned for a future release.

You can set up a redirect using a meta tag in the <head> of the page. Make sure you add it to the specific page and not the general one, or all your pages will start to redirect.

<meta http-equiv="refresh" content="0; url=https://www.framer.com/">

Batch Redirect (multiple pages)

Pattern

Sometimes you’ll have many pages that you need to redirect following a pattern, for example:

/old-blog/* → /new-blog/*

Until we have http redirects (see the warning above) you have two options. You can either setup CloudFlare and make a redirect rule or you can redirect using a JavaScript.

To redirect with JavaScript logic you can write a custom script and add it to the header using Settings → Custom Code. The example above would look like this:

https://gist.github.com/koenbok/3f3e262226c4bbccbe3f011c7c3e0e71

List

If you need to redirect according to a fixed list you can use the following script. Make sure you have a 404 page so that the script executes on any page you might have:

https://gist.github.com/koenbok/bee12db80b1f5a6fc2686651a693482a

The best place to add the script is the body head, so it gets executed before the actual page gets loaded.

How to redirect a page


⚠️ Redirect via HTTP is not available yet but planned for a future release.

You can set up a redirect using a meta tag in the <head> of the page. Make sure you add it to the specific page and not the general one, or all your pages will start to redirect.

<meta http-equiv="refresh" content="0; url=https://www.framer.com/">

Batch Redirect (multiple pages)

Pattern

Sometimes you’ll have many pages that you need to redirect following a pattern, for example:

/old-blog/* → /new-blog/*

Until we have http redirects (see the warning above) you have two options. You can either setup CloudFlare and make a redirect rule or you can redirect using a JavaScript.

To redirect with JavaScript logic you can write a custom script and add it to the header using Settings → Custom Code. The example above would look like this:

https://gist.github.com/koenbok/3f3e262226c4bbccbe3f011c7c3e0e71

List

If you need to redirect according to a fixed list you can use the following script. Make sure you have a 404 page so that the script executes on any page you might have:

https://gist.github.com/koenbok/bee12db80b1f5a6fc2686651a693482a

The best place to add the script is the body head, so it gets executed before the actual page gets loaded.

How to redirect a page


⚠️ Redirect via HTTP is not available yet but planned for a future release.

You can set up a redirect using a meta tag in the <head> of the page. Make sure you add it to the specific page and not the general one, or all your pages will start to redirect.

<meta http-equiv="refresh" content="0; url=https://www.framer.com/">

Batch Redirect (multiple pages)

Pattern

Sometimes you’ll have many pages that you need to redirect following a pattern, for example:

/old-blog/* → /new-blog/*

Until we have http redirects (see the warning above) you have two options. You can either setup CloudFlare and make a redirect rule or you can redirect using a JavaScript.

To redirect with JavaScript logic you can write a custom script and add it to the header using Settings → Custom Code. The example above would look like this:

https://gist.github.com/koenbok/3f3e262226c4bbccbe3f011c7c3e0e71

List

If you need to redirect according to a fixed list you can use the following script. Make sure you have a 404 page so that the script executes on any page you might have:

https://gist.github.com/koenbok/bee12db80b1f5a6fc2686651a693482a

The best place to add the script is the body head, so it gets executed before the actual page gets loaded.