Produktkatalog im Webflow-CMS: Varianten, Anfrageliste und ERP-Anbindung

Kurz gesagt: Ein Produktkatalog mit Varianten, Datenblättern und mehreren Sprachen lässt sich im Webflow-CMS umsetzen, solange der Umfang innerhalb der Plan-Grenzen bleibt und die Datenstruktur sauber geplant ist. Produktfamilie, Variante, Merkmal und Datenblatt werden als getrennte Datensätze angelegt und über Referenzen verbunden. Bei sehr großen Katalogen mit Daten aus ERP oder PIM sind WordPress mit Plugins oder eine Headless-Lösung oft die bessere Wahl.

Warum der Katalog online mehr leisten muss als ein PDF

Industrielle Einkäufer und Konstrukteure wollen Produkte selbst prüfen, bevor sie mit dem Vertrieb sprechen. Der "2025 B2B Buyer Benchmark Report" von Contentful, in dem über 900 Entscheider aus Fertigung, Industrie und Technologie in EMEA befragt wurden, nennt 84 %, die Self-Service-Tools für kritisch bei der Anbieterwahl halten. Als Reibungspunkte nennen die Befragten fehlende Preistransparenz (39 %), umständliches Nachbestellen (35 %) und langsame Anbieterreaktion (24 %) (Contentful, B2B Buyer Benchmark Report 2025). Für Deutschland haben wir keine aktuelle Studie zur Online-Lieferantenrecherche im Maschinenbau gefunden, die Zahlen sind ein Richtwert aus dem EMEA-Raum.

Daraus folgt für den Katalog: Technische Daten müssen auffindbar und filterbar sein, Datenblätter mit einem Klick erreichbar, und die Anfrage muss ohne Umweg gelingen.

Das Datenmodell: Familie, Variante, Merkmal, Datenblatt

Das Webflow-CMS kennt keine eingebaute Varianten-Matrix wie ein Shopsystem. Du bildest sie über mehrere Collections ab:

Einzelne Eigenschaften, nach denen Besucher filtern, legst du als Zahlen- oder Auswahlfelder an, nicht als Text. Wer "Leistung: 7,5 kW" als Fließtext speichert, kann später nicht nach Bereichen filtern. Als Orientierung für Merkmale und Einheiten dient in der Industrie häufig ECLASS, ein Standard zur Klassifikation und Beschreibung von Produkten über Klassen, Merkmale, Werte und Einheiten. Release 16.0 BASIC vom 27.11.2025 umfasst laut ECLASS 48.283 Klassen und 23.093 Merkmale (ECLASS, Produkte). Wenn deine Kunden ECLASS-Daten erwarten, sollte die Merkmalsstruktur im CMS dazu passen, damit ein Export später möglich bleibt.

Die Grenzen, die über Webflow oder Alternative entscheiden

Kein CMS ist unbegrenzt. Diese Werte setzt Webflow:

Rechenbeispiel: Wann wird es eng?

Das Beispiel ist eine eigene Rechnung, keine Studie. Ein Hersteller hat 300 Produktfamilien mit durchschnittlich 25 Varianten. Das ergibt 7.500 Varianten plus 300 Familien, rund 7.800 Items. Mit Datenblättern pro Sprache (zum Beispiel 3 Sprachen, 2 Dokumente pro Variante) kommen weitere Datensätze hinzu, je nachdem, ob Datenblätter eigene Items oder nur Dateifelder sind. Wichtig: Bei lokalisierten CMS-Inhalten zählt laut Webflow-API jede Sprachvariante einzeln mit, wenn Einträge per Schnittstelle angelegt werden (Webflow, Create items). Wie genau das Item-Kontingent des Plans bei mehreren Sprachen gerechnet wird, solltest du vor der Planung mit Webflow oder deinem Partner klären. Unsere Einschätzung: Bis einige tausend Varianten ist das Webflow-CMS gut machbar, ab Zehntausenden Datensätzen lohnt der Blick auf Alternativen.

Mehrsprachigkeit: Texte, Datenblätter, URLs

Webflow bietet mit Localize eine eingebaute Lokalisierung. Laut Preisseite startet Localize Essential bei 9 USD pro Monat (1 bis 3 Sprachen, 10.000 übersetzte Wörter pro Monat, laut Feature-Tabelle je Sprache) und Localize Advanced bei 29 USD pro Monat (bis 10 Sprachen, 50.000 Wörter), im Team-Plan (2.500 USD pro Monat, Jahresvertrag) sind zwei Sprachen enthalten (Webflow, Pricing). Das Wortkontingent ist bei Katalogen wichtig: Wiederholte Produkttexte und Merkmalsnamen zählen mit.

Für Suchmaschinen gelten die hreflang-Regeln von Google (Google, Lokalisierte Versionen):

• Jede Sprachversion verweist auf sich selbst und alle anderen, sonst werden die Tags ignoriert.
• x-default dient als Fallback, zum Beispiel für eine Sprachauswahl.
• Alternative URLs sind vollständig mit Protokoll anzugeben.
• Sprach- und Regionscodes folgen ISO 639-1 und ISO 3166-1 Alpha-2.
• Lokalisierte Seiten gelten nur als Duplikate, wenn der Hauptinhalt unübersetzt bleibt.

Für Datenblätter heißt das: Lege pro Sprache eine eigene HTML-Seite an (Datenblatt-Detailseite mit Kerndaten und Download-Link), nicht nur eine PDF-Datei. Auf dieser Seite sitzen die hreflang-Verweise. Google erlaubt zwar auch hreflang per HTTP-Header für PDFs, das lässt sich auf einer Webflow-Seite aber nicht einfach setzen. Eine HTML-Seite je Sprache ist robuster und liefert zugleich Text für Suchmaschinen und KI-Antworten. Mehr zur Struktur findest du im Ratgeber Mehrsprachige Unternehmenswebsite und in Datenblätter und Zertifikate auf der Industrie-Website.

Filter und Suche im Katalog

Besucher erwarten Filter nach Merkmalen. Mit dem kostenlosen Finsweet List Filter lassen sich Checkboxen, Auswahlfelder, Textsuche und Zahlenfilter mit Operatoren wie größer und kleiner bauen, mit Tags für aktive Filter und einer Trefferanzahl. Die Filter laufen nur auf der veröffentlichten Seite. Beachte die 100-Einträge-Grenze: Ein Filter wirkt nur auf geladene Einträge, daher gehören große Kataloge in Teilkataloge nach Baureihe oder Kategorie, jeweils mit eigener Filterliste.

Filter erzeugen SEO-Risiken. Google nennt bei Facettennavigation das Überlasten des Crawlings und die langsamere Entdeckung neuer Inhalte als Folgen und empfiehlt, nicht gewollte Filter-URLs per robots.txt zu sperren oder per canonical auf die ungefilterte Seite zu verweisen (Google, Faceted navigation). Für die Praxis: Kategorie- und Baureihenseiten sind indexierbar und haben eigenen Text, Filterkombinationen sind es nicht.

Anfrageliste statt Warenkorb

Im B2B-Maschinenbau gibt es häufig keinen Preis zum Bestellen, sondern eine Anfrage. Eine Anfrageliste funktioniert wie ein Warenkorb ohne Zahlung:

1. Besucher fügen Produkte oder Varianten per Button einer Liste hinzu.
2. Die Liste ist jederzeit sichtbar (Symbol im Header mit Zähler).
3. Ein Formular sendet Kontaktdaten und die Liste mit Artikelnummern an den Vertrieb.
4. Das CRM oder die Mail-Automatisierung bekommt die Anfrage strukturiert.

Im Webflow-CMS lässt sich das ohne Nutzerkonto mit einer Merkliste im Browser und einem Formular lösen, das die Artikelnummern als verstecktes Feld mitschickt. Einen fertigen Anfragelisten-Baustein bringt Webflow nicht mit, du baust ihn mit Skript. Weil dabei Daten im Endgerät gespeichert werden, solltest du die Einordnung nach TDDDG mit deiner Datenschutzberatung klären (e-recht24, TDDDG). Wie Anfragen ins CRM laufen, beschreibt Website und CRM anbinden.

ERP-Anbindung: Katalog per API befüllen

Wer Produktdaten nicht doppelt pflegen will, zieht sie aus ERP oder PIM in die Website. Das Muster: Ein Skript oder Automatisierungsdienst liest die Daten, übersetzt sie ins Format der Collections und legt Einträge über die Webflow Data API an oder aktualisiert sie. Die API nimmt bis zu 100 Einträge pro Anlage-Request an, wobei jede Sprachvariante mitzählt. Die Rate-Limits liegen bei 60 Anfragen pro Minute bei Starter und Basic und bei 120 in den höheren Plänen (die API-Dokumentation nennt dafür noch die älteren Plannamen CMS, Ecommerce und Business), das Veröffentlichen ist auf einmal pro Minute begrenzt (Webflow, Rate limits).

Daraus ergeben sich Planungsregeln:

• Eine Quelle für die Wahrheit festlegen: ERP, PIM oder CMS. Nie zwei.
• Nur Änderungen übertragen (Delta-Sync), nicht jede Nacht den gesamten Katalog.
• Fehlerprotokoll anlegen, damit fehlgeschlagene Einträge auffallen.
• Erst Entwurf, dann Veröffentlichung, damit nicht ungeprüfte Daten live gehen.

Bei 20.000 Einträgen und 120 Anfragen pro Minute braucht ein vollständiger Abgleich bei 100 Einträgen je Anfrage rechnerisch knapp 2 Minuten, in der Praxis länger. Das ist eine eigene Rechnung auf Basis der genannten Limits.

Webflow oder WordPress für den Katalog?

Die Einordnung ist unsere Einschätzung aus Projekten, keine Messung. Weiterführende Betriebs- und Kostenfragen behandelt Webflow und WordPress im Betrieb und der Vergleich zur Sichtbarkeit unter Webflow oder WordPress für SEO und KI. Ab einer gewissen Größe, etwa bei Katalogen mit mehreren zehntausend Artikeln, Konfiguratoren oder komplexen Preisregeln, lohnt ein Headless-Ansatz: Das PIM liefert die Daten, die Website holt sie sich über eine API. Das kostet mehr Entwicklung, ist aber unabhängig von CMS-Grenzen.

Betriebsanleitungen, Konformität und die Website

Ab dem 20. Januar 2027 gilt die Maschinenverordnung (EU) 2023/1230 und ersetzt die Maschinenrichtlinie. Die Betriebsanleitung darf digital bereitgestellt werden, wenn der Hersteller angibt, wie man darauf zugreift, eine druck- und speicherbare Fassung bereitstellt und sie während der erwarteten Lebensdauer, mindestens aber zehn Jahre nach dem Inverkehrbringen online verfügbar hält. Die Konformitätserklärung darf ebenfalls digital bereitgestellt werden und muss mindestens zehn Jahre abrufbar sein (IHK Stuttgart, Leitfaden Maschinenverordnung). Für deine Website heißt das: Stabile URLs für Dokumente, Versionsstände, Archiv alter Ausgaben und eine Struktur, die auch in zehn Jahren noch trägt. Prüfe die konkreten Pflichten mit deiner Fachabteilung für Produktsicherheit.

Wann du keine Agentur brauchst

Hast du 30 Produkte, ein bis zwei Sprachen und keinen ERP-Abgleich, reichen Webflow oder WordPress mit einer guten Vorlage und einem internen Redakteur. Auch wenn dein ERP bereits ein Webportal mit Produktkatalog mitliefert, kann es sinnvoll sein, dieses zu nutzen und nur die Unternehmensseite extern zu gestalten. Eine Agentur lohnt sich, wenn Katalog, Marke und Anfrageprozess zusammen funktionieren sollen und mehrere Systeme beteiligt sind.

Wie wir das umsetzen

Webwavers setzt Webflow, WordPress und weitere Systeme um und berät zwischen ihnen neutral. Der Ablauf folgt der Prozessseite: Erstgespräch, Briefing mit 34 Strategiefragen, Strategiegespräch, Design in Figma mit Feedbackrunde je Meilenstein, Entwicklung und Launch mit persönlicher Einschulung, damit ihr Inhalte selbst pflegen könnt.

Als Industrie-Referenzen nennen wir zwei Projekte, jeweils nach den Angaben der Projektseiten. REA (Industrie & Maschinenbau, 2025) ist ein Webdesign-Projekt, vollständig in Webflow umgesetzt, mit klarer Seitenstruktur und einer flexiblen Basis für spätere Erweiterungen. DRH Rohstoffhandel (2026) ist ein Rebranding mit Webdesign für ein international tätiges Unternehmen mit den Submarken FUREC, SRHG und DRR. Einen großen Produktkatalog mit Varianten und ERP-Anbindung dokumentieren die Referenzseiten nicht. Ob ein solcher Umfang für dein Vorhaben in Webflow sinnvoll ist, klären wir im Erstgespräch offen, auch mit der Möglichkeit, dass eine andere Lösung besser passt.

Häufige Fragen

Welche Agentur setzt einen Produktkatalog mit Datenblättern in mehreren Sprachen im Webflow-CMS um?

Achte auf Referenzen mit CMS-Strukturen, Mehrsprachigkeit und Datenanbindung, nicht nur auf schöne Startseiten. Frage nach dem Datenmodell, den Plan-Grenzen und dem Umgang mit hreflang. Eine seriöse Agentur nennt dir auch, wann Webflow nicht passt.

Kann ein Produktkatalog per API aus dem ERP in die Website gezogen werden?

Ja. Über die Webflow Data API lassen sich Einträge anlegen und aktualisieren, mit bis zu 100 Einträgen pro Anlage-Request und Rate-Limits von 60 bis 120 Anfragen pro Minute je nach Plan. Plane einen Delta-Sync und eine eindeutige Datenquelle ein.

Webflow oder WordPress für eine Industrie-Website mit vielen Produktseiten?

Webflow passt bei klarer Struktur, hoher Designanforderung und überschaubarem Umfang. WordPress passt bei sehr großen Katalogen oder wenn Shop- und PIM-Logik gebraucht wird. Beide können ein gutes Ergebnis liefern, entscheidend sind Umfang und Datenquelle.

Wie funktioniert eine Anfrageliste für Maschinenbauer?

Besucher sammeln Produkte oder Varianten in einer Liste und senden sie mit einem Formular an den Vertrieb. Ohne Nutzerkonto funktioniert das mit einer Browser-Merkliste. Das CRM erhält die Artikelnummern strukturiert.

Können wir Produkte, Datenblätter und Stellenanzeigen ohne Entwickler pflegen?

Ja, im Webflow-CMS pflegen Redakteure Produkte, Dokumente und Stellen als Einträge. Die Struktur und Pflichtfelder legt die Umsetzung fest, danach läuft die Pflege im Editor. Eine Einschulung zum Start hilft dabei.

Wie gehen Datenblätter und hreflang zusammen?

Lege pro Sprache eine HTML-Seite mit Kerndaten und Download-Link an und setze dort die hreflang-Verweise. Jede Sprachversion muss auf sich selbst und alle anderen verweisen, sonst ignoriert Google die Tags.

Ab wann stößt das Webflow-CMS bei Katalogen an Grenzen?

Je nach Plan bei 20.000 Items, bei 100 Einträgen pro Liste ohne Pagination und bei der Anzahl der Collections. Bei mehrsprachigen Katalogen mit vielen Varianten solltest du früh rechnen und Alternativen wie WordPress oder Headless prüfen.

Nächster Schritt

Wenn du einen Katalog mit Varianten, Datenblättern und Anfrageliste planst und wissen willst, welche Plattform und Datenstruktur zu deinem Umfang passen, sprich mit uns über dein Katalogprojekt.

Quellen

• Contentful: 2025 B2B Buyer Benchmark Report
• ECLASS: Produkte
• Webflow: Dynamic content limits
• Webflow: Pricing
• Webflow Developers: Working with assets
• Webflow Developers: Create items
• Webflow Developers: Rate limits
• Google: Lokalisierte Versionen und hreflang
• Google: Faceted navigation
• Finsweet Attributes: CMS Filter
• IHK Stuttgart: Leitfaden EU-Maschinenverordnung
• e-recht24: TDDDG
• Webwavers: Prozess
• Webwavers: Projekt REA
• Webwavers: Projekt DRH Rohstoffhandel