Onlineshop-Widget
Überblick
Platzieren Sie einen vollständigen Fliesen- und Bodenbelagsplaner auf Ihrer Produktseite. Käufer legen ihren Raum aus, sehen jeden Schnitt, und die berechnete Menge geht direkt in Ihren Warenkorb.
Scalarcut ist eine Plattform zur Planung von Fliesen- und Bodenbelägen. Ein Teil davon ist ein einbettbares Widget, das Sie auf einer Produktseite einfügen, damit ein Käufer seinen Raum schon vor dem Kauf selbst auslegen kann.
So sieht der Ablauf für Ihre Kunden aus. Jemand landet auf einer Fliese oder einem Bodenbelag, der ihm gefällt. Wo er sonst die Raummaße in einen einfachen Flächenrechner eintippen würde — und trotzdem bei einer groben, gerundeten Zahl landen würde — öffnet er stattdessen den Planer. Er beschreibt die Wand oder den Boden, die er belegen möchte, und der Planer erzeugt ein Fliesenlayout mit ganzen Fliesen und Schnitten, alles an Ort und Stelle. Das Widget zieht Öffnungen wie Türen und Fenster ab, wendet den Sliver Guard an, um Schnitte unter seinem Schwellenwert zu kennzeichnen oder zu vermeiden, und liefert am Ende die berechnete Bestellmenge, eine Schnittliste und ein druckbares Blueprint-PDF.
Für Sie ist die Integration ein Script-Tag und ein Callback. Das Widget liest Ihren Katalog, lässt Ihre Preise und Ihren Checkout unangetastet, und wenn der Käufer auf „In den Warenkorb" klickt, sendet es automatisch die aufgelösten SKUs und Mengen — die gesamten zu bestellenden Fliesen und, falls aktiviert, Kleber, Fugenmörtel und Grundierung — direkt in den Warenkorb Ihres Shops. Das Widget berechnet die Mengen aus dem Layout, der Käufer tippt also keine Menge ein.
Es ist plattformunabhängig. Da das Widget ein eigenständiger iframe ohne Abhängigkeit von Ihrem Backend ist, läuft es überall, wo Sie ein Script-Tag einfügen können — WooCommerce, Shopify, Magento, BigCommerce, 1C-Bitrix, Shopware, JTL oder ein individueller bzw. Headless-Shop auf React, Vue oder Laravel. Derselbe Snippet funktioniert überall.
Was es macht
- Legt das gesamte Layout aus. Das Widget platziert jede Fliese und jeden Schnitt auf der vom Käufer beschriebenen Fläche, wobei Türen, Fenster und Revisionsöffnungen abgezogen werden.
- Sliver Guard. Der Planer behandelt 50 mm als Fragilitätsgrenze: Ein Schnitt darunter bricht beim Verlegen mit hoher Wahrscheinlichkeit. Wenn das Widget einen solchen erkennt, verankert es das Layout neu an der Wandmitte, damit dem Käufer kein Schnitt zur Bestellung empfohlen wird, der vor Ort möglicherweise nicht übersteht.
- Cut Recycling Engine. Der Rest eines Schnitts wird zum Ausgangsstück des nächsten — das reduziert Verschnitt und die Gesamtzahl der Fliesen.
- Erstellt die Materialliste. Fliesen in Stück und Kartons, Kleber, Fugenmörtel und Grundierung — alles aus dem tatsächlichen Layout berechnet statt aus einer pauschalen Quadratmeterschätzung.
- Exportiert ein Blueprint. Ein gebrandetes PDF mit Maßen, Layoutzeichnung und der vollständigen Schnittliste.
- Übergibt Ihnen den Warenkorb. Ein Callback liefert die aufgelösten SKUs und Mengen, und Ihr Shop fügt sie seinem eigenen Warenkorb hinzu. Preis, Bestand und Checkout bleiben vollständig bei Ihnen.
Das Widget übernimmt Layout und Mengenberechnung; andere Integrationen sind getrennt. Zwei Dinge liegen außerhalb des Embeds. Der maschinenlesbare Factory-MBOM-Export — das JSON/CSV für ERP und Schneidtische — ist ein eigenes Enterprise-Produkt und nicht Teil des Online-Store-Widgets. Und das Widget führt kein KI-Raumrendering aus, sodass es nie Ihr Rendering-Kontingent verbraucht oder Ihre Kosten erhöht.
So funktioniert es, kurz
Das Widget läuft in einem iframe auf Ihrer Produktseite, wird von seinem eigenen Host ausgeliefert und über ein kleines JavaScript-SDK gesteuert.
- Ihre Seite lädt das SDK und ruft
ScalarcutTiling.mount(...)mit Ihrem Widget-Schlüssel, Katalog und dem aktuellen SKU auf. - Das Widget zeigt Ihre Produkte, und der Käufer baut ein Layout.
- Wenn er auf „In den Warenkorb" klickt, sendet das Widget das Ergebnis an Ihre Seite, und Sie fügen die Positionen über Ihren eigenen Warenkorb hinzu.
Der Planer ist in Ihre Storefront eingebettet, und der Checkout bleibt in Ihrem Shop. Der Käufer registriert sich nirgends und landet nie in einem Scalarcut-Checkout. Das Widget ist vollständig eigenständig.
Für wen es ist
- Fliesen- und Bodenbelagsgeschäfte, die Produktseiten möchten, die dem Käufer sagen, wie viel er wirklich braucht.
- Hersteller und Importeure, die einmal einen Katalog veröffentlichen und jedem Händler denselben Planer geben.
- Marktplätze und Showrooms, die ein einheitliches, markenkonformes Planungserlebnis über viele Storefronts hinweg möchten.
Wie geht es weiter
Beginnen Sie mit dem Quickstart, um in etwa fünfzehn Minuten ein laufendes Widget zu erhalten. Lesen Sie danach Widget zum Shop hinzufügen für Größe und Platzierung und die SDK-Referenz für die vollständige API.
Stattdessen ein ERP, MES oder einen Schneidtisch anbinden? Das ist ein anderes Produkt — siehe die Factory-MBOM-Dokumentation, die getrennt von diesem Widget-Leitfaden geführt wird.