Produkty na dowolnym landing page’u — w jego własnym designie
Blok produktów sam znajduje miejsce na stronie, dopasowuje się do jej siatki, fontów, kolorów i przycisków. „Kup” otwiera czat, w którym bot przyjmuje zamówienie z dostawą i płatnością. Bez kreatora sklepu i bez koszyka na stronie.
Jeden blok — cztery różne strony
Przełączaj strony: blok za każdym razem odczytuje stronę na nowo i dopasowuje się do niej. Po prawej stronie zobaczysz, co dokładnie zaczerpnął z projektu. A żeby naprawdę kupić — w w działającym sklepie testowym blok podłączono standardowym kodem widżetu, zamówienie trafia do panelu.
Strony i produkty są przykładowe; blok wstawia prawdziwy skrypt LEO Chat. Kliknij „Kup”, aby zobaczyć, co się stanie.
Co blok odczytuje z Twojej strony
Miejsce na stronie
Znajduje pierwszy ekran i umieszcza się bezpośrednio pod nim, z pominięciem menu i nagłówka. Może też pojawić się przed stopką, przy wybranej sekcji lub tam, gdzie wstawisz fragment kodu.
Siatkę strony
Dopasowuje szerokość i marginesy do kontenera sąsiedniej sekcji, dzięki czemu lewa krawędź kart pokrywa się z krawędzią Twojego tekstu. Rytm sekcji też pozostaje bez zmian.
Fonty
Krój i rozmiar tekstu oraz krój, rozmiar i wielkość liter nagłówków — takie same jak na stronie, razem z podłączonymi fontami internetowymi.
Przyciski i kolory
Znajduje główny przycisk na stronie i dopasowuje jego kolor, tekst, kształt, wielkość liter i wysokość. Jasna strona — jasny blok, ciemna — ciemny.
Telefon
Na telefonie — dwie karty w rzędzie albo karuzela z fragmentem kolejnej karty. Bez poziomego przewijania strony.
Przechodzenie między stronami
Na stronach w React lub Vue blok sam pojawia się lub znika podczas przechodzenia między stronami — zgodnie z regułą „na których stronach wyświetlać”.
Bot finalizuje zakup na czacie
Trzy kroki — i sklep jest już na stronie
Wklej widget
Jedna linijka kodu przed </body> — taka sama jak w przypadku czatu na stronie. Nie musisz instalować niczego osobno w sklepie.
Wybierz produkty i lokalizację
W panelu wybierasz: popularne, nowe, przecenione, kategorię lub produkty ręcznie; ustawiasz blok po pierwszym ekranie, przed stopką albo obok sekcji. Dostępny jest podgląd.
Sprzedawaj na czacie
„Kup” otwiera czat z produktem w koszyku. Bot pyta o imię i telefon, proponuje dostawę przez Nova Poshta i płatność — a zamówienie trafia do Ciebie.
<!-- віджет 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-товару">Kup teraz</button>- Pokazujemy tylko dostępne produkty, najpierw te ze zdjęciami.
- Zmiany w panelu pojawiają się na stronie w ciągu 2 minut.
- Sprzedaż z bloku jest liczona osobno: wyświetlenia, kliknięcia, zamówienia i kwota.
Często zadawane pytania
Czy potrzebuję sklepu internetowego, żeby to działało?
Nie. Wystarczy dowolna strona lub landing page — na Tilda, WordPress, Webflow albo własnym szablonie. Produkty pobierane są z katalogu LEO Chat: z feedu Prom.ua lub Horoshop, mikrodanych na stronie albo dodanych ręcznie.
Czy blok zepsuje mój design?
Blok działa w odizolowanym Shadow DOM: style strony go nie psują, a jego style nie wpływają na stronę. Z witryny pobiera tylko fonty, kolory i rozmiary, by wyglądać jak jej część.
A jeśli automatyczny widok mi nie odpowiada?
Włącz styl „Własny” — ustaw kolor przycisków i zaokrąglenie rogów. Nagłówek, podpis i tekst przycisku też zmienisz w panelu.
Czy mogę ustawić własny przycisk zakupu na stronie?
Tak. Dodaj atrybut data-leo-buy z ID produktu do dowolnego przycisku lub linku — kliknięcie otworzy czat z tym produktem w koszyku. W panelu znajdziesz wyszukiwarkę produktów, która generuje gotowy kod.
Jak sprawdzę, ile to sprzedaje?
W sekcji „Sklep na stronie” sprawdzisz, ilu odwiedzających zobaczyło blok w ciągu 30 dni, ilu kliknęło „Kup”, ile było zamówień i na jaką kwotę. Te sprzedaże są też widoczne na dashboardzie.