Zum Inhalt
Ein niederländisches Unternehmen mit Sitz in AmsterdamNL-Unternehmen · Amsterdam
Fragen? Rufen Sie uns an+31 6 15 42 58 11
DE

Jede Website

Ein 3D-Konfigurator auf jeder Website mit einer Zeile

Binden Sie den 3D-Produktkonfigurator von Next Configurator mit einer Skriptzeile in jede Website ein, oder betreiben Sie ihn als Storefront auf Ihrer eigenen Domain.

Kein Plugin nötigPasst zu Ihrem ThemeAnfragen landen in Ihrer Pipeline

ihrefirma.de/pergolen
Ihre Einbettungszeile
<script src="https://store.nextconfigurator.com/static/embed.js" data-calipy="https://store.nextconfigurator.com/p/YOUR-STORE/embed/YOUR-PRODUCT"></script>

Einrichten

In wenigen Minuten in Jede Website einbinden

  1. Bauen Sie Ihr Produkt aus einer der 120 parametrischen Vorlagen, oder öffnen Sie ein bestehendes Produkt in Ihrer Verwaltung.
  2. Kopieren Sie die Einbettungszeile dieses Produkts. Sie sieht aus wie unten, mit Ihrem Shop und Produkt in der URL.
  3. Öffnen Sie die Seite oder das Template, in dem der Konfigurator stehen soll, meist unter der Produkteinleitung und über Ihren Referenzen.
  4. Fügen Sie die Zeile genau an dieser Stelle in den HTML-Code ein. Speichern und veröffentlichen.
  5. Öffnen Sie die Live-Seite in einem privaten Fenster, stellen Sie ein Testprodukt zusammen und senden Sie eine Testanfrage.
Ihre Einbettungszeile
<script src="https://store.nextconfigurator.com/static/embed.js" data-calipy="https://store.nextconfigurator.com/p/YOUR-STORE/embed/YOUR-PRODUCT"></script>

Beispiel. Ihre eigene Zeile steht auf der Produktseite in Ihrer Verwaltung unter „Auf anderen Websites einbetten“ und auf der Seite nach dem Bauen.

Kurz gesagt

Einen 3D-Produktkonfigurator binden Sie in jede Website ein, indem Sie eine Skriptzeile dort einfügen, wo er erscheinen soll; sie baut den Konfigurator an dieser Stelle auf, passt die Höhe selbst an und schickt jede Angebotsanfrage in Ihre Pipeline. Wer die eigene Website nicht anfassen will, betreibt den Konfigurator als Storefront auf der eigenen Domain.

Was die Einbettung mit einer Zeile ist

Die Einbettung ist ein einzelnes Script-Tag, das Ihren 3D-Konfigurator auf jede Seite bringt, die HTML zulässt: eine selbst programmierte Website, ein PHP-Template, eine statische Seite oder ein Baukasten. Sie funktioniert überall gleich, weil sie nur eine Stelle im Seitenquelltext braucht, an der ein Skript laufen darf.

Das Skript setzt den Konfigurator genau dort ein, wo Sie die Zeile einfügen. 3D-Modell, Ihre Optionen und RAL-Farben, die gewählte Preisanzeige (live, „ab“-Preis oder nur auf Anfrage), AR auf dem Smartphone, der Teilen-Link und das Anfrageformular kommen mit. Am Rest Ihrer Website ändert sich nichts.

Was der Kunde sieht

Ein Hausbesitzer kommt auf Ihre Seite für Terrassenüberdachungen und findet den Konfigurator direkt im Inhalt: Breite von 4 auf 6 Meter, RAL 7016, eine Glasschiebewand und ein ZIP-Screen dazu, Modell und Preis ändern sich mit. Auf dem Smartphone stellt er das Dach per AR auf seine eigene Terrasse. Danach sendet er die Anfrage, auf Wunsch mit Fotos der Einbausituation und einem Aufmaßtermin, wenn Sie diese Optionen aktiviert haben.

Wo die Anfragen ankommen

Jede Anfrage landet als vollständige Konfiguration in Ihrer Pipeline, bereit für ein nummeriertes Angebot mit Varianten Basic, Comfort und Premium. Follow-ups zeigen, welche Anfragen noch niemand beantwortet hat. Laufen auf Ihrer Seite bereits Pixel von Google, Meta oder TikTok, wird die Angebotsanfrage dort als Conversion gemeldet.

Die andere Möglichkeit: Ihre eigene Storefront

Ist Ihre Website schwer zu bearbeiten, betreiben Sie den Konfigurator als vollständige Storefront auf Ihrer eigenen Domain, zum Beispiel konfigurator.ihrefirma.de. Sie erhalten Produktseiten, die Angebotsseite und das Anfrageformular in einer von 9 Sprachen, ohne Einbettung, die gepflegt werden muss. Viele Betriebe machen beides: zuerst die Storefront, später die Einbettung auf der Hauptseite. Mehr zu beiden Wegen unter Einbettung.

Worauf Sie achten sollten

  • Caching und Skriptoptimierung. Werkzeuge, die Skripte zusammenfassen, verzögern oder umschreiben, können die Zeile unwirksam machen. Nehmen Sie embed.js davon aus.
  • Höhe. Der Konfigurator passt seine Höhe selbst an, aber ein Container mit fester Höhe oder overflow: hidden schneidet ihn ab. Lassen Sie den Container mitwachsen.
  • Cookie-Banner. Ein Banner, das alle externen Skripte bis zur Einwilligung blockiert, blendet auch den Konfigurator aus. Stufen Sie ihn als funktional ein; Ihre eigenen Werbepixel folgen weiter den Regeln Ihres Banners.
  • Mehrere Seiten und Produkte. Eine Zeile pro Konfigurator, jede mit eigener Produkt-URL. Eine Seite kann mehrere enthalten.
  • Erlaubte Websites. Haben Sie die Einbettung pro Produkt auf Ihre eigenen Domains beschränkt, tragen Sie jede neue Domain (auch eine Testdomain) ein, bevor Sie dort testen.

Fragen und Antworten

Noch unentschlossen? Wir gehen es mit Ihrem eigenen Produkt gemeinsam durch.

Demo-Termin buchen
Brauche ich einen Entwickler für die Einbettung?

Meist nicht. Wer eine Zeile HTML in eine Seite einfügen kann, kann sie einbauen. Können Sie das Template nicht selbst bearbeiten, schicken Sie die Zeile an die Person, die Ihre Website betreut.

Macht die Einbettung meine Seite langsamer?

Der Konfigurator lädt in einem eigenen Frame an der Stelle, an der Sie ihn eingefügt haben; der Rest der Seite lädt wie bisher.

Kann ich verschiedene Produkte auf verschiedenen Seiten einbinden?

Ja. Jedes Produkt hat eine eigene Einbettungszeile, die Pergola-Seite bekommt die Pergola, die Carport-Seite den Carport.

Öffnet ein geteilter Entwurfslink auf meiner eigenen Website?

Ja. Teilt ein Kunde seinen Entwurf aus einem eingebetteten Konfigurator, führt der Link zurück auf Ihre Seite und öffnet sich mit seiner Auswahl.

Kann ich verhindern, dass andere Websites meine Einbettung kopieren?

Ja. Pro Produkt beschränken Sie die Einbettung auf Ihre eigenen Websites; anderswo bewirkt die Zeile dann nichts.

In drei Minuten live. Ihr Konfigurator für 499 € im Monat.

14 Tage kostenlos, dann ein Tarif mit allem drin. In etwa drei Minuten live. Monatlich kündbar.