Getting Started¶
Get from zero to a live, clickable parts diagram on your storefront in about 10 minutes.
The 6-step flow¶
| Step | What you do | Where |
|---|---|---|
| 1 | Install Parts Diagram from the App Store | Shopify App Store |
| 2 | Create a new diagram and upload your image | App → Diagrams → New Diagram |
| 3 | Draw polygon and pin hotspots over each part | Diagram editor |
| 4 | Assign a Shopify product to each hotspot | Inspector panel |
| 5 | Link the diagram to a product page | App → Products |
| 6 | Add the Parts Diagram block to your theme | Online Store → Themes → Customize |
Where to go next¶
-
One-time setup. Takes under a minute.
-
Step-by-step walkthrough with screenshots — create, draw hotspots, assign products, add to theme, verify on storefront.
-
What's included on each tier and how to upgrade.
Already installed?
Skip ahead to Your first diagram.