How does the deep linking work with the Customizer?

Deeplinking is an easy method to help guide your customer through the Customizer. However, you will need some basic knowledge of Shopify's navigation and links. You can learn more about it here: Shopify - Manual - Menus & Links

When left untouched, the default Customizer link (e.g. https://spod-samples.myshopify.com/pages/customizer) will lead you to a blank product. With deep linking, you can change this behavior. You can show a specific product list, a design topic, or open one of the Customizer's functions, like the Add Text or Upload panel.

Deep-link: Tool Panels

If you want your customers to land directly in the product section, or to have the option to upload their designs first, can use the tool panels:

?panel=productTypes to open the product selection panel.
?panel=upload to open the design upload panel.
?panel=designs to open the design library.
?panel=addText to the text panel.

Example: https://spod-samples.myshopify.com/pages/customizer?panel=productTypes

Deep-link: Design Topics

If you want to open the Customizer to a specific design topic, you will have to add ?designSearch=topics (add the terms you want).

For example, if you want the link to open directly to the design library showing father-related design, you would use ?designSearch=father.

Example: https://spod-samples.myshopify.com/pages/customizer?designSearch=father

Deep-link: Specific Product

If you want to open the Customizer to a specific product, like a mug or the woman's Premium T-Shirt, you can use ?productId=ID (use any ID here).

The Product ID is the first part of the product's SKU. It can be found under the Product detail view in your Shopify Admin.

How_does_the_deep_linking_work_with_the_Customizer__SKU.png

Here's an example of what the link would look like: https://spod-samples.myshopify.com/pages/customizer?productId=1047220123

Deep-link: Product Type IDs

If you want to open the Customizer to a specific product type, like the men's premium shirts , you can use ?productTypeId=ID (use any ID here, for example 812 for Men's Premium T-Shirt).

You can find the IDs for the product types either in the second part of the SKU between the letters "P" and "A":

Or you can find them in the product name for most of the products on our product page and also in the individual products' URLs, just before that last dash:

This is an example of what a URL would look like: https://spod-cs-eu.myshopify.com/pages/customizer?productTypeId=812

Deep-link: Categories

If you want to link directly to a product category, such as Women or Accessories, you can add the parameter ?departmentId= one of the possible categories listed below: