Available on: Business plan or higher (Legacy plans: All plans)
What is a redirect page (301 redirect)?
If you change a page path on your published site, you can use a redirect page to set up a 301 redirect. With a 301 redirect, visitors who go to the old URL are automatically forwarded to the new URL.
This feature is useful whenever you need to make a permanent URL change, such as renaming URLs or merging pages. Without a redirect, visitors who try to reach the old URL will see a 404 page, which hurts both the visitor experience and your search rankings.
Important: About redirects using .php
As of January 2026, redirects will no longer work if a page path ends with .php.
As an alternative, consider setting up redirects using one of the following methods:
Set up the redirect on the old site or another server using DNS, a CDN, .htaccess, or similar tools (configured outside of Studio.Design).
If you need subdirectory routing or more complex traffic rules, set up a reverse proxy using a service like Cloudflare, and manage redirects and forwarding rules for specific paths using Studio.Design's Custom Proxy add-on option (requires a project contract on the Business Plus plan or higher).
Redirect page settings
In Studio.Design, you create a redirect page within the Design Editor to set up a 301 redirect. There are two fields to configure: [Path] (the source path you want to redirect from) and [Redirect to] (the destination).
Paths and domains you can use
Path (redirect source): Only paths within a domain connected to the current project can be used.
Redirect to: You can set any URL, whether it's inside or outside of Studio.Design.
Examples of Path and Redirect to settings
If your project's custom domain is example.com:
Use case | Path | Redirect to |
Redirect within the | The /page1 portion of example.com/page1 | |
Redirect to an | The /page1 portion of example.com/page1 |
Setting the Path
In the [Path] field, enter the URL path you want to redirect from.
You can only specify a path within a domain (custom domain) connected to the current project.
Note: Unsupported characters in paths
As of June 11, 2026, the following characters can no longer be newly registered in paths:
: ; % @ , # * = ~ < > { } + & $ ? ( ) . \ | ^ [ ] ' " `If your existing paths already include these characters, they will continue to work as long as they are not edited.
If you need to newly use these characters in a path, consider the following options:
Set up redirects outside of Studio
Control requests using Custom Proxy
Implement navigation handling using Custom Code
A path that's already used by another page or modal in the same project can't be used as the [Path] for a redirect page. To use that path, delete the page or modal that's using it, or change its URL first, then set up the redirect.
Example: Setting "/test" as the [Path] for a redirect page
Tip: If you want to redirect your top page, leave the [Path] field blank.
See also: How to redirect the [home] page type to an external site
Setting the Redirect to URL
In the [Redirect to] field, enter the destination URL. You can either pick a page from within the project or enter an external URL directly. You can also point it to a PDF uploaded to the project.
URLs containing Japanese characters won't work correctly as a redirect destination.
Dynamic pages can't be set as a redirect destination (as of February 2025).
Important: Choosing the redirect destination page
If [Page not found] is shown and the redirect destination's path is shown with a red strikethrough, that page doesn't exist.
If an unpublished icon is shown on the right, that page is currently unpublished.
Setting up a 301 redirect
Note: You can't change the page type of an existing page to [Redirect page].
Create a new redirect page and set the [Path] and [Redirect to] fields to configure a 301 redirect.
Open the Pages panel.
Create a new page.
Select [Redirect page] as the page type.
Enter the redirect settings.
・[Path] field: Enter the source path.
・[Redirect to] field: Choose the destination. Pick a page from the project or enter an external URL directly.
Click [Update] to save your changes.
If you're editing a published site, go to the Publish panel and update the site. Changes won't go live until you do this.
Editing a 301 redirect
You can change the [Path] or [Redirect to] settings of an existing redirect page.
Open the Pages panel.
Select the redirect page you want to edit.
Edit the fields you need ([Path] or [Redirect to]).
Click [Update] to save your changes.
If you're editing a published site, go to the Publish panel and update the site. Changes won't go live until you do this.
Deleting a 301 redirect
Delete an existing 301 redirect to return to normal page access.
Open the Pages panel.
Hover over the redirect page you want to remove.
Open the [...] menu on the right and choose [Delete].
If you're editing a published site, go to the Publish panel and update the site. Changes won't go live until you do this.
Checking your 301 redirects
You can see the status of your 301 redirects from the icons in the Pages panel.
Open the Pages panel.
Look for pages with the redirect page icon
to confirm which pages have redirects set up.
Frequently asked questions
Can I use a redirect page to set up a redirect when I change my domain?
Can I use a redirect page to set up a redirect when I change my domain?
In Studio.Design, you can only set up redirects for paths within a domain connected to that project.
This means that you can't use a redirect page alone to redirect from your old domain to your new domain.
If you need to redirect from the old domain to the new domain, consider one of the four approaches below.
Handling everything within Studio.Design
(1) Keep the Studio.Design project with the old domain, and also sign up for a separate Studio.Design project for the new domain.
Existing project (with the old domain):
Create redirect pages for each path you want to redirect, set the redirect destination to the matching path on the new domain, and update the site.
New project (with the new domain):
Connect the new domain to the project and publish it.
Using external services
The following three methods are set up using external services, so we can't provide support for them at Studio.Design.
(2) Set up a lightweight server or container for the old domain that 301-redirects all requests to the new domain.
(3) Set up a 301 redirect at the CDN or edge level.
(4) Use a URL forwarding feature provided by your registrar or hosting provider.
I want to redirect the [home] page type to an external site
I want to redirect the [home] page type to an external site
You can't set up a 301 redirect from a path that already exists in the project as-is.
However, if no page in the project uses the path "/", you can use the top (root) path as the redirect source.
Steps:
Open the Pages panel and select the page with the [home] page type.
Change the [home] page's path to something other than "/" (this leaves the site with no page using "/").
Create a new redirect page.
Leave [Path] blank and enter the external site URL in [Redirect to].
If you're editing a published site, go to the Publish panel and update the site. Changes won't go live until you do this.
I want to redirect all pages in the same project at once
I want to redirect all pages in the same project at once
There's no bulk option to redirect multiple pages at the same time.
If you want to do this within Studio.Design, consider the following approach:
Set up a redirect for each page path one by one (you can't change the page type of an existing page to [Redirect page]).
Create as many new redirect pages as you need in Studio.Design.
In the [Path] field of each redirect page, enter the path of the page you want to redirect from.
If you'd rather handle this outside the project, set up the redirects on an external service such as a DNS server or CDN (this is configured outside of Studio.Design).
リダイアル リダイヤル