BLESSING
Case Study

WeCLAPP Integration:
Konfigurator → Angebot

Wie wir die WeCLAPP API angebunden haben, damit ein Hersteller seinen Vertrieb automatisieren konnte: Konfiguration, Preiskalkulation, Lead-Erfassung und Angebotserstellung – alles über die WeCLAPP REST API. Vollautomatisch.

React-Konfigurator + WeCLAPP API + Cloudflare Functions. Null manuelle Dateneingabe. Vollautomatisch.

7
Schritte im Konfigurator
3
API-Endpunkte orchestriert
0
Manuelle Eingaben
<5s
Bis zum Angebot
WeCLAPP Integration • WeCLAPP API • Produktkonfigurator • Automatische Angebote • Lead-Erfassung • ERP-Anbindung • WeCLAPP Integration • WeCLAPP API • Produktkonfigurator • Automatische Angebote • Lead-Erfassung • ERP-Anbindung • WeCLAPP Integration • WeCLAPP API • Produktkonfigurator • Automatische Angebote • Lead-Erfassung • ERP-Anbindung • WeCLAPP Integration • WeCLAPP API • Produktkonfigurator • Automatische Angebote • Lead-Erfassung • ERP-Anbindung •
Die Ausgangslage

Interessent konfiguriert. Vertrieb tippt ab.

Ein Hersteller von individualisierbaren Produkten hatte ein klassisches Problem:

Kunden konnten auf der Website Produkte konfigurieren – Maße, Material, Extras. Aber am Ende landete eine E-Mail im Postfach, die ein Vertriebsmitarbeiter manuell in WeCLAPP übertragen musste. Die Landing Page konvertierte – aber der Prozess danach war der Engpass.

Lead anlegen. Angebot erstellen. Positionen berechnen. Datei anhängen. Das dauerte pro Anfrage 15–20 Minuten – bei steigender Nachfrage ein echtes Nadelöhr.

"Wir verlieren keine Leads am Formular.
Wir verlieren sie, weil wir zu langsam antworten."
⏰
Problem 1 15–20 Min. manuelle Dateneingabe pro Anfrage ins ERP-System
📋
Problem 2 Konfiguration per E-Mail → Medienbruch & Tippfehler
📈
Problem 3 Kein Echtzeit-Preisindikator → hohe Abbruchrate
📄
Problem 4 Datei-Uploads (Logos, Entwürfe) manuell zuordnen

Die Lösung:
Konfigurator → ERP. Automatisch.

Ein interaktiver Multi-Step Konfigurator, der nicht nur konfiguriert – sondern direkt Lead, Angebot und Dateien im ERP anlegt.

01

Konfiguration

Multi-Step-Formular: Produktvariante, Maße, Material, Extras. Dynamische Preisberechnung in Echtzeit.

02

Kontaktdaten

Strukturierte Erfassung mit Adresse, Anrede, Firma. Konfigurationszusammenfassung mit Preisindikation.

03

API-Pipeline

Serverless Function orchestriert 3 WeCLAPP-Aufrufe: Lead anlegen → Angebot erstellen → Dateien hochladen.

04

Benachrichtigung

Vertrieb bekommt eine E-Mail mit allen Details. Im ERP ist alles schon da – bereit zum Nachfassen.

Unter der Haube

Warum die WeCLAPP-Anbindung kein Wochenendprojekt war.

Lückenhafte API-Dokumentation

Die offizielle WeCLAPP-Doku deckt die Standard-CRUD-Operationen ab. Aber Datei-Uploads, Bildzuordnungen und verschachtelte Objekte? Trial & Error. Wir haben die Endpunkte reverse-engineered und eine Dual-Upload-Strategie entwickelt, die beide möglichen Pfade abdeckt.

3 APIs als eine Transaktion

Lead anlegen, Angebot mit Positionen erstellen, Datei hochladen – drei separate API-Calls, die als eine logische Einheit funktionieren müssen. Fehlerbehandlung und Rollback-Logik inklusive.

Dynamische Preiskalkulation

Materialpreise pro m², Rahmenpreise pro Laufmeter, Sonderoptionen, Rundungen – alles live im Browser berechnet. Die gleiche Logik erzeugt die Angebotspositionen im ERP.

Datei-Uploads via API

Kunden laden Dateien hoch (z.B. Logos, Entwürfe). Diese müssen Base64-kodiert zum Server, dort dekodiert und via WeCLAPP-API dem Lead zugeordnet werden. Zwei Upload-Methoden als Fallback-Strategie.

Die API-Doku sagt dir, was möglich ist.

Nicht, wie es funktioniert. Dafür braucht man jemanden, der es schon gemacht hat.

WeCLAPP API Deep Dive

Was wir über die WeCLAPP API gelernt haben.

Die WeCLAPP REST API v1 ist mächtig – aber die Dokumentation lässt Lücken. Hier sind die drei Endpunkte, die wir für die Konfigurator-Anbindung orchestriert haben, und was dabei nicht offensichtlich war.

POST /webapp/api/v1/lead

WeCLAPP Lead anlegen

Erstellt einen neuen Lead mit Kontaktdaten, Adresse und Beschreibung. Die Konfigurationsdetails fließen als strukturierter Text in das Description-Feld.

partyType: PERSON primaryAddress Salutation Mapping Country Codes
POST /webapp/api/v1/quotation

WeCLAPP Angebot mit Positionen erstellen

Erstellt ein Angebot mit dynamisch berechneten Line Items: Material (pro m²), Rahmen (pro Laufmeter), Sonderoptionen (Stück) und Versand. Verknüpft mit dem zuvor erstellten Lead.

quotationItems[] unitPrice × quantity Lead-Verknüpfung
POST /webapp/api/v1/party/{id}/uploadImage

WeCLAPP Datei-Upload (Dual-Strategie)

Hier wird es tricky: WeCLAPP bietet zwei Upload-Pfade. Der direkte Image-Upload auf den Lead und der Document-Endpunkt mit separatem Metadaten- und Binary-Upload. Wir nutzen beide als Fallback – das steht so nicht in der Doku.

Undokumentiert Base64 → Binary Fallback-Strategie

Warum das relevant ist, wenn Sie WeCLAPP nutzen:

  • → Die WeCLAPP API kann mehr als die Doku zeigt – man muss nur wissen, wie
  • → Wir haben die Fallstricke (Salutation-Mapping, Country Codes, Upload-Methoden) bereits gelöst
  • → Die Architektur ist auf andere WeCLAPP-Integrationen übertragbar: Bestellungen, Tickets, Artikel
Architektur

Serverless.
Skalierbar.
Wartungsarm.

Kein eigener Server. Kein Backend-Team nötig. Die gesamte Integration läuft über Cloudflare Functions – global verteilt, automatisch skalierend, kosteneffizient. Teil unseres Full-Stack-Ansatzes.

Der Konfigurator ist eine eigenständige React-App,
die als Microservice deployed wird.

Tech Stack

  • Frontend React + TypeScript + Tailwind CSS
  • Backend Cloudflare Functions (Serverless)
  • ERP WeCLAPP REST API v1
  • E-Mail Transaktionale Benachrichtigungen via API
  • Tracking GTM + Consent Mode v2 + Custom Events
  • Build Vite + Cloudflare Pages (CI/CD)
Der Datenfluss

Von der Konfiguration zum Angebot

1

Kunde konfiguriert im Browser

Produktvariante, Maße, Material, Extras. Live-Preisberechnung zeigt sofort eine Indikation.

2

Kontaktdaten + optionaler Datei-Upload

Strukturiertes Formular mit Zusammenfassung. Dateien werden Base64-kodiert mitgeschickt.

3

Serverless Function orchestriert WeCLAPP

API-Call 1: Lead mit Kontaktdaten anlegen → API-Call 2: Angebot mit berechneten Positionen erstellen → API-Call 3: Dateien dem Lead zuordnen (Dual-Upload-Strategie).

4

Vertrieb wird benachrichtigt

HTML-E-Mail mit Konfigurationsdetails, Preisindikation und Kundennotizen. Im ERP ist alles schon angelegt.

Ergebnis: Der Vertrieb sieht einen fertigen Lead mit Angebot in WeCLAPP – bevor er die Benachrichtigungs-E-Mail gelesen hat.

Was sich geändert hat

Vorher

15–20 Min

pro Lead manuell ins ERP

Nachher

< 5 Sek

automatisch im ERP angelegt

Vorher

Copy & Paste

E-Mail → ERP, Tippfehler inklusive

Nachher

0 Fehler

strukturierte Daten, kein Medienbruch

Vorher

Kein Preis

Preisindikation erst nach Rückmeldung

Nachher

Live

Echtzeit-Preiskalkulation im Konfigurator

Funktioniert das auch für Ihr Unternehmen?

Die Architektur ist übertragbar. Wenn einer dieser Punkte auf Sie zutrifft, macht ein Konfigurator mit ERP-Anbindung wahrscheinlich Sinn. Oft kombinieren wir das mit Google Ads Kampagnen, die gezielt Traffic auf den Konfigurator lenken.

✓
Konfigurierbare Produkte Maße, Materialien, Farben, Extras – Kunden müssen vor dem Kauf spezifizieren
✓
ERP/CRM als Single Source of Truth Leads und Angebote sollen direkt im System landen, nicht in E-Mail-Postfächern
✓
Vertrieb braucht Geschwindigkeit Schnelle Reaktionszeit ist ein Wettbewerbsvorteil – manuelle Datenerfassung bremst
✓
Preistransparenz gewünscht Kunden wollen vorab wissen, was es kostet – nicht erst nach einem Rückruf

Häufige Fragen

Was kostet ein Produktkonfigurator mit ERP-Anbindung? +
Das hängt von Komplexität und ERP-System ab. Ein Konfigurator mit WeCLAPP-Anbindung (Lead + Angebot + Dateiupload) liegt typischerweise zwischen 5.000 und 15.000 EUR. Wir geben im Erstgespräch eine realistische Einschätzung.
Welche ERP-Systeme könnt ihr anbinden? +
Wir haben Erfahrung mit WeCLAPP, und grundsätzlich mit jeder REST-API-basierten Lösung. Die Logik ist übertragbar: Lead anlegen, Angebot erstellen, Dateien hochladen – das Muster ist bei den meisten ERPs ähnlich.
Wie lange dauert die Umsetzung? +
Ein Konfigurator mit ERP-Integration dauert typischerweise 4–8 Wochen. Die größte Variable ist die API-Dokumentation des ERP-Anbieters – je besser dokumentiert, desto schneller die Anbindung.
Funktioniert das auch mit unserem bestehenden CRM statt ERP? +
Ja. Die Architektur ist dieselbe: Frontend-Konfigurator → Serverless Function → API-Anbindung. Ob das Ziel ein ERP, CRM oder beides ist, ändert nur die letzte Meile.
Ist die WeCLAPP API gut dokumentiert? +
Die WeCLAPP REST API v1 deckt Standard-CRUD-Operationen solide ab. Für komplexere Szenarien wie Datei-Uploads, Bildzuordnungen zu Leads oder verschachtelte Angebotspositionen fehlt oft die Dokumentation. Wir haben diese Lücken durch Reverse Engineering und direkte Tests geschlossen.
Kann man über die WeCLAPP API automatisch Angebote erstellen? +
Ja – über den Quotation-Endpunkt der WeCLAPP API. Man kann Positionen mit Mengen, Einheitspreisen und Beschreibungen anlegen und das Angebot einem bestehenden Lead zuordnen. Wir orchestrieren das automatisch: Lead anlegen → Angebot erstellen → Dateien hochladen.
Wie funktioniert der Datei-Upload über die WeCLAPP API? +
WeCLAPP bietet zwei Upload-Methoden: Direkt-Upload als Party-Image und den Document-Endpunkt (Metadaten + Binary). Wir nutzen beide als Fallback-Strategie, weil je nach Dateityp und Kontext unterschiedliche Methoden zuverlässiger sind.

Verwandte Leistungen

Landing Page Optimierung

Conversion-optimierte Seiten, die aus Besuchern Leads machen.

Google Ads für B2B

Kampagnen, die qualifizierte Leads auf Konfiguratoren & Landing Pages lenken.

KI & Automatisierung

Technische Integrationen, API-Anbindungen und Marketing-Automatisierung.

Konfigurator + ERP?
Erzählen Sie uns, was Sie brauchen.

Im kostenlosen Erstgespräch klären wir, ob Ihr ERP-System anbindbar ist, wie komplex die Konfiguration wird – und was es realistisch kostet.

30 Minuten. Keine Verkaufspräsentation. Technische Einschätzung.

← Zurück zur Startseite