VividWorks | So integriert sich unser 3D-Konfigurator

Die Integration eines 3D-Konfigurators in Ihre Website oder bestehenden Geschäftsprozesse muss nicht kompliziert sein. Jedes Unternehmen verfügt über individuelle Systeme und Workflows. Deshalb ist es unser Ziel, die Integration so einfach, flexibel und nahtlos wie möglich zu gestalten – damit Ihre Kunden oder internen Anwender Produkte ohne Unterbrechungen in 3D konfigurieren, visualisieren und kaufen können.

Im Folgenden erhalten Sie einen Überblick über die verschiedenen Integrationsmöglichkeiten und darüber, wie sich der VividWorks 3D-Konfigurator mit Websites, E-Commerce-Plattformen, CRM-Systemen oder Visual-CPQ-Prozessen verbinden lässt.

Plugin-basierte Integration

Für gängige E-Commerce-Plattformen wie Shopify, WooCommerce sowie Adobe Commerce (Magento) bieten wir kostenlose, sofort einsatzbereite Plugins an.

Mit unseren E-Commerce-Plugins können Sie:

• den Konfigurator direkt in Ihren Onlineshop integrieren
• Preise während der Konfiguration in Echtzeit anzeigen
• konfigurierte Produkte automatisch in den Warenkorb übernehmen
• Konfigurationsdaten für Bestellungen, Angebote und die Fertigung speichern

Sollten Sie eine weniger verbreitete Plattform nutzen, erarbeiten wir gemeinsam mit Ihnen die optimale Integrationslösung.

API-basierte Integration für individuelle Websites, CRM-, CPQ- oder ERP-Systeme

Für anspruchsvollere Integrationsszenarien stellen wir eine JavaScript-basierte API zur Verfügung. Die Integration erfolgt durch Ihr Entwicklungsteam oder einen Integrationspartner mithilfe der VividWorks API und unserer öffentlichen Dokumentation. Bei Bedarf unterstützen unsere technischen Experten den gesamten Prozess.

So behalten Sie die volle Kontrolle über Ihre Implementierung und profitieren gleichzeitig von einer schlanken und flexiblen Integration.

Welche Daten die API bereitstellt

Der Konfigurator kann alle relevanten Daten an Ihre Systeme übergeben, damit Ihre Geschäftsprozesse nahtlos miteinander verbunden bleiben:

• Stückliste (Bill of Materials, BOM)
• Optionale Konfigurationsmetadaten für CRM-, Visual-CPQ-, ERP- oder Angebotsprozesse
• Produktbilder in hoher Auflösung
• Optional das glTF-Modell des konfigurierten Produkts

‍

So können Ihre Systeme diese Daten nutzen

• Preise in Echtzeit aktualisieren
• Konfigurationen direkt mit CRM- oder Visual-CPQ-Projekten synchronisieren
• Kundenspezifische Konfigurationen speichern
• Daten an Produktions- oder Fertigungssysteme übergeben
• Angebote, Warenkörbe und Bestellungen verarbeiten

Dadurch wird der Konfigurator zu einem vollständig integrierten Bestandteil Ihrer Systemlandschaft.

Typischer Integrationsaufbau

• Der Konfigurator wird auf Ihrer Website eingebunden (z. B. auf einer separaten Seite oder direkt auf der Produktdetailseite).
• Benutzerverwaltung (Login, Kundenkonten, Projektspeicherung) erfolgt über Ihre Website.
• Der Konfigurator kommuniziert über die Frontend-API mit Ihrer Website.
• Preise werden ausschließlich in Ihren eigenen Systemen verwaltet.
• Sie entscheiden selbst, wie die vom VividWorks 3D-Konfigurator bereitgestellten Daten verarbeitet werden.

Dieser Integrationsansatz ist:

✅ flexibel

✅ schnell anpassbar

✅ vollständig unter Ihrer Kontrolle

E-Commerce-Integration über dieselbe API

Wenn Sie heute oder zukünftig Online-Bestellungen ermöglichen möchten, können Sie mit derselben API:

• konfigurierte Produkte direkt in den Warenkorb übertragen,
• sämtliche Konfigurationsdaten an die Bestellung übergeben,
• Angebots-, Checkout- oder Request-for-Quote-(RFQ)-Prozesse abbilden.

Da das Integrationsprinzip unverändert bleibt, sind für die spätere Einführung von E-Commerce-Funktionen keine Änderungen an Ihrer Systemarchitektur erforderlich.

Einbindung des VividWorks 3D-Konfigurators

Für die meisten Websites ist die Einbindung denkbar einfach:

• Ein JavaScript-Skript (Embed Tag) einbinden
• Ein einzelnes HTML-Element mit den Produktparametern hinzufügen

Warum diese Einbindungsmethode überzeugt

• Sicher und isoliert
  Der Konfigurator läuft unabhängig von Ihrer Website und beeinflusst deren Layout nicht.
• Keine CSS-Konflikte
  Die Styles Ihrer Website bleiben unverändert und der Konfigurator überschreibt keine vorhandenen Designvorgaben.
• Einfache Kommunikation
  Daten wie Preise, Produkte oder Projekte werden problemlos zwischen Ihrer Website und dem Konfigurator ausgetauscht.
• Automatische Updates
  Verbesserungen und Updates werden von VividWorks bereitgestellt – ohne zusätzlichen Aufwand für Ihr Team.

Die meisten Teams schließen diesen Schritt innerhalb kurzer Zeit ab.

Was Sie für die Integration benötigen

Bei Shopify, WooCommerce oder Adobe Commerce (Magento)

• Keine Programmierung erforderlich
• Plugin installieren und Grundeinstellungen vornehmen
• Typischer Aufwand: 1–3 Stunden

Bei anderen E-Commerce-Plattformen, individuellen Websites oder Backend-Systemen

• Einen Entwickler mit JavaScript-Kenntnissen
• Zugriff auf Ihre Produktdaten (PIM, ERP oder CRM)
• Artikelnummern (SKUs) aller Produkte, sofern Preis- oder Warenkorbintegration benötigt wird
• Typischer Aufwand: 1–2 Arbeitstage für eine Basisintegration.
• Hinweis: Umfangreichere oder individuellere Integrationen können – abhängig von ihrer Komplexität – mehr Zeit in Anspruch nehmen. Selbstverständlich begleiten wir Sie während des gesamten Projekts und sorgen für einen reibungslosen Ablauf.

Mindestanforderungen:

• Moderne Webanwendung oder Standard-HTML/JavaScript
• Möglichkeit, ein JavaScript-Skript und ein HTML-Element einzubinden
• HTTPS-fähige Website

Unterstützung in jeder Projektphase

Wir liefern nicht nur die Technologie – wir begleiten Sie bei der erfolgreichen Umsetzung.

Sie erhalten:

✅ Unterstützung bei der Wahl der optimalen Integrationsstrategie

✅ Technische Dokumentation

✅ Beratung zur Anbindung von CRM-, Visual-CPQ-, ERP- und E-Commerce-Systemen

✅ Laufenden technischen Support sowie regelmäßige Updates

Bereit, Ihren Vertrieb mit 3D auf das nächste Level zu bringen? Kontaktieren Sie uns – gemeinsam finden wir die optimale Integrationsstrategie für Ihre Anforderungen.