Online-Bestellungen auf Ihrer eigenen Website

Das Widget „Online-Bestellung“ fügt die Bestellannahme in Ihre bestehende Website ein. Nichts muss umgezogen oder neu gestaltet werden: Das Widget liest die Seiten Ihrer Website, platziert „In den Warenkorb“-Buttons darauf und führt Warenkorb und Bestellabschluss über Ihrem Layout.

Wo: Marketing → „Meine Website“ → Karte „Online-Bestellung“ → Zahnrad. Der Installationscode ist für alle Widgets derselbe, siehe Meine Website.

Vier Betriebsmodi#

Modus	Was der Besucher sieht	Wann wählen
Eigenes Schaufenster	Button „Bestellen“; beim Klick öffnet sich Ihr Schaufenster mit Menü und Warenkorb über der Seite	Visitenkarten-Website, Zielseite, Blog — keine Produkte auf den Seiten
Über der Website	Unsere „In den Warenkorb“-Buttons direkt in Ihrem Layout — auf der Produktseite und im Katalog, Warenkorb in der Ecke des Bildschirms	Auf der Website gibt es bereits einen Produktkatalog, aber keine Bestellannahme (oder sie ist unpraktisch)
Buttons ersetzen	Dasselbe plus die eigenen „Kaufen“-Buttons und der Warenkorb der Website sind ausgeblendet	Sie möchten, dass alle Bestellungen nur über uns laufen
Vollständige Übernahme	Die Website sieht unverändert aus: Die Buttons bleiben die eigenen, aber ihr Klick führt das Produkt in unseren Warenkorb, der Wechsel in den Warenkorb der Website öffnet unseren, und Zähler und Summen zeigen unsere Zahlen	Das Schaufenster ist bereits gut gestaltet — sein Aussehen soll nicht geändert werden, aber Bestellungen und Preise sollen unsere sein

Scannen der Website#

Alle Modi außer „Eigenes Schaufenster“ arbeiten mit einer Website-Karte: wo auf Ihren Seiten der Produktname, der Preis, das Bild, der eigene Kauf-Button und der eigene Warenkorb liegen.

Die Karte wird vom Scanner erstellt: Adresse angeben und „Website scannen“ drücken — in der Regel 1–3 Minuten. Darin:

Plattform-Presets — ein fertiger Satz von Selektoren ist für acht Plattformen vorhanden: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. Der Scanner erkennt am Fingerabdruck außerdem Ecwid, Squarespace und Wix, aber für sie gibt es kein Preset — die Karte wird per KI-Analyse erstellt;
KI-Analyse des Layouts — für selbst geschriebene Websites und ungewöhnliche Themes;
Prüfung jedes gefundenen Selektors auf echten Seiten; die Daten werden mit dem Produkt-Microdata abgeglichen. Ein ungeprüfter Selektor kommt nicht in die Karte — lieber weniger Buttons als ein Button an der falschen Stelle.

Im Ergebnis sehen Sie: die erkannte Plattform, die Anzahl der gescannten Seiten, ein Beispiel des erkannten Produkts und getrennt — die Produktseite und die Katalogkarten. Die Karte wird per Button angewendet und zusammen mit den Einstellungen des Widgets gespeichert. Die Website hat sich geändert — scannen Sie einfach erneut.

Platzierung der Buttons und Gestaltung#

Wird an Layouts mit Live-Vorschau eingestellt — eine typische Produktseite und der Katalog:

Button auf der Produktseite: unter dem Preis, neben dem eigenen Button der Website, schwebend am unteren Bildschirmrand oder ausgeschaltet (das Hauptszenario der „vollständigen Übernahme“ — es gibt keinen eigenen Button, der Gast drückt den eigenen);
Button in der Katalogkarte: über der Karte, unter der Karte oder ausgeschaltet;
Warenkorb-Button: eine der vier Ecken des Bildschirms;
Farbe der Buttons und Text („In den Warenkorb“, „Bestellen“, eigener) — die Beschriftung kann für jede Sprache Ihrer Website separat festgelegt werden.

Eigene Preise#

Ein separater Schalter: Das Widget rechnet den Preis Ihrer Website in seinen um und zeigt ihn dem Gast — auf der Produktseite, im Katalog und im Warenkorb.

Grundregel für alle Produkte: Prozent, Aufschlag in der Währung, Beschränkungen „nicht niedriger / nicht höher“ und Rundung (auf ganze Zahlen, Endung …9, Kopeken .99, runde Zehner …0, Vielfache von 10/50/100).
Gezielte Überschreibungen nach Seitenadresse, Name oder Artikelnummer: eigener Preis, eigene Regel, anderer Name im Warenkorb oder „nicht mehr im Verkauf“ — dann wird kein Button platziert.
Anzeigeoptionen: alter Preis durchgestrichen neben dem neuen, Beschriftung wie „Aktionspreis“, eigene Währungsbeschriftung, zusätzliche Stellen mit Preisen (Sticky-Leiste, Block „ähnliche Produkte“). Das Neuzeichnen der Preise direkt im Layout der Website kann auch ausgeschaltet werden: Der Gast sieht den Preis der Website, aber in den Warenkorb wandert Ihrer.
Im Konto gibt es eine Vorschau „vorher → nachher“ anhand eines Beispielpreises von Ihrer Website.

⚠️ Die Überschreibung ist visuell: Das Backend Ihrer Website weiß nichts vom neuen Preis. Daher sind eigene Preise nur zusammen mit der Bestellübernahme sinnvoll — sonst bestellt ein Gast, der den erhalten gebliebenen eigenen Button drückt, zum alten Preis an Ihnen vorbei. Im Modus „Vollständige Übernahme“ sind eigene Preise standardmäßig aktiviert, und das Admin-Panel warnt, wenn Sie sie ohne Übernahme aktiviert haben.

Was nach der Bestellung passiert#

Der Gast legt Produkte in den Warenkorb, öffnet ihn und schließt die Bestellung ab — Name, Telefon, Lieferung oder Selbstabholung mit Adresse, Kommentar. Die Bestellung kommt in den Bereich „Bestellungen“ des Kontos, gleichberechtigt mit Bestellungen aus Schaufenster, Kasse und Aggregatoren: dieselben Status, Benachrichtigungen, Ausdruck und Übergabe an die Küche. Ein separates „Widget-Postfach“ gibt es nicht. Jede Bestellzeile kommt mit einem Link auf die Seite Ihrer Website, von der sie in den Warenkorb gelegt wurde — der Operator sieht, was genau bestellt wurde.

Alles Weitere zur Online-Bestellung wird ebenfalls dort eingestellt, im Modal des Widgets: Es ist als Akkordeon mit den Abschnitten „Widget auf Ihrer Website“, „Bestellannahme“, „Lieferung und Selbstabholung“, „Zahlung“, „Bestellabschluss“ und „Beleg-Fiskalisierung“ aufgebaut — dieselben Formulare wie in den entsprechenden Bereichen des Kontos, an einem Ort zusammengefasst.

Schaltfläche „Über Nachschub informieren“#

Ein zweites, separates Tag desselben Widgets – für die Seite eines ausverkauften Produkts auf Ihrer Website. Der Gast klickt auf die Schaltfläche, hinterlässt seine E-Mail-Adresse, bestätigt sie über den Link in der E-Mail und erhält eine E-Mail, wenn das Produkt wieder auf Lager ist; in der Bestätigungs-E-Mail steht neben „bestätigen“ auch „ablehnen“. Die Benachrichtigungen versendet derselbe Mechanismus wie beim Abonnement „Über Nachschub informieren“ in unserem Schaufenster – ein zweiter wird nicht angelegt.

So verbinden Sie es: Öffnen Sie im Fenster der Online-Bestellung die Karte „🔔 Über Nachschub informieren“, wählen Sie das Produkt und, falls vorhanden, eine Variante aus Ihrem veröffentlichten Katalog – der Generator erstellt den Code. Platzieren Sie auf der Produktseite eine Schaltfläche mit dem Attribut data-cenaly-stock="<товар>" (ein fertiges Beispiel finden Sie in derselben Karte) und fügen Sie einmal das Tag stock/v1.js ein. Der Starter wiegt weniger als ein Kilobyte und kann genau eines – auf den Klick warten; das Abonnement-Formular, die Wörterbücher und der Versand kommen als separate Datei erst durch die Aktion des Gastes.

Wichtig zu wissen:

Das Produkt wird manuell verknüpft. Einen fremden Katalog gleichen wir nicht ab und lesen keine Bestände von einer fremden Seite: „wieder auf Lager“ bedeutet Verfügbarkeit in Ihrem Katalog bei uns, dieselbe, die unser Schaufenster sieht. Ein Produkt, das nicht im veröffentlichten Katalog des Standorts ist, nimmt die Schaltfläche nicht an.
Das Abonnement wird per E-Mail bestätigt (Double opt-in): Bis zum Klick auf den Link in der E-Mail werden keine Nachschub-Benachrichtigungen versendet.
Das Abonnement reserviert das Produkt nicht. Die Benachrichtigung wird beim Zurückkehren ins Lager in unserem Katalog versendet. In der aktuellen Version wird eine E-Mail-Adresse einmal pro Produkt berücksichtigt: Ein erneutes Abonnieren einer anderen Variante desselben Produkts ersetzt nicht die bereits gewählte Variante.
Bei strikter CSP nur mit nonce öffnet sich das Abonnement-Formular derzeit ohne zusätzliche Erlaubnis für CDN-Skripte oder eine passende 'strict-dynamic'-Richtlinie nicht: Details unter „Meine Website“.
Das ist kein einheitliches Tag. Die Schaltfläche „Über Nachschub informieren“ lädt der einheitliche Loader von „Meine Website“ nicht – sie hat ihr eigenes Tag und ihr eigenes Markup auf der Seite, weil sie nur dort steht, wo Sie sie platziert haben.

Einschränkungen#

Der Scanner liest serverseitiges HTML. Wenn der Katalog vollständig per JavaScript gerendert wird, werden Produktseiten möglicherweise nicht gefunden – dann funktioniert der Modus „Eigenes Schaufenster“.
Produkte im Warenkorb werden von den Seiten Ihrer Website übernommen, nicht aus dem Katalog im Konto: Name und Preis liest das Widget von der Seite selbst (und berechnet bei Bedarf nach Ihrer Preisregel neu). Den Katalog müssen Sie dafür nicht zu uns übertragen – aber Bestände im Konto werden bei solchen Bestellungen auch nicht abgebucht.
Im Warenkorb des Widgets können Sie Zahlung bei Erhalt oder Online-Zahlung wählen, wenn für den Standort ein unterstützter Anbieter eingerichtet ist. Nach dem Erstellen der Bestellung wechselt der Gast auf die Seite des Anbieters; das Widget selbst nimmt keine Kartendaten entgegen. Wenn die Zahlung nicht vorbereitet werden konnte, kann sie für die bereits erstellte Bestellung wiederholt werden.
Im Modus „Schaltflächen ersetzen“ werden die eigenen Schaltflächen visuell ausgeblendet; wenn es auf der Website einen anderen Weg zur Bestellung gibt (zum Beispiel einen direkten Link zu einem fremden Warenkorb), müssen Sie ihn selbst entfernen – oder in den Modus „Vollständige Übernahme“ wechseln, der solche Übergänge übernimmt.

Fehlerbehebung#

Auf der Website gibt es keine „In den Warenkorb“-Schaltflächen.

Tag nicht gefunden – klicken Sie auf „Installation prüfen“ im Bereich „Meine Website“. „Kein Code“ – das Tag ist nicht eingefügt oder steht nicht auf allen Seiten der Vorlage; „Code eines anderen Standorts“ – im Tag steht eine fremde data-domain. Wird das Tag über Google Tag Manager eingefügt, sieht die Prüfung es nicht – schauen Sie sich die Website mit eigenen Augen an.
Änderungen sind nicht angekommen – die Widget-Dateien werden über CDN mit einem Cache von 5 Minuten ausgeliefert: Warten Sie und aktualisieren Sie die Seite mit geleertem Cache.
Sitemap nicht erstellt oder nicht angewendet – in Modi außer „Eigenes Schaufenster“ werden die Schaltflächen anhand der Sitemap gesetzt: Scannen Sie die Website und wenden Sie das Ergebnis an.
Der Scanner hat keine Produktseiten gefunden – er liest serverseitiges HTML; wenn der Katalog vollständig per JavaScript gerendert wird, wechseln Sie in den Modus „Eigenes Schaufenster“.
Die Schaltfläche auf der Produktseite ist in den Platzierungseinstellungen deaktiviert – das ist so gewollt im Szenario der „vollständigen Übernahme“, bei dem der Gast auf die eigene Schaltfläche der Website klickt.

Die Warenkorb-Schaltfläche ist verschwunden. Prüfen Sie die gewählte Bildschirmecke in den Platzierungseinstellungen; wenn die Multischaltfläche aktiviert ist und in ihrem Fächer der Punkt „Bestellen“ enthalten ist, wird die eigene Schaltfläche des Widgets absichtlich ausgeblendet.

Die Schaltflächen sitzen an der falschen Stelle oder sind nach einer Website-Aktualisierung verschwunden. Das Layout hat sich geändert – klicken Sie auf „Erneut scannen“: Die Platzierungseinstellungen bleiben dabei erhalten.

Die Preise auf der Seite haben sich nicht geändert. Das Neuzeichnen der Preise direkt im Markup der Website kann per Einstellung deaktiviert werden – dann sieht der Gast den Preis der Website, und in den Warenkorb wandert Ihrer. Prüfen Sie außerdem, dass die Preisregel aktiviert ist und dass es für dieses Produkt keine punktuelle Überschreibung gibt.

Der Gast hat eine Bestellung auf der Website aufgegeben, aber im Konto ist keine Bestellung. Höchstwahrscheinlich ist die Bestellung an uns vorbeigegangen – über eine erhalten gebliebene eigene Schaltfläche oder einen direkten Link zum Warenkorb der Website. Das lässt sich mit dem Modus „Schaltflächen ersetzen“ oder „Vollständige Übernahme“ beheben.

In der Bestellung steht der falsche Preis. Das Überschreiben der Preise ist visuell: Das Backend Ihrer Website weiß nichts davon. Eigene Preise sollten Sie nur zusammen mit der Übernahme der Bestellung aktivieren – sonst wird ein Teil der Bestellungen zum alten Preis an uns vorbei aufgegeben.

Häufige Fragen#

Muss ich den Katalog zu Ihnen übertragen? Nein. Das Widget arbeitet mit den Artikeln direkt auf den Seiten Ihrer Website – Namen und Preise liest es von dort. Ein Katalog im Konto ist nötig, wenn Sie eine Lagerverwaltung, Analysen zu Artikeln und unser Schaufenster möchten: Übertragen können Sie ihn per Import über die Adresse der Website oder per Datei – siehe AI-Import des Katalogs und Onlineshop.

Was, wenn sich die Website geändert hat? Klicken Sie auf „Erneut scannen“ – die Karte wird aktualisiert, die Einstellungen für die Platzierung bleiben erhalten.

Beschädigt das Widget mein Layout? Die Buttons werden an den gefundenen Stellen Ihres Markups eingefügt, das Design lässt sich anpassen; Warenkorb und Checkout öffnen sich über der Seite und verändern Ihr Layout nicht.

Online-Bestellung auf der eigenen Website