Set Custom Page Slugs on a custom website

Custom Page Slugs feature allows you to set custom URLs for product and category pages to enhance website SEO and make the customer experience more engaging. For example, you can simplify a product named "BRAND Football ball R15 New" with a product URL from https://example-shop.com/store/brand-football-ball-r15-new to a URL like https://example-foolball-shop.com/store/ball-r15 instead of it containing a full product name.

Read more about URL features for custom websites

Requirements for Custom Page Slugs

Custom Page Slugs are automatically enabled if:

Step 1. Enable Clean Store URLs.

To set custom slugs, Clean Store URLs must be enabled on your custom website. Learn how to enable them here

📘

If you use Ecwid Instant Site, WordPress, or Wix plugins, you can skip this step as the Clean Store URLs feature is enabled out of the box.

Once Clean Store URLs are enabled, set custom slugs for product and category pages in the Ecwid admin panel or via the REST API. Learn about setting custom slugs through Ecwid admin

Step 2. Set custom slugs with REST API

With the Ecwid REST API, you can set custom slugs for both new and existing products or categories:

📘

Each request requires the product or category ID. If you do not know it, you can find it by the slug itself using REST API. Learn more about finding products and categories by slugs

In all endpoints listed above, information related to product/category page slugs is stored in the following fields:

{
	"url": "https://example.com/store/Shoes-p123",
	"autogeneratedSlug": "shoes-p123",
	"customSlug": ""
}

Where:

  • url is the actual storefront URL for the product/category. It is generated from the main store URL and a page slug. If a custom slug exists for the product/category, Ecwid will always use it to generate url field value.
  • autogeneratedSlug is a default page slug Ecwid generates automatically when the product/category is created or its name is updated.
  • customSlug is a user-defined custom page slug for the product or category page. It has a higher priority than the autogeneratedSlug field and therefore overrides it if not empty.

Custom slugs are not updated automatically. If you change the name of a product or category, Ecwid will not update the customSlug field automatically. Refer to the following table to understand when slug-related fields are updated by Ecwid:

FieldAutomatically updated
when the product name
is changed
(customSlug is empty)
Automatically updated
when the product name
is changed
(customSlug has value)
Automatically updated
when customSlug
is changed
urlYesNoYes
autogeneratedSlugYesYesNo
customSlugn/aNoYes (manual update)

Find update request examples below.

Example: update product name and its custom page slug

You can update the product name and its custom page slug using Update product request:

PUT /api/v3/STOREID/products/689454040 HTTP/1.1
Host: app.ecwid.com
Authorization: Bearer SECRET_TOKEN
Content-Type: application/json

{
    "name": "Best Pizza",
    "customSlug": "best-pizza"
}
{
    "updateCount": 1
}

It is possible to update the custom slug without updating the name and vice versa. However, we recommend updating custom slug value when the name is changed.

The "updateCount": 1 in the response body means that Ecwid successfully updated 1 product. You'll see an error message otherwise.

Example: update category name and its custom page slug

You can update the category name and its custom page slug using Update category request:

PUT /api/v3/STOREID/category/10038652 HTTP/1.1
Host: app.ecwid.com
Authorization: Bearer SECRET_TOKEN
Content-Type: application/json

{
    "name": "Fresh vegetables",
    "customSlug": "vegetables"
}
{
    "updateCount": 1
}

It is possible to update the custom slug without updating the name and vice versa. However, we recommend updating custom slug value when the name is changed.

The "updateCount": 1 in the response means that Ecwid successfully updated 1 category. You'll see an error message otherwise.

How to find products and categories by their slugs

The default approach to finding a product or category ID requires knowing the name, description, or SKU of said product or category. However, you can get these IDs much easier by using page slug as a search term with a dedicated GET request.

This request accepts page slug as a search parameter and responds with product or category ID, page slug details, and static code data for the page. The method works with any slug value that ever worked on the storefront including partial URLs, and the history of slug changes.

Let's take a look at the following example of a product example where the product name remains the same (Pizza), but the default page slug has been changed two times:

/products/Pizza-p689454040 -> /products/best-pizza -> /products/pizza

/products/Pizza-p689454040 was the default page slug, generated by Ecwid upon product creation.
/products/best-pizza was the first custom page slug that was changed later to another custom slug.
/products/pizza is the actual custom slug, currently working on the storefront. Both previous slugs do not work on the storefront now.

Let's find the page with different slug values using Get page slug:

  • Search by partial URL with only product ID: ?slug=-p689454040
GET /api/v3/STOREID/storefront-widget-pages?slug=-p689454040 HTTP/1.1
Host: app.ecwid.com
Authorization: Bearer SECRET_TOKEN
{
    "status": "NONCANONICAL",
    "type": "PRODUCT",
    "canonicalSlug": "pizza",
    "storeEntityData": {
        "id": "689454040"
    }
}
  • Search by partial URL with only product name: ?slug=Pizza
GET /api/v3/STOREID/storefront-widget-pages?slug=Pizza HTTP/1.1
Host: app.ecwid.com
Authorization: Bearer SECRET_TOKEN
{
    "status": "NONCANONICAL",
    "type": "PRODUCT",
    "canonicalSlug": "pizza",
    "storeEntityData": {
        "id": "689454040"
    }
}
  • Search by default page slug: ?slug=Pizza-p689454040
GET /api/v3/STOREID/storefront-widget-pages?slug=Pizza-p689454040 HTTP/1.1
Host: app.ecwid.com
Authorization: Bearer SECRET_TOKEN
{
    "status": "NONCANONICAL",
    "type": "PRODUCT",
    "canonicalSlug": "pizza",
    "storeEntityData": {
        "id": "689454040"
    }
}
  • Search by partial URL of a custom slug (and the actual custom slug): ?slug=pizza
GET /api/v3/STOREID/storefront-widget-pages?slug=pizza HTTP/1.1
Host: app.ecwid.com
Authorization: Bearer SECRET_TOKEN
{
    "status": "OK",
    "type": "PRODUCT",
    "canonicalSlug": "pizza",
    "storeEntityData": {
        "id": "689454040"
    }
}
  • Search by slug history: ?slug=pizza-test
GET /api/v3/STOREID/storefront-widget-pages?slug=best-pizza HTTP/1.1
Host: app.ecwid.com
Authorization: Bearer SECRET_TOKEN
{
    "status": "NONCANONICAL",
    "type": "PRODUCT",
    "canonicalSlug": "pizza",
    "storeEntityData": {
        "id": "689454040"
    }
}

All these options respond with the product ID allowing you to change its slug. However, you can use the same request to also receive static page code. Learn more

Still have questions?

Email us with all the details that might help: your store ID, website URL and platform, server rewrite rules, and product/category ID with custom slugs. We are here to assist!