Shopify parts diagram with exploded view & hotspots
Upload any parts diagram, including an exploded view, schematic or assembly drawing, then add your Shopify products and place numbered hotspots over each part. Customers click a hotspot, see the matching product highlighted in the parts list and add it to their cart without leaving the page. No coding required.
Why Konfigr?
Make complex parts easier to find and buy
Spare parts can be difficult to identify from product names and catalogue listings alone. Konfigr gives customers a visual way to locate the exact part they need, understand where it fits and add it to their cart from the same page.
Turn exploded views, schematics and assembly drawings into interactive Shopify parts diagrams, without custom development.
Customer experience
Everything customers need to find and buy the right part
Give customers a clear, visual way to explore diagrams, identify the correct product and add it to their cart without losing their place.
Find the Right Part Instantly
Customers click a numbered hotspot on the diagram to see the matching product highlighted in the connected parts list, complete with current pricing and availability. From there, they can review the part and add it to their cart from the same page.
Add to Cart Without Leaving
Customers can add individual spare parts directly from the Konfig page. There is no need to open separate product pages, search the catalogue again or lose their position while comparing components.
Full-Screen Diagram View
Open detailed Konfigs in a dedicated full-screen experience with more room to inspect complex assemblies. Customers can select hotspots, view product details and add parts to their cart without leaving the view.
Zoom and Pan
Let customers inspect high-resolution diagrams on desktop, tablet and mobile. Zoom and pan make small labels, tightly grouped components and complex exploded views easier to navigate.
Live Shopify Product Data
Product titles, images, prices, sale prices and availability remain connected to your Shopify catalogue. When information changes in Shopify, the details displayed in Konfigr stay current automatically.
Shopify B2B Pricing
Show logged-in business customers the pricing assigned to their company location through Shopify B2B. The products displayed in a Konfig follow the appropriate catalogue and price list for that customer.
Merchant experience
Everything you need to build, manage and scale your parts catalogue
Create, organise, customise and measure your Konfigs with tools designed to support everything from a single diagram to a large parts catalogue.
Konfig Catalog Manager
Organise individual Konfigs into a structured, browsable spare-parts catalogue. Create categories and subcategories to any depth, assign Konfigs to multiple locations and guide customers from a broad product range to the exact diagram they need.
Pin Exact Product Variants
Connect a hotspot or parts-list item directly to the exact Shopify variant customers should purchase, such as a particular size, colour, model or replacement option.
Per-Konfig Display Overrides
Set consistent store-wide defaults, then override selected display and behaviour settings for individual Konfigs. Adjust the layout, visible headings and product information, hotspot sizing, full-screen access and other presentation options where required.
CSV Import and Export
Quickly add products to an individual Konfig using handles, SKUs or barcodes on every plan. Business plan users can also create, update and export multiple Konfigs through the top-level bulk tools, with validation before changes are processed.
Built-In Storefront Analytics
Track Konfig views, sessions, hotspot interactions, product-link clicks and add-to-cart activity. See which diagrams receive attention, which products customers interact with and where purchasing activity occurs.
50+ Theme Editor Settings
Control colours, layouts, hotspot sizing, typography, buttons, borders, spacing and product-card styling through the Shopify theme editor. Konfigr installs as an Online Store 2.0 app block, with no coding required.
Core Feature
Exploded parts diagrams that make complex products simple
Upload any image, place numbered hotspots, and link them to products. Your customers get an interactive, visual shopping experience.
- Linked product hotspotsOptional numbered hotspots link to products in your Shopify catalog. Customers click a marker to see the part and add it from the parts list.
- Zoom & pan supportCustomers can zoom into detailed diagrams on mobile and desktop.
- Multi-hotspot supportPlace multiple hotspots for the same part in different positions.
- Parts listA synced parts list displays alongside the diagram with live pricing and add-to-cart.
Full-Screen View
Give detailed diagrams the space they need
Open any Konfig in a dedicated full-screen view that gives customers more room to explore detailed diagrams across desktop, tablet and mobile. Zoom, pan and select hotspots without being constrained by the dimensions of the original product-page layout.
When a customer selects a hotspot, the connected parts open in a side drawer on desktop or a bottom drawer on tablet and mobile. They can view product details, compare available alternatives and add the right part to their cart without leaving the diagram.
- A better experience on every screenGive customers a larger, more practical area to explore complex diagrams, especially on mobile and tablet where the standard embedded layout can be restrictive.
- Product details where they are neededSelecting a hotspot opens the connected product information alongside the diagram, including all available alternatives when multiple parts share the same marker.
- Add to cart from full screenCustomers can review products and add the parts they need directly from the full-screen view without navigating to separate product pages.
- Navigate related KonfigsWhen used with the Konfig Catalog Manager, Konfigs can link to related Konfigs, letting customers move between diagrams without returning to the catalogue.
Full-screen view is available on Pro and Business plans.
Business Plan Feature
Turn individual Konfigs into browsable parts catalogues
Create as many catalogues as your store needs, then organise your Konfigs into structured storefront experiences that help customers move from a broad product range to the exact model, assembly or diagram they need.
Build categories and subcategories to any depth, assign the same Konfig to multiple locations and control how each catalogue is organised without duplicating Konfig data.
- Unlimited cataloguesCreate separate catalogues for different brands, product ranges, industries or customer groups, with no limit on how many catalogues you can build.
- Flexible catalogue hierarchiesBuild category structures that match the way your products are organised, whether that means brand, model, product type, assembly or any combination of levels.
- Simple catalogue organisationArrange Konfigs within the catalogue using drag and drop. Categories and subcategories can be ordered automatically or adjusted using straightforward ordering controls.
- Assign Konfigs to multiple categoriesMake the same Konfig available from more than one relevant catalogue path without creating duplicate copies or maintaining separate data.
- Storefront catalogue blockAdd a catalogue to any supported Shopify page through the theme editor, giving customers a clear way to browse its Konfig structure on the storefront.
- Open directly into full-screen viewWhen used with Full-Screen View, customers can launch directly into a Konfig from the catalogue and switch between related Konfigs at the same endpoint without returning to the previous page.
Catalogs can be created and previewed on any plan. Storefront catalog display is available on the Business plan.
Admin Editor
Build Konfigs visually, without code
Create and manage Konfigs directly within Shopify using a visual editor. Place hotspots on your diagram, search and assign products from your Shopify catalogue, reorder parts, and preview the customer experience as you build.
- Visual Hotspot EditorPlace and reposition numbered hotspots directly on your diagram.
- Shopify Product SearchSearch your product catalogue and assign products or variants without leaving the editor.
- Live Storefront PreviewSee how the diagram, hotspots and connected parts list will appear before publishing.
- Parts List OrderingReorder parts to control their display sequence and update marker numbering.
Import & Export
Build and manage Konfigs in bulk
Start with a Shopify product export, prepare your data using Konfigr's CSV format, then import it using the workflow that suits what you need to create or update.
Import parts into a single Konfig on any plan, or use the Business plan bulk tools to create, update and export multiple Konfigs at once.
- CSV import on every planFrom the Edit Konfig page, quickly add parts to a single Konfig using Shopify product handles, SKUs or barcodes.
- Bulk create and updateCreate multiple new Konfigs or update existing ones in a single import. You can also create empty Konfigs with diagram images already assigned, ready for products and hotspots to be added later. Diagram images can use existing Shopify Files URLs or externally hosted image URLs, which Konfigr can import into Shopify during processing.
- Validation before processingKonfigr checks bulk CSV files before making changes, helping identify missing products, invalid references, duplicate markers and incorrectly formatted data.
- Bulk exportExport multiple Konfigs to CSV for backup, large-scale editing or catalogue maintenance, then import the file again when your updates are ready.
Individual Konfig CSV import is available on every plan. Bulk import and export are available on the Business plan.
Install Konfigr FreeGranular Control
50+ theme editor settings, no code required
Control how Konfigr looks and behaves directly from the Shopify theme editor. Adjust layouts, colours, hotspot sizing, borders, spacing, product-card presentation and more, without editing theme code.
- Per-Konfig OverridesSet consistent defaults across your store, then override selected settings for individual Konfigs. Choose different layouts, hotspot sizes, visible headings, product images, full-screen access and other display options where needed.
- Built for Shopify ThemesKonfigr installs as an Online Store 2.0 app block and can be configured directly within the Shopify theme editor.
- Product Metafield SupportDisplay selected Shopify product metafields in the parts list, such as manufacturer part numbers, specifications, dimensions or compatibility information.
- Custom CSSAdd your own CSS through the theme editor when you need styling beyond the built-in settings.
Industries
Perfect for any industry
Spare parts, replacement components, assembly items — if your product has parts, Konfigr is built for you.
Automotive
Cars, motorbikes, engines, transmissions, body components, and model-specific replacement parts
Marine
Engine components, pumps, fittings, electrical parts, deck hardware, and other marine spares
Machinery
Equipment parts, manufacturing spares, seals, bearings, and replacement assemblies
Agricultural
Tractors, implements, irrigation equipment, machinery attachments, and model-specific agricultural components
Pool & Spa
Pump parts, impellers, seals, filters, chlorinator components, heating spares, and replacement electronics
Appliances
Dishwashers, washing machines, ovens, refrigerators, coffee machines, and other domestic or commercial appliances
Power Tools
Switches, housings, gears, brushes, guards, batteries, and replacement components for power tools and workshop equipment
HVAC
Replacement motors, fans, control boards, filters, valves, sensors, and service components for heating and cooling systems
Furniture
Hinges, brackets, hardware, panels, fixings, and model-specific replacement components
Industrial
Pumps, motors, workshop systems, manufacturing equipment, and other serviceable industrial products
Pricing
Simple pricing that scales with you
Start free, upgrade when you are ready. No transaction fees, no hidden costs. Cancel anytime.
Starter
Get started with the basics
- Up to 5 published konfigs
- Unlimited drafts
- Interactive diagrams & hotspots
- Zoom & pan on diagrams
- Pin specific product variants
- 50+ theme editor settings
- CSV parts import
- Storefront analytics
- Email support
Pro
For growing businesses
- Unlimited published konfigs
- Interactive diagrams & hotspots
- Full-screen view
- Zoom & pan on diagrams
- Pin specific product variants
- 50+ theme editor settings
- CSV parts import
- Storefront analytics
- Priority support
- 14-day free trial
Business
Everything in Pro plus catalogs
- Everything in Pro
- Bulk konfig import & export
- Konfig Catalog Manager
- Unlimited catalogs
- Infinite-depth hierarchies
- Storefront catalog display
- Priority support
- 14-day free trial
All prices are shown in USD
FAQs
Frequently Asked Questions
Ready to make spare parts easier to find and buy?
Build interactive parts diagrams, organise your catalogue and give customers a faster way to identify and purchase the right part. Konfigr is simple to manage, easy to customise and free to get started.
Get Started Free