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.
Here's an example of what the link would look like: https://spod-samples.myshopify.com/pages/customizer?productId=1047220123
Deep-link: Specific Product Color
By using the appearanceId=ID with the product ID, the Product Type ID or the SKU, you can open lead your customer to a specific color for the chosen product.
The appearanceId can be found in the SKU, after the letter "A":
Here's a few example of what the links would look like:
https://spod-samples.myshopify.com/pages/customizer?productTypeId=210&appearanceId=591
https://spod-samples.myshopify.com/pages/customizer?productId=1065253151&appearanceId=706
https://spod-samples.myshopify.com/pages/customizer?sku=1065253151-P210A715S38&appearanceId=386
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: Text on a product
With the customizer, you can now send your customer to any product and add a premade text on it, using the text=. This can be used to create a text with "Your Name here", so that your customer can edit the text once they reach the customizer.
For example:
https://spod-samples.myshopify.com/pages/customizer?productTypeId=210&text=Your%20Name
Deep-link: Design on a product
Using the designId, you can now place a specific design on a product. You can find the design ID in your uploaded design, when you create a product in the SPOD App:
Here's how the link could look like:
https://spod-samples.myshopify.com/pages/customizer?productTypeId=210&designId=1046868758
If you do not define a specific product, it will open the default product for your customizer, but with the design selected.
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:
- ?departmentID=Kids&Babies will lead to the Kids & Babies Category
- ?departmentID=Women will lead to the Women's Category
- ?departmentID=Men will lead to the Men's Category
Example: https://spod-samples.myshopify.com/pages/customizer?departmentId=women
Additionally, you can link straight to sub-categories like the following:
- ?categoryId=CG25 will lead to Clothing (https://spod-samples.myshopify.com/pages/customizer?categoryId=CG25)
- ?categoryId=CG30 will lead to Accessories (https://spod-samples.myshopify.com/pages/customizer?categoryId=CG30)
- ?categoryId=CG31 will lead to Home & Living (https://spod-samples.myshopify.com/pages/customizer?categoryId=CG31)
- ?categoryId=40 will lead to Wall Art (https://spod-samples.myshopify.com/pages/customizer?categoryId=40)
- ?categoryId=CG29 will lead to New products (https://spod-samples.myshopify.com/pages/customizer?categoryId=CG29)
You can find the full list of subcategories here:
- CG01: T-Shirts
- CG02: Hoodies & Sweatshirts
- CG03: Longsleeve Shirts
- CG04: Tank Tops
- CG05: Jackets & Vest
- CG06: Polo shirts
- CG08: Trousers & Shorts
- CG32: Pajamas
- CG09: Underwear
- CG10: Baby Clothing
- CG11: Caps & Hats
- CG12: Bags & Backpacks
- CG19: Buttons
- CG36: Phone cases
- CG22: Umbrellas
- CG35: Face Coverings
- CG34: More accessories
- CG17: Mugs & Drinkware
- CG18: Aprons
- CG23: Pillowcases
- CG21: Plushy Toys
- CG24: Other
- CG13: iPhone Cases
- CG25: Clothing
- CG30: Accessories
- CG31: Home & Living
- CG29: New products