WordPress plugin for WooCommerce

Exploded-view drawings with hotspots and parts lists for WooCommerce

Bring exploded-view drawings into your WooCommerce store and sell straight from the hotspot on each part. Show drawings right on your products — or build a complete spare parts catalog.

  • Runs in your own WordPress, no third-party server
  • PDF parser and XML import
  • Free version without limits on quantity
For technical spare parts shops

Why Techparts

Presenting spare parts, parts lists and assemblies in a clear structure is one of the central challenges of technical e‑commerce. For complex products such as machines, engines, gearboxes, agricultural machinery, cleaning equipment or household appliances, the standard product lists of WooCommerce often fall short.

Techparts for WooCommerce shows spare parts, assemblies, exploded-view drawings and parts lists clearly and traceably, right in the shop — with clickable hotspots that lead straight to the cart. Customers find the right part faster, wrong orders become rarer, and support has less to do.

  • The right part, faster
  • Fewer wrong orders
  • Less load on support
From searching to buying

A part found at once is a part sold

The drawing stays what it is. The hotspots on it become products — and searching turns into buying.

  1. 1Search

    A spare part rarely has a name anyone searches for — and the results all look alike.

  2. 2Find

    On the exploded-view drawing, the customer simply points at the part they need.

  3. 3Hotspot click

    One click on the hotspot shows the part's picture, price and stock.

  4. 4Cart

    Choose the quantity, add to cart — straight from the drawing.

Which businesses is Techparts for WooCommerce made for?

Anyone selling spare parts, service parts, accessories or technical assemblies online — wherever an exploded-view drawing leads to the right part faster than any product list.

Mechanical and plant engineering

Drive units, modules, conveyor technology, valves, pump systems, machine components

Automotive and commercial vehicles

Engines, transmissions, axles, chassis parts, brake parts, body components

Agriculture and agricultural machinery

Tractors, attachments, harvesting equipment, forestry machinery, hydraulic components

Motorcycles, quads, UTVs and powersports

Chassis parts, engine components, drivetrain parts, plastic parts, accessories

Garden and power equipment

Lawn mowers, chainsaws, sprayers, pressure washers, pumps, shredders

Home appliances and consumer goods

Coffee makers, vacuum cleaners, kitchen appliances, sewing machines

Boat and yacht equipment

Onboard systems, fuel systems, steering, electronics, pumps, fittings

Medical, rehabilitation and hygiene technology

Mobility scooters, wheelchairs, practice supplies

Refrigeration, heating and industrial technology

Heat pumps, refrigeration systems, ventilation technology

Model making, RC and special vehicles

Catalogs with many individual parts and variants

Bicycles and e-bikes

Frames, drivetrains, brakes, motors, batteries, suspension parts

Construction and municipal machinery

Excavators, wheel loaders, sweepers, hydraulics, undercarriage components

Motorhomes and caravans

Heating, water systems, awnings, chassis parts, interior fittings

Commercial kitchen and catering equipment

Combi steamers, dishwashers, refrigeration units, coffee machines

Furniture and fittings

Hinges, drawer systems, frames, upholstery and mounting parts

And many more industries

Anywhere many individual parts with variants come together — and the part is easier to point at than to name.

Features at a glance

Four topics — one click leads straight to each section.

  1. 1Catalog or product?
  2. 2In the shop
  3. 3Managing the catalog
  4. 4Settings

Two ways to the right part

Which one fits comes down to one question: is a part sold on its own, or does it belong to an assembly and fit more than one model? The product route is already part of the free version.

Both routes can be combined: a drawing already attached to a product can also appear in the catalog, without creating it again.

The catalog

Categories at any depth

One dropdown per level leads to the assembly with its drawing and parts list. Every level has an address of its own that can be linked and shared.

  • Any depth, every level added without code
  • One drawing for several models, or copied and maintained separately
  • Move, copy, activate and delete assemblies in bulk
  • Drafts stay invisible in the shop until they are active
The product route

The drawing sits on the product

The drawing is attached to an existing WooCommerce product and appears there as a tab of its own, as a block or by shortcode. Already in the free version, for any number of products.

  • Image from the media library or a new upload, SVG included
  • Place hotspots by double-click and drag them with the mouse
  • One item per hotspot with its quantity — with PRO several, with alternatives
  • Price and stock come from WooCommerce — nothing is maintained twice

4 drawings on one product

Multiple sheets · PRO

One product, several drawings

Front, rear, hydraulics, electrics: each view becomes a sheet of its own on the same product, instead of cramming everything onto one overloaded drawing.

  • Each view a tab of its own, with its own hotspots
  • One click swaps drawing and parts list, the page stays put
  • On a phone the tab bar becomes a dropdown

Techparts live demo

What appears in the shop

The drawing appears as a tab on the product page, as a block or by shortcode — in the existing theme, without a line of code and without a server of ours in between.

  • Numbered hotspots on the drawing

    Every hotspot sits where the part sits. It grows with its label — a manufacturer number like 49193 fits as well as a 7. With PRO there are 32 shapes to choose from, including video, info and link points and the “Location” pin.

  • Zoom, pan, full screen

    Two fingers on the phone, the scroll wheel on the desktop, full screen on both. A double tap zooms in, and scanned sheets stay legible down to the smallest circlip.

  • Cart straight from the drawing

    Pointing at a hotspot opens a card with picture, name, price, stock and a quantity picker. One click and the part is in the cart — the theme's mini cart updates at once, even behind a page cache.

  • OEM numbers where they belong

    The manufacturer number comes from the hotspot, from the WooCommerce GTIN field, from the SKU or from a custom product field — decided once, for the whole shop. Searching works by the number printed on the old part.

  • Video and link on the hotspot · PRO

    A hotspot can carry a video — YouTube, Vimeo or an MP4 file — and a link, say to the fitting instructions. The video opens in a window over the drawing, so the customer stays in their assembly. YouTube loads only on click and without advertising cookies.

  • Four views, switchable in the shop

    Split, list below, drawing wide or list only. On a phone, the list on its own is what someone who already knows the part actually wants.

  • Several sheets, switched at the top · PRO

    If a product carries more than one drawing, a tab bar sits above it. One click swaps drawing and parts list together — without reloading the page. On a phone it becomes a dropdown, so twelve sheets do not push the drawing off the screen.

  • Built for the phone, not just adapted

    Parts get looked up at the machine, not at a desk. One finger pans, two zoom — and the page underneath keeps scrolling when it should. Checked with 45 touch tests and on a real iPhone.

The view can be switched in the shop — which one the drawing opens with is a setting

Managing the catalog

Manual entry or import

  • Manual entry

    A few drawings need no import run: upload the image, place hotspots by double-click, assign the items. The products themselves are added in WooCommerce as usual — by hand or with its own CSV import.

  • PDF parser

    Open the manufacturer catalog, frame the drawing, frame the parts list. The parser reads position numbers and SKUs, matches them to the products and creates the assembly. Parts lists spanning several pages are merged — and the PDF never leaves the computer it is opened on.

  • XML import

    A manufacturer's catalog ZIP becomes items, categories and assemblies in one run; missing items can be created in WooCommerce. Measured: 460 items and 36 assemblies, 621 of 621 hotspots matched.

  • Backup as CSV

    All drawings, hotspots and item assignments in one CSV — for backup, for editing in a spreadsheet and for importing into another shop. Items are found by SKU, not by internal IDs.

  • Backup and migration

    One branch or the whole parts catalog as a file, with images as a ZIP — for backup or for moving to another WooCommerce shop. A second run creates nothing twice.

Easy to maintain, reliable in operation

  • Assign or copy a drawing

    Assign when two models should stay identical for good; copy when they will drift apart. A copy shares the image and duplicates only the hotspots — it takes no extra space in the media library.

  • Replace an item everywhere

    A part number is discontinued. Enter old and new, review where it is used, leave out individual drawings — and every affected hotspot is rewritten in one run. Optionally, the new item is only added alongside.

  • Move and copy in bulk

    Tick categories and attach them elsewhere in the structure — or copy them into the next model. Drafts stay drafts: a copy should not appear in the shop unasked.

  • Find what is missing

    The dashboard counts hotspots without an item and drawings without an image, and every number leads to the list it describes.

  • Matches in the shop search too

    Typing a part number or name into the shop's search box shows the matching places in the parts catalog at the top. With Astra they appear while typing; for any other header there is a search field of its own by shortcode.

  • Drawings on category pages

    A drawing can also appear on the matching WooCommerce category page, above or below the products. It is assigned right in the editor.

  • Help built into the plugin

    A menu item of its own, “Help”, guides through the setup in seven steps and helps when something goes wrong. Support is one email away, with the system details already included.

  • The catalog stays in WordPress

    Everything lives in dedicated tables of the WordPress database — not with us. After uninstalling, the data stays where it is unless deletion has been explicitly switched on.

PDF parser

  1. 1

    Frame

    Open the manufacturer catalog as a PDF and mark the drawing and parts list of each assembly with a frame.

  2. 2

    Read

    Position numbers and SKUs are read and matched to the products, by SKU, GTIN or OEM number. Parts lists spanning several pages are merged.

  3. 3

    Import

    The assembly is created at the chosen place in the catalog, with its drawing and hotspots in place. The PDF never leaves the computer it is opened on.

XML import

  1. 1

    Upload

    Upload the manufacturer's catalog as a ZIP, one XML file per model plus images. It is read in the browser. Supported manufacturer formats on request.

  2. 2

    Match items

    The SKUs are looked up in the shop. Missing items can be created in WooCommerce by the import.

  3. 3

    Build the catalog

    Manufacturers, models and assemblies are created in one run, with drawings and hotspots in place. A second run updates instead of duplicating.

Techparts → Settings

71 settings, and not one line of code

How drawing and catalog look is decided on a settings page of its own — view, colors, shape and size of the hotspots, what the parts list shows, which view the drawing opens with. Nothing is written into the theme files.

The drawing: 28 settings in the free version, 25 more with PRO

Everything the customer sees on the drawing: view, hotspots, product card, parts list, sheet tabs, full screen, type and button. Applies equally on the product page and in the catalog.

The parts catalog: 18 more settings with PRO

The way to the drawing: columns, spacing and colors of the tiles, the catalog search, matches in the site search and the placement on product category pages.

The catalog can look different on each page

In the parts catalog, 15 settings can be overridden per block or shortcode, for example [techparts_catalog columns="3"]. So the catalog can look different on a landing page than on the catalog page, without touching the setting for the whole shop.

The drawing can overrule the settings

With PRO, shape, color and size of the hotspots can be set per drawing and even per hotspot, and then beat the shop setting. A tightly labeled sheet needs smaller hotspots than a sparse one — deciding that once for the whole shop would be wrong on every second drawing.

Leave the field empty and the level above applies. That is the default.

Where the data lives

Everything stays in WordPress — no third-party server and no connection to us.

  • In WordPress, not with us

    Drawings, hotspots and catalog live in dedicated tables of the WordPress database. We store nothing — there is no server of ours that the plugin talks to.

  • No outside connections

    The plugin calls no external address, neither in the shop nor in the admin. Even the PRO and MAX license is checked by signature, without contacting us.

  • Techparts runs on its own

    Because everything lives in WordPress, Techparts needs no connection to us to sell parts in the shop. If a license expires, nothing is deleted, and the drawings on the products stay visible.

  • English and German, included

    Admin and shop speak English and German; the translation ships with the plugin. Compatible with the new WooCommerce order tables (HPOS) and the block cart.

Plans

FREE is free, with no time limit. PRO and MAX come as an annual or monthly license, also as a 5-shop license. If a license expires, nothing is deleted — a valid key brings everything back.

Techparts FREE

The product route, complete

Free

no time limit

  • Any number of products with drawings
  • Hotspots with item, quantity and variants
  • Parts list with search, four views
  • Zoom, full screen, built for the phone
  • Cart straight from the drawing
  • Product tab, block and shortcode
  • Backup and restore as CSV
  • No parts catalog
  • No PDF or XML import
See the live demo

Techparts PRO

The full drawing and the catalog

€199 / year

or €19.90 / month · excl. VAT

  • Everything in FREE
  • Several sheets per product, several items per hotspot
  • Video and link on the hotspot, 32 shapes, 25 more appearance settings
  • Parts catalog of any depth, with an address of its own per level
  • Search by name, SKU, OEM or position number
  • Catalog matches in the site search
  • Drawings on product category pages
  • Replace items across all drawings
  • Move, copy and activate in bulk
Request a license

Techparts MAX

Manufacturer catalogs, read in

€299 / year

or €29.90 / month · excl. VAT

  • Everything in PRO
  • PDF parser for manufacturer catalogs
  • XML import for manufacturer ZIPs
  • Position numbers read, not guessed
  • Parts lists across several pages
  • Backup and migration: the catalog as a file, into any WooCommerce shop
Request a license

5-shop license

One license for five shops, for instance for several brands or countries.

Techparts PRO €499 / year or €49.90 / month
Techparts MAX €749 / year or €74.90 / month
Request a license

All prices net, plus VAT. FREE has no limit on products, drawings or hotspots.

Questions that come up

Does it work with my theme?

Yes. The drawing appears as a tab on the product page, and every WooCommerce theme supports that tab. Where a page template has no tabs, as with some Elementor or Divi templates, a block or shortcode puts it exactly where it should go.

Tested with Storefront, Astra, Kadence, Blocksy, GeneratePress, Twenty Twenty-Five, Elementor, Elementor Pro and Divi. No theme files are written — so switching themes leaves nothing behind to clean up.

Can I place the drawing and the catalog anywhere?

Yes, as a block in the block editor or by shortcode in any other editor. [techparts_drawing slug="front-wheel"] shows a specific drawing, [techparts_drawing product="my-product"] the drawings of a product.

Without attributes, [techparts_drawing] shows the drawing of the product it sits on. That is the way for custom product templates in Elementor or Divi.

The parts catalog goes onto any page with [techparts_catalog]. How it can look different there is covered in the settings above.

For the page header there is a search field: [techparts_search] searches the products and shows the parts catalog matches above them — even where the theme's search cannot, for example in the Elementor header.

How long does importing a manufacturer catalog take?

That depends on how many items have to be created. Measured on a real manufacturer catalog: 460 items in four and a half minutes, then 36 assemblies in just over a minute — 621 of 621 hotspots linked to their item.

The run works in rounds with a progress bar. What has been created stays; a second run creates nothing twice.

What if the PDF parser does not read my catalogs cleanly?

Manufacturer catalogs are built very differently. If the PDF parser does not read a drawing or parts list cleanly, an email to wp@techparts.de with a sample page is all it takes — we will then create a matching template.

My manufacturer supplies a different XML format. Will that work too?

An email to wp@techparts.de with a sample file is all it takes — where possible, we will then create a matching import template.

My drawings are prepared externally. Can I use them?

Yes. Drawing and parts list are still framed in the PDF — the frame says which section the image shows — and the finished image goes alongside. The hotspots then come from the text layer of the PDF and are read rather than recognized.

“Download this section” hands over exactly the sheet the parser would otherwise have used, so image and frame cannot drift apart.

What happens when a license expires?

Nothing is deleted. Drawings on products keep working. Parts catalog, catalog search, imports and backup and migration pause; the drawings show round hotspots, only the main item and no video or link buttons.

A valid key brings everything back, exactly as it was.

Can the same drawing hang in several places?

Yes, and for model years that barely differ it is the normal case. In the category via “Assign diagrams”, on the product via “Attach to another product” — then all of them point to the same drawing, and a correction applies everywhere at once.

Copying is the other way: the copy has its own hotspots and can be changed without touching the original.

Can the catalog be moved to another shop, say from a test shop to the live shop?

Yes, with MAX. “Backup and migration” saves one branch or the whole parts catalog as a file, optionally with products and images as a ZIP. In the target shop, the file is imported again at a chosen place.

That way the catalog can be built calmly in a test shop and then moved to the live shop — or to a completely different WooCommerce shop. A second run creates nothing twice.

Is an account needed?

No. FREE is installed and runs. PRO and MAX add a license key — no account, no connection to us.

Look, click, add to cart

The live demo is a real WooCommerce shop with products with drawings and a parts catalog. Open a drawing, point at a hotspot, add the part to the cart — exactly as it will look in the shop.

Live demo