Documentation
Feedback
Guides
Storefront Development

Storefront Development
Store FrameworkRoutingManaging URL redirects
Managing URL redirects

URL redirection is a method of forwarding website visitors and search engines from one URL to another. Redirects might be useful when you need to move content to a new URL, remove an old product page, or forward users from a specific region to a custom page. Implementing the appropriate redirects can improve the user experience by preventing visitors from hitting 404 error pages.

Check the following sections to learn how to create, remove, and verify your store's URL redirects.

Before you begin

  1. Install the VTEX IO Command-Line Interface (CLI).
  2. Install the redirects plugin for the VTEX IO CLI:

_10
vtex plugins install redirects

Creating URL redirects

  1. Using the CSV file template as a reference, create a .csv file containing the redirects you wish to create.

  2. Save the file under the name of your choice.

  3. Open the terminal and log in to your VTEX account.

  4. Import redirects to your account by running the following command:

    • Replace {CSVpath} with the path to your .csv file.

    _10
    vtex redirects import {CSVpath}

Once your file is processed, the redirects will take effect. Please keep in mind that this may take some time.

Deleting URL redirects

  1. Using the CSV file template as a reference, create a .csv file with the redirects you wish to delete.

  2. Save the file under the name of your choice.

  3. Open the terminal and log in to your VTEX account.

  4. Delete redirects from your account by running the following command:

    • Replace {CSVpath} with the path to your .csv file.

    _10
    vtex redirects delete {CSVpath}

Verifying URL redirects

  1. Open the terminal and log in to your VTEX account.

  2. Retrieve the full list of your store's redirects into a .csv file by running the following command.

    • Replace {fileName} with any name of your choice.

    _10
    vtex redirects export {fileName}.csv

After running this command, a file named {fileName}.csv containing all the redirects of your store will be created in your current directory.

Check the CSV file template to understand the meaning of each field of the .csv file generated.

CSV file template

To create or delete URL redirects in your store, you must create a .csv file as in the following example.

{"base64":"  ","img":{"width":3324,"height":552,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":85213,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-io-documentation-managing-url-redirects-0.png"}}

Notice that the file must contain a row with four columns and the following values:

Property nameDescriptionExample
fromOriginal path./blouse/p
toRelative path or full URL to which you want to redirect your visitors./blouse/p?skuId=2000549
typeRedirect type. TEMPORARY or PERMANENTTEMPORARY
endDate(Only for TEMPORARY redirects.) Expiration date of the redirect on the format mm/dd/yyyy.5/20/2020

You must not modify this row. Otherwise, you will not be able to create or delete redirects.

Under the first row of your .csv file, enter the from, to, type, and endDate values corresponding to the redirects you want to create or delete, as in the following example:

{"base64":"  ","img":{"width":3324,"height":552,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":109764,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-io-documentation-managing-url-redirects-1.png"}}

Keep in mind that:

  • The from column can only receive relative paths.
  • The to column can receive either relative paths (e.g., /blouse/p?skuId=200) or full URLs (e.g., https://myotherstore.com).

You cannot create redirects using wildcards or variables. You must specify each redirect using relative paths or full URLs.

  • TEMPORARY redirects receive the 302 status code, while PERMANENT redirects receive the 301 status code.
  • The endDate must be left empty if the redirect is PERMANENT.
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page