3D-Konfigurator in WordPress einbinden.
In WordPress kommt der Konfigurator über einen HTML-Block auf die Seite. Das klappt im Block-Editor genauso wie in Elementor oder Divi und dauert rund fünf Minuten. Ein Plugin brauchen Sie dafür keins.
WordPress und der Konfigurator.
Das kopieren Sie in WordPress.
„ihre-firma“ steht für die Kennung Ihres Konfigurators. Den fertigen Code bekommen Sie von mir, zum Kopieren.
<iframe src="https://konfigurator.cwik-consulting.de/embed/ihre-firma" width="100%" height="800" style="border:0" loading="lazy" title="3D-Konfigurator"></iframe>
So kommt er in WordPress auf die Seite.
-
1
Seite öffnen
Unter „Seiten“ eine neue Seite anlegen, etwa „Terrassendach konfigurieren“, oder die Seite öffnen, auf der der Konfigurator stehen soll.
-
2
Block einfügen
Auf das Plus-Zeichen klicken, nach „HTML“ suchen und den Block „Individuelles HTML“ wählen.
-
3
Code einfügen
Den Code unten in den Block kopieren. „ihre-firma“ steht für die Kennung Ihres Konfigurators, die Sie von mir bekommen.
-
4
Veröffentlichen
Über „Vorschau“ prüfen, dann „Aktualisieren“ klicken. Der Konfigurator füllt die Breite des Inhaltsbereichs.
Was bei WordPress anders ist.
Elementor
Das Widget „HTML“ in die gewünschte Sektion ziehen und den Code dort einfügen. Für die volle Bildschirmbreite die Sektion auf „Volle Breite“ stellen.
Divi
Das Modul „Code“ verwenden und den Code einfügen. Die Höhe steuern Sie über den Wert height im Code.
WordPress.com
Auf wordpress.com gehostete Seiten erlauben iframes erst in den Tarifen mit Plugin-Unterstützung. Selbst gehostetes WordPress, etwa bei STRATO, IONOS oder All-Inkl, hat diese Grenze nicht.
Cookie-Banner
Consent-Plugins wie Borlabs Cookie oder Real Cookie Banner blockieren eingebettete Inhalte teils automatisch. Der Konfigurator setzt keine Cookies und lädt keine Tracker; im Plugin tragen Sie ihn als eigenen Dienst ein oder geben ihn frei.
Konfigurator und WordPress.
Brauche ich ein WordPress-Plugin?
Nein. Der HTML-Block gehört zu WordPress selbst. Jedes zusätzliche Plugin wäre eine weitere Stelle, die Updates braucht.
Wird meine WordPress-Seite dadurch langsamer?
Der Konfigurator lädt in seinem eigenen Rahmen und erst, wenn ein Besucher in seine Nähe scrollt. Ladezeit und PageSpeed-Wert Ihrer Seite bleiben praktisch gleich.
Funktioniert das auch mit WooCommerce?
Die Einbindung ja, wie auf jeder anderen Seite. Soll ein konfiguriertes Produkt direkt in den Warenkorb, ist das eine Einzelanpassung im Paket Individuell.
Wie ändere ich die Höhe?
Über den Wert height im Code. 800 Pixel passen für die meisten Seiten. Auf dem Handy rückt das Bedienfeld unter das Modell.
Anleitungen für weitere Baukästen.
Den Einbau in WordPress übernehme ich.
Geben Sie mir einen Zugang zu Ihrer Website oder nennen Sie mir Ihren Webbetreuer. In den meisten Fällen ist der Konfigurator in einer halben Stunde online.