Produkte auf jeder Landingpage – im Design der jeweiligen Seite
Der Produktblock findet automatisch seinen Platz auf der Seite, richtet sich am Website-Raster aus und übernimmt Schriftarten, Farben und Buttons. „Kaufen“ öffnet einen Chat, in dem der Bot die Bestellung mit Versand und Zahlung abwickelt. Kein Shop-Baukasten und kein Warenkorb auf der Website nötig.
Ein Block – vier verschiedene Websites
Wechseln Sie zwischen den Websites: Der Block liest die Seite jedes Mal neu ein und passt sich an. Rechts sehen Sie, was er aus dem Design übernommen hat. Und wenn Sie wirklich kaufen möchten – im im Live-Testshop Der Block wurde mit dem Standard-Widget-Code eingebunden, die Bestellung erscheint im Kundenbereich.
Websites und Produkte sind fiktiv; der Block fügt das echte LEO Chat-Skript ein. Klicken Sie auf „Kaufen“, um zu sehen, was passiert.
Was der Block von Ihrer Website ausliest
Platz auf der Seite
Findet den ersten sichtbaren Bereich und platziert sich direkt darunter – Menü und Kopfzeile werden übersprungen. Alternativ vor der Fußzeile, neben dem gewünschten Abschnitt oder dort, wo Sie den Code eingefügt haben.
Website-Raster
Der Block übernimmt Breite und Abstände des benachbarten Abschnitts. So schließt die linke Kante der Karten mit der Kante Ihres Textes ab. Auch der Rhythmus der Abschnitte bleibt individuell.
Schriftarten
Textschriftart, Schriftgröße und Groß-/Kleinschreibung der Überschriften entsprechen denen auf der Seite – einschließlich eingebundener Webfonts.
Buttons und Farben
Findet den wichtigsten Button der Website und übernimmt Farbe, Text, Form, Groß-/Kleinschreibung und Höhe. Helle Website – heller Block, dunkle Website – dunkler Block.
Telefon
Auf dem Smartphone: zwei Karten nebeneinander oder ein Karussell, bei dem die nächste Karte schon zu sehen ist. Kein horizontales Scrollen der Seite.
Wechsel zwischen Seiten
Auf Websites mit React oder Vue erscheint oder verschwindet der Block beim Seitenwechsel automatisch – je nach Regel „Auf welchen Seiten anzeigen“.
Der Bot schließt den Kauf im Chat ab
Drei Schritte – und Ihr Shop ist auf der Website
Widget einfügen
Eine Codezeile vor </body> – dieselbe wie für den Website-Chat. Für den Shop müssen Sie nichts separat installieren.
Produkte und Standort auswählen
Im Dashboard: beliebt, neu, reduziert, nach Kategorie oder manuell ausgewählt; nach dem ersten Bildschirm, vor der Fußzeile oder neben einem Bereich. Eine Vorschau ist verfügbar.
Verkaufen Sie im Chat
„Kaufen“ öffnet den Chat mit dem Produkt im Warenkorb. Der Bot fragt nach Name und Telefonnummer, bietet den Versand mit Nova Poshta und die Zahlung an – und die Bestellung geht bei Ihnen ein.
<!-- віджет LEO Chat: чат + блок товарів -->
<script src="https://chat.leochat.com.ua/w.js" data-key="ваш-ключ" async></script>
<!-- необовʼязково: блок рівно в цьому місці -->
<div data-leo-shop></div>
<!-- необовʼязково: ваша кнопка «Купити» -->
<button data-leo-buy="ID-товару">Kaufen</button>- Wir zeigen nur verfügbare Produkte, zuerst die mit Foto.
- Änderungen im Dashboard erscheinen innerhalb von 2 Minuten auf der Website.
- Die Verkäufe aus diesem Block werden separat erfasst: Impressionen, Klicks, Bestellungen und Umsatz.
Häufige Fragen
Brauche ich einen Onlineshop, damit das funktioniert?
Nein. Jede Website oder Landingpage genügt – ob mit Tilda, WordPress, Webflow oder individuell erstellt. Die Produkte stammen aus dem LEO Chat-Katalog: aus einem Prom.ua- oder Horoshop-Feed, dem strukturierten Markup Ihrer Website oder aus manueller Eingabe.
Beeinträchtigt der Block mein Design?
Der Block läuft in einem isolierten Shadow DOM: Die Website-Styles beeinträchtigen ihn nicht und seine Styles auch nicht die Website. Er übernimmt lediglich Schriftarten, Farben und Größen der Website, damit er sich nahtlos einfügt.
Und wenn die automatische Ansicht für mich nicht passt?
Aktivieren Sie den Stil „Individuell“ – legen Sie die Button-Farbe und die Abrundung fest. Überschrift, Unterzeile und Button-Text können Sie ebenfalls im Dashboard ändern.
Kann ich meinen Website-Button als Kaufbutton einrichten?
Ja. Fügen Sie einem beliebigen Button oder Link das Attribut data-leo-buy mit der Produkt-ID hinzu – ein Klick öffnet den Chat mit diesem Produkt im Warenkorb. Im Kundenbereich können Sie nach Produkten suchen und den fertigen Code generieren lassen.
Wie sehe ich, wie viel Umsatz damit erzielt wird?
Im Bereich „Shop auf der Website“ sehen Sie, wie viele Besucher den Block in den letzten 30 Tagen gesehen und wie viele auf „Kaufen“ geklickt haben – außerdem die Anzahl der Bestellungen und deren Gesamtwert. Diese Verkäufe sind auch im Dashboard sichtbar.