Zum Inhalt springen

Im Shopify App Store

Ein Shopify 3D-Produktkonfigurator, der bis in den Warenkorb reicht

Installieren Sie Simplio3D aus dem Shopify App Store und fügen Sie Ihrem Theme mithilfe von Blöcken einen 3D-Konfigurator hinzu. Kundinnen und Kunden personalisieren das Produkt in 3D, und der Warenkorb kann den vom Konfigurator berechneten Preis übernehmen.

Keine Kreditkarte erforderlich

Shopify-Logo

So funktioniert die Shopify Integration

App installieren

Installieren Sie Simplio3D aus dem Shopify App Store und verbinden Sie Ihr Konto über Apps → Simplio3D. Es funktioniert in jedem Shop, auch dem eines Kunden.

Blöcke in Ihrem Theme

Platzieren Sie den 3D-Viewer, Optionen, Preis, Zusammenfassung, „In den Warenkorb“ und ein Angebotsformular im Theme-Editor von Shopify – im eigenen Stil Ihres Shops.

Der im Warenkorb konfigurierte Preis

Legen Sie für jedes Produkt fest, ob der Warenkorb den Preis von Shopify oder den vom Konfigurator berechneten Preis verwendet – in jedem Shopify-Tarif.

Minimale Berechtigungen

Die App liest Produkte und schreibt Bestellentwürfe sowie Warenkorbtransformationen nur, wenn Sie Warenkorbpreis und -bild aktivieren. Sie fordert keine der geschützten Kundenfelder von Shopify an.

Bestellentwurf und SKU-zugeordneter Warenkorb

Ein Bestellentwurf enthält eine Preisüberschreibung und eine Konfigurationszusammenfassung. Im Enterprise-Tarif werden preislich festgelegte Varianten anhand der SKU mit Shopify-Varianten in einem mehrzeiligen Warenkorb abgeglichen.

Oder verwenden Sie Ihre eigene App

Wenn Ihnen der Shop gehört und Sie die App in derselben Shopify-Organisation erstellt haben, verbinden Sie sie stattdessen mit einer Client-ID und einem Secret.

Bewertet von den Menschen, die es nutzen

Erfahren Sie, wie Nutzer Simplio3D auf den wichtigsten Software-Bewertungsplattformen bewerten.

Capterra logo

4.6/5

G2 logo

4.3/5

TrustRadius logo

9.5/10

Einrichtungsbildschirm für Shopify im Simplio3D-Dashboard

Berechnen Sie den konfigurierten Preis, nicht den Katalogpreis

Der schwierige Teil bei der Einbindung eines Konfigurators in Shopify ist nicht das 3D-Erlebnis: Entscheidend ist, dass der Preis, den Käuferinnen und Käufer sehen, auch tatsächlich berechnet wird. In der Simplio3D-App hat jedes verknüpfte Produkt einen Preis im Warenkorb: seinen Shopify-Preis oder den konfigurierten Preis. Wählen Sie den konfigurierten Preis. Bei einem Konfigurator-Projekt, das in der Währung Ihres Shops bepreist ist, werden im Warenkorb und beim Checkout auf jedem Shopify-Tarif der vom Konfigurator berechnete Betrag berechnet, und die Bestellung enthält ein Bild der Konfiguration. Mit dem Shopify-Preis zeigt der Konfigurator keinen eigenen Preis an. Viewer- und Modular-Projekte verwenden den Shopify-Produktpreis.

Diagramm: Ein Simplio3D-Projekt erreicht Shopify und WooCommerce über dedizierte Integrationen, WordPress über ein optionales Plugin, jede andere Website über einen iframe sowie ERP- oder CRM-Systeme über die REST API.

SKU-abgestimmte Warenkörbe für echte Produktkataloge

Wenn Ihre konfigurierten Produkte realen Shopify-Varianten entsprechen, löst der SKU-abgestimmte Warenkorbmodus diese SKUs beim Checkout live auf und erstellt daraus einen mehrzeiligen Shopify-Warenkorb – damit Lagerbestand, Reporting und Fulfillment weiterhin wie gewohnt funktionieren. Der Editor validiert bereits während der Erstellung: SKUs werden mit dem Admin-API abgeglichen und mit einem Hinweis versehen, der anzeigt, ob sie vorhanden, eindeutig oder fehlerhaft sind. Dies ist eine Enterprise-Funktion und erfordert SKUs für Ihre kostenpflichtigen Varianten.

Der Theme-Editor von Shopify auf einer Horizon-Startseite: Der Optionsblock des Simplio3D-Konfigurators zeigt einen Sneaker in 3D mit Farbfeldern für Schaft und Sohlenfarbe, einem benutzerdefinierten Textfeld und einem Preis von $180.00 – neben den Blockeinstellungen für Projekt, Produkt und die anzuzeigenden Optionen.

Ein Produktkonfigurator direkt in Ihrem Theme

Die Blöcke der App fügen den Konfigurator in den Theme-Editor von Shopify ein und übernehmen das Design Ihres Themes: den 3D-Viewer anstelle der Produktbilder, die Optionen, den konfigurierten Preis, eine Zusammenfassung, „In den Warenkorb“ und ein Angebotsformular. Käuferinnen und Käufer können einen Namen oder eine Nummer eingeben, ein Bild hochladen, ein Muster umfärben oder im Design Canvas ein Design erstellen – und es wird während der Bearbeitung innerhalb der von Ihnen festgelegten Grenzen auf das 3D-Modell aufgebracht. Die getroffenen Auswahlmöglichkeiten werden in der Warenkorbposition und in der Bestellung gespeichert. Modular-Projekte werden über eine Schaltfläche „Anpassen“ im vollständigen Konfigurator geöffnet.

Mit KI in vier Schritten generieren: Produkt beschreiben, KI-Plan lesen, prüfen und anschließend den Entwurf erstellen

Mit KI entwerfen, dann die Shop-Schritte freigeben

Wenn der Shop bereits verbunden ist, kann „Mit KI generieren“ anhand einer Produktbeschreibung einen Konfigurator entwerfen und den Shopify Produktlink sowie den Checkout-Modus vorschlagen. Beides wartet auf Ihre Freigabe. Die Planung berücksichtigt die 3D-Modelle in Ihrer Bibliothek; die KI kann jedoch keinen Shop verbinden oder ein Modell erstellen. Bei einem großen Katalog kann ein KI-Assistent anschließend die Logik prüfen oder Preise anhand des realen Projekts berechnen.

So fügen Sie einen 3D-Konfigurator zu Shopify hinzu

Installieren Sie die App, erstellen Sie den Konfigurator, legen Sie den Preis fest und fügen Sie die Blöcke hinzu.

  1. Simplio3D-App installieren

    Installieren Sie Simplio3D aus dem Shopify App Store, öffnen Sie Apps → Simplio3D und verbinden Sie Ihr Simplio3D-Konto oder erstellen Sie ein neues. Wenn Shop und App derselben Organisation gehören, können Sie auch Ihre eigene App mit Client-ID und Secret verwenden.

  2. Konfigurator erstellen

    Laden Sie das 3D-Modell hoch, erstellen Sie Materialien, fügen Sie die Optionsblöcke hinzu, die Käufer verwenden werden, und wenden Sie bedingte Logik an, damit nur gültige Kombinationen ausgewählt werden können.

  3. Preisgestaltung einrichten

    Verwenden Sie einen Grundpreis, Preisgruppen, Preistabellen und Formeln, damit der Gesamtpreis die exakte Konfiguration statt einer Ausgangs-SKU widerspiegelt.

  4. Preis im Warenkorb auswählen

    Wählen Sie für jedes Produkt in der Simplio3D-App, ob der Warenkorb den Shopify-Preis oder den konfigurierten Preis berechnet. Im Entwurfsbestellungsmodus werden Preis und Zusammenfassung stattdessen in eine ausstehende Bestellung übernommen, und bei Enterprise erstellt der SKU-abgeglichene Warenkorb aus Ihren SKUs einen Warenkorb mit mehreren Positionen.

  5. Zu Ihrem Theme hinzufügen

    Klicken Sie in der App auf „Konfigurator zur Produktseite hinzufügen“: Der Theme-Editor wird geöffnet, wobei der Optionsblock des Konfigurators bereits hinzugefügt ist. Speichern Sie ihn oder fügen Sie die anderen Simplio3D-Blöcke hinzu, um Ihr eigenes Layout zu erstellen. Bei Ihrer eigenen App wird das Einbettungs-Snippet stattdessen auf der Produktseite eingefügt.

Das sagen unsere Kunden

Die Zusammenarbeit mit dem Team von Simplio3D ist äußerst unkompliziert. Es findet hervorragende Lösungen und achtet dabei sehr auf das Budget.

Kyle Forman
Kyle FormanCEO · Krowne

Die Umsetzung von Ideen auf Papier in eine fertige, funktionale Anwendung hätte nicht besser gelingen können.

Matt Wood
Matt WoodProduktmanager · The Wise Company

Simplio3D hat unsere Produktpräsentationen erheblich verbessert und bietet unseren Kunden ein einzigartiges, interaktives Erlebnis.

Janick Rolli
Janick RolliSpezialist für digitales Marketing · digital M

Vielseitiger, einfach zu bedienender und leicht bereitzustellender 3D-Konfigurator. Konfigurationen lassen sich damit besonders einfach erstellen und nutzen.

John Bergmann
John BergmannCEO · Waterloo Healthcare

Ich habe andere ähnliche Plattformen genutzt und finde Simplio3D die intuitivste Möglichkeit, einen Konfigurator zu erstellen. Ich bin kein CAD-Ingenieur und wollte daher eine Lösung ohne Funktionen, die ich nicht verstehen könnte.

Joshua Tiso
Joshua TisoMarketing · Thermogreen AG

Der Einstieg war so einfach, und die Ergebnisse waren sehr beeindruckend. Inzwischen haben wir es auf vier verschiedenen Plattformen live im Einsatz.

Kenneth Rotchell
Kenneth RotchellProjektmanager · Evergreen Shutters

Fallstudie: Ein Konfigurator, integriert mit Shopify

Ein Pontondeck-Konfigurator in zwei Versionen: Eine sammelt Angebotsanfragen, die andere ist mit Shopify integriert, um Bestellungen abzuschließen.

Häufig gestellte Fragen

Die Simplio3D-App fordert Leserechte für Produkte an, um diese mit Ihren Projekten zu verknüpfen und SKUs zu prüfen, sowie Schreibrechte für Entwurfsbestellungen für den Checkout über Entwurfsbestellungen. Wenn Sie Warenkorbpreis und -bild aktivieren, wird zusätzlich die Berechtigung für Warenkorbtransformationen angefordert, die das Erscheinungsbild und die Preise von Warenkorbartikeln verändert und beim Deaktivieren wieder entzogen wird. Sie fordert keine der geschützten Kundendaten von Shopify an: Namen, E-Mail-Adressen, Telefonnummern und Adressen.

Stattdessen auf WooCommerce?

Die WooCommerce-Integration legt das konfigurierte Produkt mit seinem 3D-Bild und Preis direkt in Ihren Warenkorb – ganz ohne zu installierendes Plugin.

Shop-Plattformen vergleichen?

So fügt sich ein Konfigurator in einen bestehenden Shop auf jeder Plattform ein.

Möchten Sie nur das Produkt zeigen?

Ein 3D-Viewer ohne Optionen und AR auf einem Smartphone.

Aus dem Blog

Leitfäden, Tutorials und Neuigkeiten vom Simplio3D-Team.

3D-Commerce entwickeln, bereitstellen und skalieren.

Nutzen Sie einen 3D-Produktkonfigurator, um den Verkauf zu steigern und direkt über Ihre Website Angebote zu erstellen.