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

WordPress

Ein Produktkonfigurator für WordPress in einem Block

Binden Sie einen 3D-Produktkonfigurator in WordPress ein: per Block Individuelles HTML oder HTML-Widget in Elementor oder Divi. Platzierung, Caching und was Kunden sehen.

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 WordPress einbinden

  1. Bauen Sie Ihr Produkt oder öffnen Sie es in Ihrer Verwaltung, und kopieren Sie die Einbettungszeile.
  2. Öffnen Sie in WordPress die passende Seite, etwa „Terrassenüberdachungen“ oder „Lamellendach“.
  3. Block-Editor: Block hinzufügen, nach „Individuelles HTML“ (Custom HTML) suchen und die Zeile einfügen.
  4. Elementor, Divi oder ein anderer Page Builder: das HTML- oder Code-Widget des Builders einfügen (die Bezeichnung variiert: „HTML“ in Elementor, „Code“ in Divi) und die Zeile dort einsetzen.
  5. Seite aktualisieren oder veröffentlichen, abgemeldet in einem privaten Fenster öffnen und eine Testanfrage senden.

Menü- und Widget-Namen unterscheiden sich je nach Version von WordPress und Builder. Finden Sie „Individuelles HTML“ nicht, suchen Sie einen Block oder ein Widget, das reines HTML annimmt.

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 WordPress ein, indem Sie die Einbettungszeile in einen Block "Individuelles HTML" (oder das HTML- bzw. Code-Widget Ihres Page Builders) auf der Produktseite einfügen und das Skript von Cache- und Optimierungs-Plugins ausnehmen. Angebotsanfragen von dieser Seite landen in Ihrer Pipeline bei Next Configurator.

Was es ist

Ein Produktkonfigurator für WordPress ist ein 3D-Planer auf Ihrer eigenen WordPress-Seite, in dem Kunden Maße, Optionen und Farben wählen, einen Preis sehen und eine Anfrage senden. Mit Next Configurator installieren Sie kein Plugin: Sie fügen eine Skriptzeile ein, und der Konfigurator erscheint an dieser Stelle.

Theme, Menüs, SEO-Plugin und Inhalte bleiben, wie sie sind. Der Konfigurator bringt sein eigenes 3D-Modell, die Preislogik, die AR-Ansicht und das Anfrageformular mit.

Wo Sie die Zeile einfügen

Dort, wo ein Kunde mit der Planung beginnen will: unter einer kurzen Einleitung auf der Produktseite, über den Fotos Ihrer Referenzprojekte. Meiden Sie Seitenleisten und schmale Spalten. Auf dem Desktop braucht der Konfigurator die volle Inhaltsbreite, um Modell und Optionen nebeneinander zu zeigen.

Was der Kunde sieht

Der Kunde bleibt auf Ihrer WordPress-Seite. Er stellt Breite und Tiefe ein, wählt RAL 7016 oder Anthrazit, ergänzt Lamellen, Seitenwände oder einen ZIP-Screen, sieht das Ergebnis per AR auf dem Smartphone und sendet die Anfrage. Der Preis folgt Ihrer Einstellung pro Produkt: live, „ab“-Preis oder nur auf Anfrage.

Wo die Anfragen ankommen

Anfragen landen in Ihrer Pipeline bei Next Configurator, nicht in WordPress. Mit wenigen Klicks wird daraus ein nummeriertes Angebot, und Follow-ups melden sich, wenn eine Anfrage unbeantwortet bleibt. Ihr Formular-Plugin ist nicht beteiligt.

Worauf Sie achten sollten

  • Cache- und Optimierungs-Plugins. Plugins, die JavaScript zusammenfassen, verkleinern oder verzögern, können die Zeile stoppen. Nehmen Sie embed.js (oder die Seite) davon aus und leeren Sie den Cache nach dem Veröffentlichen.
  • Benutzerrolle. WordPress behält Script-Tags nur bei Rollen, die ungefiltertes HTML speichern dürfen, in der Regel Administratoren. Verschwindet die Zeile nach dem Speichern, soll ein Administrator sie einfügen.
  • WordPress.com. Prüfen Sie, ob Ihr WordPress.com-Tarif eigenen Code erlaubt.
  • Höhe. Setzen Sie den Block nicht in einen Container mit fester Höhe; der Konfigurator wächst mit seinem Inhalt.
  • Cookie-Banner. Blockiert Ihr Cookie-Plugin alle externen Skripte bis zur Einwilligung, stufen Sie den Konfigurator als funktional ein.
  • Mehrere Seiten. Eine Zeile pro Produktseite, jede mit eigener Produkt-URL.

Fragen und Antworten

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

Demo-Termin buchen
Muss ich ein WordPress-Plugin installieren?

Nein. Der Konfigurator ist eine Skriptzeile in einem Block „Individuelles HTML“ oder einem HTML-Widget; bei WordPress-Updates gibt es nichts nachzuziehen.

Funktioniert das mit Elementor und Divi?

Ja. Nutzen Sie das HTML- oder Code-Widget des Builders und fügen Sie die Zeile ein. Jeder Builder, der reines HTML annimmt, funktioniert genauso.

Warum sehe ich im Editor nichts?

Manche Editoren führen beim Bearbeiten keine Skripte aus. Prüfen Sie die veröffentlichte Seite abgemeldet in einem privaten Fenster.

Kann ich ihn auf WooCommerce-Produktseiten nutzen?

Ja. Überall dort, wo das Produkt-Template einen HTML-Block oder ein HTML-Widget zulässt. Die Anfrage geht in Ihre Pipeline bei Next Configurator, nicht in den WooCommerce-Warenkorb.

Funktioniert mein SEO-Plugin weiter?

Ja. Titel, Beschreibungen und strukturierte Daten der Seite bleiben unter der Kontrolle Ihres SEO-Plugins.

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.