Explosionszeichnungen mit Hotspots und Teilelisten für WooCommerce
Integration von Explosionszeichnungen in Ihren WooCommerce-Shop mit Verkaufsfunktion über Artikel-Hotspots. Zeigen Sie Zeichnungen direkt an Ihren Produkten – oder bauen Sie einen kompletten Ersatzteilkatalog auf.
Die strukturierte Darstellung von Ersatzteilen, Stücklisten und Baugruppen ist eine zentrale Herausforderung im technischen E‑Commerce. Vor allem bei komplexen Produkten wie Maschinen, Motoren, Getrieben, Landmaschinen, Reinigungsgeräten oder Haushaltsgeräten reichen die klassischen Produktlisten von WooCommerce oft nicht aus.
Techparts für WooCommerce bildet Ersatzteile, Baugruppen, Explosionszeichnungen und Stücklisten übersichtlich und nachvollziehbar direkt im Shop ab, mit anklickbaren Hotspots, die direkt in den Warenkorb führen. So finden Kunden schneller das richtige Teil, Fehlbestellungen werden seltener, und der Support wird entlastet.
Schneller das richtige Teil
Weniger Fehlbestellungen
Entlasteter Support
Vom Suchen zum Kaufen
Wer sein Teil sofort findet, kauft es auch
Die Zeichnung bleibt, was sie ist. Die Hotspots darauf werden zu Produkten — und aus Suchen wird Kaufen.
?
1Suchen
Ein Ersatzteil hat selten einen Namen, nach dem jemand sucht — Treffer sehen alle gleich aus.
123456789104919312
2Finden
Auf der Explosionszeichnung zeigt der Kunde einfach auf das Teil, das er braucht.
7
3Hotspot-Klick
Ein Klick auf den Hotspot zeigt Bild, Preis und Bestand des Teils.
1
4Warenkorb
Menge wählen, in den Warenkorb legen — direkt von der Zeichnung aus.
Für welche Unternehmen ist Techparts für WooCommerce geeignet?
Für alle, die Ersatzteile, Serviceteile, Zubehör oder technische Baugruppen online verkaufen — überall dort, wo eine Explosionszeichnung schneller zum richtigen Teil führt als jede Artikelliste.
Welcher passt, hängt an einer Frage: Wird ein Teil für sich verkauft, oder gehört es zu einer Baugruppe und passt in mehrere? Den Weg über Produkte gibt es schon in der kostenlosen Version.
Beide Wege lassen sich kombinieren: Eine Zeichnung, die schon an einem Produkt hängt, kann zusätzlich im Katalog erscheinen, ohne sie neu anzulegen.
Der Katalog
Kategorien in beliebiger Tiefe
Ein Auswahlfeld je Ebene führt zur Baugruppe mit Zeichnung und Teileliste. Jede Ebene hat eine eigene Adresse, die sich verlinken und weitergeben lässt.
Beliebig tief, jede Ebene ohne Programmierung ergänzt
Eine Zeichnung für mehrere Modelle, oder kopiert und eigenständig gepflegt
Baugruppen gebündelt verschieben, kopieren, aktivieren und löschen
Entwürfe bleiben im Shop unsichtbar, bis sie aktiv sind
12345678910491931212345
Der Weg über Produkte
Die Zeichnung hängt am Produkt
Die Zeichnung kommt an ein vorhandenes WooCommerce-Produkt und erscheint dort als eigener Reiter, als Block oder per Shortcode. Schon in der kostenlosen Version, für beliebig viele Produkte.
Bild aus der Mediathek oder neu hochladen, auch als SVG
Hotspots per Doppelklick setzen und mit der Maus verschieben
Ein Artikel je Hotspot mit Stückzahl — mit PRO mehrere, mit Alternativen
Preis und Bestand kommen aus WooCommerce, nichts wird doppelt gepflegt
4 Zeichnungen an einem Produkt
VorderseiteRückseiteHydraulikElektrik1234
Mehrere Blätter · PRO
Ein Produkt, mehrere Zeichnungen
Vorderseite, Rückseite, Hydraulik, Elektrik: Jede Ansicht wird ein eigenes Blatt am selben Produkt, statt alles auf eine überfüllte Zeichnung zu zwängen.
Jede Ansicht ein eigener Reiter mit eigenen Hotspots
Ein Klick wechselt Zeichnung und Teileliste, die Seite bleibt stehen
Die Zeichnung erscheint als Reiter auf der Produktseite, als Block oder per Shortcode — im vorhandenen Theme, ohne eine Zeile Code und ohne einen Server von uns dazwischen.
Nummerierte Hotspots auf der Zeichnung
Jeder Hotspot sitzt dort, wo das Teil sitzt. Er wächst mit seiner Beschriftung — eine Herstellernummer wie 49193 passt genauso hinein wie eine 7. Mit PRO stehen 32 Formen zur Wahl, darunter Video-, Info- und Link-Punkt und die Stecknadel „Location“.
Zoomen, verschieben, Vollbild
Mit zwei Fingern am Telefon, mit dem Rad am Schreibtisch, im Vollbild auf beidem. Doppeltippen zoomt heran, und gescannte Blätter bleiben bis zum kleinsten Sicherungsring lesbar.
Warenkorb direkt von der Zeichnung
Beim Zeigen auf einen Hotspot geht eine Karte mit Bild, Name, Preis, Bestand und Mengenwähler auf. Ein Klick, und das Teil liegt im Warenkorb — der Mini-Warenkorb des Themes zieht sofort nach, auch hinter einem Seitencache.
OEM-Nummern, wo sie hingehören
Die Herstellernummer kommt vom Hotspot, aus dem GTIN-Feld von WooCommerce, aus der Artikelnummer oder aus einem eigenen Produktfeld — entschieden wird einmal, für den ganzen Shop. Gesucht wird nach der Nummer, die auf dem alten Teil steht.
Video und Link am Hotspot · PRO
Ein Hotspot kann ein Video tragen — YouTube, Vimeo oder eine MP4-Datei — und einen Link, etwa zur Einbauanleitung. Das Video öffnet als Fenster über der Zeichnung, der Kunde bleibt in seiner Baugruppe. YouTube lädt erst beim Klick und ohne Werbe-Cookies.
Vier Ansichten, umschaltbar im Shop
Geteilt, Liste darunter, Zeichnung breit oder nur die Liste. Am Telefon ist die reine Liste das, was jemand wirklich will, der sein Teil schon kennt.
Mehrere Blätter, oben umschaltbar · PRO
Trägt ein Produkt mehr als eine Zeichnung, steht über der Zeichnung eine Reiterleiste. Ein Klick wechselt Zeichnung und Teileliste zusammen — ohne die Seite neu zu laden. Am Telefon wird daraus ein Auswahlfeld, damit zwölf Blätter die Zeichnung nicht vom Bildschirm schieben.
Fürs Telefon gebaut, nicht nur angepasst
Nachgeschlagen wird an der Maschine, nicht am Schreibtisch. Ein Finger verschiebt, zwei zoomen — und die Seite darunter scrollt weiter, wenn sie soll. Geprüft mit 45 Touch-Tests und auf einem echten iPhone.
Die Ansicht ist im Shop umschaltbar — womit die Zeichnung aufmacht, ist einstellbar
Katalog verwalten
Manuelle Anlage oder Importieren
Manuelle Anlage
Wenige Zeichnungen brauchen keinen Importlauf: Bild hochladen, Hotspots per Doppelklick setzen, Artikel zuordnen. Die Produkte selbst kommen wie gewohnt in WooCommerce — von Hand oder über dessen eigenen CSV-Import.
PDF-Parser
Herstellerkatalog öffnen, Zeichnung umrahmen, Stückliste umrahmen. Der Parser liest Positions- und Artikelnummern, ordnet sie den Produkten zu und legt die Baugruppe an. Stücklisten über mehrere Seiten werden zusammengeführt — und die PDF verlässt dabei nie den eigenen Rechner.
XML-Import
Aus dem Katalog-ZIP eines Herstellers werden Artikel, Kategorien und Baugruppen in einem Lauf; fehlende Artikel legt er auf Wunsch in WooCommerce an. Gemessen: 460 Artikel und 36 Baugruppen, 621 von 621 Hotspots zugeordnet.
Sicherung als CSV
Alle Zeichnungen, Hotspots und Artikelzuordnungen in einer CSV — zum Sichern, zum Bearbeiten in der Tabellenkalkulation und zum Einlesen in einen anderen Shop. Artikel werden über die Artikelnummer gefunden, nicht über interne Nummern.
Sicherung & Umzug
Ein Ast oder der ganze Teilekatalog als Datei, mit Bildern als ZIP — zum Sichern oder für den Umzug in einen anderen WooCommerce-Shop. Ein zweiter Lauf legt nichts doppelt an.
PDFXMLCSV123456789104919312
Einfach zu pflegen, zuverlässig im Betrieb
Zeichnung zuordnen oder kopieren
Zuordnen, wenn zwei Modelle für immer gleich bleiben sollen; kopieren, wenn sie sich auseinanderentwickeln. Eine Kopie teilt das Bild und verdoppelt nur die Hotspots — sie kostet keinen zusätzlichen Platz in der Mediathek.
Artikel überall ersetzen
Eine Teilenummer läuft aus. Alt und neu eintragen, die Fundstellen ansehen, einzelne Zeichnungen ausnehmen — und jeder betroffene Hotspot wird in einem Lauf umgeschrieben. Auf Wunsch kommt der neue Artikel nur dazu.
Gebündelt verschieben und kopieren
Kategorien ankreuzen und an eine andere Stelle der Struktur hängen — oder ins nächste Modell kopieren. Entwürfe bleiben Entwürfe: Eine Kopie soll nicht ungefragt im Shop stehen.
Finden, was fehlt
Das Dashboard zählt Hotspots ohne Artikel und Zeichnungen ohne Bild, und jede Zahl führt in die Liste, die sie beschreibt.
Treffer auch in der Shopsuche
Wer im Suchfeld des Shops eine Teilenummer oder Bezeichnung eingibt, sieht oben die passenden Stellen im Teilekatalog. Mit Astra erscheinen sie schon beim Tippen; für jeden anderen Kopf gibt es ein eigenes Suchfeld per Shortcode.
Zeichnungen auf Kategorieseiten
Eine Zeichnung erscheint auf Wunsch auch auf der passenden WooCommerce-Kategorieseite, über oder unter den Produkten. Zugeordnet wird direkt im Editor.
Hilfe direkt im Plugin
Ein eigener Menüpunkt „Hilfe“ führt in sieben Schritten durch die Einrichtung und hilft bei Störungen. Der Support ist eine E-Mail entfernt, die Systemangaben sind gleich dabei.
Der Katalog bleibt im eigenen WordPress
Alles liegt in eigenen Tabellen der WordPress-Datenbank — nicht bei uns. Nach einer Deinstallation bleiben die Daten, wo sie sind, solange nicht ausdrücklich das Löschen eingeschaltet ist.
123456789
PDF-Parser
1
Umrahmen
Den Herstellerkatalog als PDF öffnen und je Baugruppe Zeichnung und Stückliste mit einem Rahmen markieren.
2
Auslesen
Positions- und Artikelnummern werden gelesen und den Produkten zugeordnet, über Artikelnummer, GTIN oder OEM-Nummer. Stücklisten über mehrere Seiten werden zusammengeführt.
3
Übernehmen
Die Baugruppe entsteht an der gewählten Stelle im Katalog, mit Zeichnung und gesetzten Hotspots. Die PDF verlässt dabei nie den eigenen Rechner.
ZIPXMLXMLXML123456789104919312
XML-Import
1
Hochladen
Den Katalog des Herstellers als ZIP hochladen, je Modell eine XML-Datei samt Bildern. Gelesen wird im Browser. Unterstützte Herstellerformate auf Anfrage.
2
Artikel abgleichen
Die Artikelnummern werden im Shop gesucht. Fehlende Artikel legt der Import auf Wunsch in WooCommerce an.
3
Katalog anlegen
Hersteller, Modelle und Baugruppen entstehen in einem Lauf, mit Zeichnungen und gesetzten Hotspots. Ein zweiter Lauf aktualisiert, statt doppelt anzulegen.
Techparts → Einstellungen
71 Einstellungen, und keine Zeile Code
Wie Zeichnung und Katalog aussehen, wird auf einer eigenen Einstellungsseite entschieden — Ansicht, Farben, Form und Größe der Hotspots, was die Teileliste zeigt, womit die Zeichnung aufmacht. In die Theme-Dateien wird nichts geschrieben.
Die Zeichnung: 28 Einstellungen in der kostenlosen Version, 25 weitere mit PRO
Alles, was der Kunde an der Zeichnung sieht: Ansicht, Hotspots, Produktkarte, Teileliste, Blattreiter, Vollbild, Schrift und Knopf. Gilt auf der Produktseite und im Katalog gleichermaßen.
Der Teilekatalog: 18 weitere Einstellungen mit PRO
Der Weg zur Zeichnung: Spalten, Abstände und Farben der Kacheln, die Katalogsuche, Treffer in der Suche der Website und der Platz auf Produktkategorieseiten.
Der Katalog darf je Seite anders aussehen
Beim Teilekatalog lassen sich 15 Einstellungen je Block oder Shortcode übersteuern, etwa [techparts_catalog columns="3"]. So sieht der Katalog auf einer Landingpage anders aus als auf der Katalogseite, ohne die Einstellung für den ganzen Shop anzufassen.
Die Zeichnung darf die Einstellung überstimmen
Mit PRO lassen sich Form, Farbe und Größe der Hotspots je Zeichnung und sogar je Hotspot setzen und schlagen dann die Einstellung des Shops. Ein eng beschriftetes Blatt braucht kleinere Hotspots als ein luftiges — das einmal für den ganzen Shop zu entscheiden, wäre bei jeder zweiten Zeichnung falsch.
Bleibt das Feld leer, gilt die Ebene darüber. Das ist die Vorgabe.
Wo die Daten liegen
Alles bleibt im eigenen WordPress — ohne fremden Server und ohne Verbindung zu uns.
Im eigenen WordPress, nicht bei uns
Zeichnungen, Hotspots und Katalog liegen in eigenen Tabellen der WordPress-Datenbank. Wir speichern nichts — es gibt keinen Server von uns, mit dem das Plugin spricht.
Keine Verbindung nach außen
Das Plugin ruft keine fremde Adresse auf, weder im Shop noch in der Verwaltung. Auch die Lizenz für PRO und MAX wird über eine Signatur geprüft, ohne Rückfrage bei uns.
Techparts läuft eigenständig
Weil alles im eigenen WordPress liegt, braucht Techparts keine Verbindung zu uns, damit im Shop Teile verkauft werden. Läuft eine Lizenz ab, wird nichts gelöscht, und die Zeichnungen an den Produkten bleiben sichtbar.
Deutsch und Englisch, mitgeliefert
Verwaltung und Shop sprechen Deutsch und Englisch, die Übersetzung liegt dem Plugin bei. Verträglich mit den neuen Bestelltabellen von WooCommerce (HPOS) und dem Block-Warenkorb.
Tarife
FREE ist kostenlos und ohne Zeitlimit. PRO und MAX gibt es als Jahres- oder Monatslizenz, auch als 5-Shop-Lizenz. Läuft eine Lizenz ab, wird nichts gelöscht — ein gültiger Schlüssel holt alles zurück.
Alle Preise netto zzgl. USt. FREE hat keine Grenze bei Produkten, Zeichnungen oder Hotspots.
Fragen, die aufkommen
Läuft das mit meinem Theme?
Ja. Die Zeichnung erscheint als Reiter auf der Produktseite, und diesen Reiter bedient jedes WooCommerce-Theme. Wo eine Seitenvorlage keine Reiter hat, etwa bei manchen Elementor- oder Divi-Vorlagen, kommt sie per Block oder Shortcode an die gewünschte Stelle.
Geprüft mit Storefront, Astra, Kadence, Blocksy, GeneratePress, Twenty Twenty-Five, Elementor, Elementor Pro und Divi. Es werden keine Theme-Dateien geschrieben — bei einem Themewechsel bleibt also nichts zurück, das aufzuräumen wäre.
Kann ich Zeichnung und Katalog an einer beliebigen Stelle einbauen?
Ja, als Block im Block-Editor oder per Shortcode in jedem anderen Editor. [techparts_drawing slug="vorderrad"] zeigt eine bestimmte Zeichnung, [techparts_drawing product="mein-produkt"] die Zeichnungen eines Produkts.
Ohne Angabe zeigt [techparts_drawing] die Zeichnung des Produkts, auf dem er steht. Das ist der Weg für eigene Produktvorlagen in Elementor oder Divi.
Der Teilekatalog kommt mit [techparts_catalog] auf eine beliebige Seite. Wie er dort eigens aussehen kann, steht oben bei den Einstellungen.
Für den Kopf der Seite gibt es ein Suchfeld: [techparts_search] sucht in den Produkten und zeigt darüber die Treffer aus dem Teilekatalog — auch dort, wo die Suche des Themes das nicht kann, etwa im Elementor-Header.
Wie lange dauert der Import eines Herstellerkatalogs?
Das hängt daran, wie viele Artikel neu angelegt werden müssen. Gemessen an einem echten Herstellerkatalog: 460 Artikel in viereinhalb Minuten, danach 36 Baugruppen in gut einer Minute — 621 von 621 Hotspots mit ihrem Artikel verbunden.
Der Lauf geht in Runden mit Fortschrittsbalken. Was einmal angelegt ist, bleibt; ein zweiter Lauf legt nichts doppelt an.
Was, wenn der PDF-Parser meine Kataloge nicht sauber liest?
Herstellerkataloge sind sehr unterschiedlich aufgebaut. Liest der PDF-Parser Zeichnung oder Stückliste nicht sauber, genügt eine Mail an wp@techparts.de mit einer Beispielseite — wir erstellen dann eine passende Vorlage.
Mein Hersteller liefert ein anderes XML-Format. Geht das auch?
Eine Mail an wp@techparts.de mit einer Beispieldatei genügt — wir erstellen dann nach Möglichkeit eine passende Importvorlage.
Meine Zeichnungen sind extern aufbereitet. Kann ich die verwenden?
Ja. Zeichnung und Stückliste werden in der PDF trotzdem umrahmt — der Rahmen sagt, welchen Ausschnitt das Bild zeigt — und das fertige Bild kommt daneben. Die Hotspots kommen dann aus der Textebene der PDF und werden abgelesen statt erkannt.
„Diesen Ausschnitt herunterladen“ gibt genau das Blatt heraus, das der Parser sonst selbst benutzt hätte; Bild und Rahmen können damit nicht auseinanderlaufen.
Was passiert, wenn eine Lizenz abläuft?
Es wird nichts gelöscht. Zeichnungen an Produkten laufen weiter. Teilekatalog, Katalogsuche, Importe und Sicherung & Umzug pausieren; die Zeichnungen zeigen runde Hotspots, nur den Hauptartikel und keine Video- oder Link-Knöpfe.
Ein gültiger Schlüssel holt alles zurück, genau so, wie es war.
Kann dieselbe Zeichnung an mehreren Stellen hängen?
Ja, und bei Baujahren, die sich kaum unterscheiden, ist das der Normalfall. In der Kategorie über „Zeichnungen zuordnen“, am Produkt über „Einem weiteren Produkt zuordnen“ — dann zeigen alle auf dieselbe Zeichnung, und eine Korrektur wirkt überall auf einmal.
Kopieren ist der andere Weg: Die Kopie hat eigene Hotspots und lässt sich ändern, ohne das Original anzufassen.
Lässt sich der Katalog in einen anderen Shop übernehmen, etwa vom Testshop in den Liveshop?
Ja, mit MAX. „Sicherung & Umzug“ speichert einen Ast oder den ganzen Teilekatalog als Datei, auf Wunsch mit Produkten und Bildern als ZIP. Im Zielshop wird die Datei an einer gewählten Stelle wieder eingelesen.
So lässt sich der Katalog in Ruhe im Testshop aufbauen und dann in den Liveshop übernehmen — oder in einen ganz anderen WooCommerce-Shop umziehen. Ein zweiter Lauf legt nichts doppelt an.
Braucht man dafür ein Konto?
Nein. FREE wird installiert und läuft. Für PRO und MAX kommt ein Lizenzschlüssel dazu — kein Konto, keine Verbindung zu uns.
Ansehen, anklicken, in den Warenkorb legen
Die Live-Demo ist ein echter WooCommerce-Shop mit Produkten mit Zeichnungen und einem Teilekatalog. Eine Zeichnung öffnen, auf einen Hotspot zeigen, das Teil in den Warenkorb legen — genau so sieht es im eigenen Shop aus.