Overview
PartsDiagram Pro lets you embed interactive, clickable parts diagrams directly inside your Shopify store. Customers browse an exploded-view image of any machine, click the part they need, and land straight on the matching product page — reducing support tickets and increasing conversion for parts-heavy catalogs.
Why PartsDiagram Pro?
Section titled “Why PartsDiagram Pro?”Selling parts online is hard. Customers often don’t know the exact part name or SKU — they just know where it lives on the machine. PartsDiagram Pro bridges that gap:
- Shoppers click a numbered callout on the diagram → the matching product card appears instantly
- Every diagram is served through your existing Shopify storefront — no iframes, no third-party pop-ups
- The UI automatically inherits your Polaris theme colors and typography
- No code changes required — install, upload, and go live in under two minutes
How It Works
Section titled “How It Works”- Upload a diagram image — any exploded-view PNG, JPG, or SVG of your product
- Place hotspots — drag numbered callout pins onto each part in the diagram editor
- Link to products — map each hotspot to a Shopify product or variant
- Publish — the diagram goes live on a clean
/a/pages/…URL inside your store
Key Features
Section titled “Key Features”| Feature | Details |
|---|---|
| Polaris theme sync | Colors, fonts, and button styles match your store automatically |
| Smart parts table | Displays part name, SKU, price, required qty, and stock status side-by-side with the diagram |
| Stock badges | Real-time In stock / Ships in 2–4 days / Out of stock indicators pulled from Shopify inventory |
| Add to cart | One-click add directly from the parts table |
| Zoom & pan | Customers can zoom in on complex diagrams |
| Mobile-ready | Responsive layout works on any screen size |
| SEO-friendly | Each diagram page is server-rendered and crawlable |
Ready to get started?
Section titled “Ready to get started?”Follow the guides below in order:
- Install the App — add PartsDiagram Pro to your Shopify store
- Quick Start — create and publish your first diagram
- Uploading Diagram Images — tips for sourcing and preparing diagram images
- Configuring Hotspots — place and fine-tune clickable hotspots
- Linking Parts to Products — connect hotspots to Shopify products and variants
Support
Section titled “Support”If you run into anything not covered here, email us at support@partsdiagrampro.com and we’ll get back to you within one business day.