Skip to main content

Redirect Pages (Setting Up 301 Redirects)

Learn how to set up, edit, and delete 301 redirects to forward visitors to new URLs when you change URLs or site structure. Prevent 404 errors and maintain visitor experience and SEO.

Available on: Business plan and above (Legacy plans: all plans)

What Is a Redirect Page (301 Redirect)?

When you change the page path of a published site, use a redirect page to set up a 301 redirect. A 301 redirect automatically forwards visitors who access the old URL to the new one.

This feature is useful when you permanently change a URL, such as when updating URLs or merging pages. Without a redirect, visitors who access the old URL will see a 404 page, which hurts their experience and your search engine ranking.

Note: Redirects for .php paths

Starting January 2026, redirects no longer work for paths ending in .php.

As an alternative, consider one of the following redirect methods:

  1. Set up redirects on your old site or another server using DNS, CDN, .htaccess, or similar tools (configured outside of Studio.Design).

  2. If you need subdirectory routing or complex redirect rules, set up a reverse proxy with Cloudflare or a similar service and use Studio.Design's Custom Proxy add-on to manage redirect and forwarding rules for specific paths (requires a Business Plus plan or higher).

Redirect Page Settings

In Studio.Design, you create a redirect page in the Design Editor to set up a 301 redirect. You need to configure two fields: [Path] (the source path to redirect from) and [Redirect To] (the destination).

Supported Paths and Domains

  • Path (redirect source): You can only specify paths under the domain currently connected to the project.

  • Redirect To: You can set any URL, whether it's within Studio.Design or an external site.

Examples of Path and Redirect To Settings

If your project's custom domain is example.com:

Use Case

Path

Redirect To

Redirecting within
the same domain

example.com/page1

example.com/page2

Redirecting to
an external URL

example.com/page1

another-example.com/aaa

Setting the Path

In the [Path] field, enter the URL path you want to redirect from.

You can only specify paths under the domain (custom domain) connected to the project.

If another page or modal in the same project is already using a path, you can't assign that path to a redirect page. To use that path for a redirect, first delete the existing page or change its URL, then set up the redirect.

Tips: To set the homepage as the redirect source, leave the [Path] field blank.
See also: How to redirect from a [home] page type to an external site

Example: Setting "/test" as the redirect page [Path]

  • If no page or modal in the project is using the "/test" path, you can set it.

  • If a page or modal with the "/test" path already exists, you'll need to delete that page/modal or change its path first.

Setting the Redirect Destination

In the [Redirect To] field, enter the destination URL. You can select a page within the project or enter an external URL directly.

  • Japanese-character URLs won't work correctly as redirect destinations.

  • Dynamic pages cannot be set as redirect destinations (as of October 2024 / February 2025).

Note: Selecting a redirect destination page

  • If the redirect destination path is shown with a red strikethrough, it means the page no longer exists.

  • If an unpublished icon appears on the right, it means the page is unpublished.

Setting Up a 301 Redirect

Point: You cannot change an existing page's page type to [Redirect Page].

Create a new redirect page and configure the [Path] and [Redirect To] fields to set up a 301 redirect.

  1. Open the Page Panel.

  2. Create a new page.

  3. Select [Redirect Page] as the page type.

  4. Configure the redirect settings:
    • [Path] field: Enter the source URL path.
    • [Redirect To] field: Select the destination. Choose a page within the project or enter an external URL directly.

  5. Click [Update] to save your changes.

  6. If you edited a live site, update your site from the Publish Panel. Changes won't appear on the live site until you do this.

Editing a 301 Redirect

You can change the [Path] or [Redirect To] of an existing redirect page.

  1. Open the Page Panel.

  2. Select the redirect page you want to edit.

  3. Edit the fields you need ([Path] or [Redirect To]).

  4. Click [Update] to save your changes.

  5. If you edited a live site, update your site from the Publish Panel. Changes won't appear on the live site until you do this.

Deleting a 301 Redirect

Delete an existing 301 redirect to restore normal page access.

  1. Open the Page Panel.

  2. Select the redirect page you want to delete.

  3. Click [Delete Redirect Settings].

  4. If you edited a live site, update your site from the Publish Panel. Changes won't appear on the live site until you do this.

Checking Your 301 Redirects

You can check the status of your 301 redirects by looking at the icons in the Page Panel.

  1. Open the Page Panel.

  2. Look for pages with the redirect page icon

    to confirm whether a redirect is set up.

FAQ

Can I set up a redirect using a redirect page when changing domains?

Redirects in Studio.Design can only be set for paths under the domain connected to the project.

This means you can't redirect from an old domain to a new domain using redirect pages alone.

To redirect from an old domain to a new domain, consider one of the following methods (1)–(4):

See also: Using Custom Proxy or DNS-side settings

Handling it within Studio.Design

(1) Keep the Studio.Design project with the old domain and create a separate Studio.Design project for the new domain.

  • Existing project (old domain):
    Create redirect pages for each page path and set the redirect destination to the corresponding path on the new domain, then update.
    ​

  • New project (new domain):
    Connect the new domain to the project and publish it.

Using external services

The following three methods involve configuration in external services, so our support team won't be able to assist with them.
​

(2) Set up a lightweight server/container for the old domain and configure 301 redirects for all requests to the new domain.

(3) Set up 301 redirects at the CDN/edge level.

(4) Use the URL forwarding feature of your domain registrar or hosting provider.

How to redirect from a [home] page type to an external site

You can't set up a 301 redirect directly from a path that's already in use by another page in the project.

To use the top-level (root) path as a redirect source, make sure no page with the "/" path exists in the project.

Steps:

  1. Open the Page Panel and select the page with the [home] page type.

  2. Change the [home] page's path to something other than "/" (this ensures no page with the "/" path exists in the site).

  3. Create a new redirect page.

  4. Leave the [Path] field blank and enter the external site's URL in the [Redirect To] field.

  5. If you edited a live site, update your site from the Publish Panel. Changes won't appear on the live site until you do this.

Can I redirect all pages in a project at once?

There's no bulk redirect feature for multiple pages at once.

If you want to handle this within Studio.Design, consider the following approach:

  • Set up redirects individually for each page path (you cannot change an existing page's page type to [Redirect Page]).

  • Create as many new redirect pages as you need in Studio.Design.

  • In each redirect page's [Path] field, enter the path of the page you want to redirect from.

If you'd prefer to handle this outside of Studio.Design, configure redirects using external services such as a DNS server or CDN (this is configured outside of Studio.Design).

リダイアル リダイヤル

Related Articles
Page Types
Set up structured data
6. Choose a domain and publish your site
How to Make Your Site Private (Unpublish)
5. How Search Engines Work and SEO Best Practices
Did this answer your question?