Продукти на всяка лендинг страница — в нейния дизайн
Блокът с продукти сам намира мястото си на страницата, подравнява се по мрежата на сайта и използва шрифтовете, цветовете и бутоните му. „Купи“ отваря чат, в който ботът оформя поръчката с доставка и плащане. Без конструктор за магазин и без количка на сайта.
Един блок — четири различни сайта
Превключвайте сайтовете: блокът прочита страницата наново всеки път и се адаптира към нея. Вдясно виждате какво точно е взел от дизайна. А за да купите наистина — в в реален тестов магазин блокът е свързан със стандартния код на уиджета, а поръчката постъпва в профила.
Сайтовете и продуктите са примерни; блокът вгражда истинския скрипт на LEO Chat. Натиснете „Купи“, за да видите какво ще се случи.
Какво чете блокът от Вашия сайт
Място на страницата
Открива първия екран и се позиционира непосредствено под него, като пропуска менюто и хедъра. Или преди футъра, до нужната секция или там, където сте поставили реда с код.
Структурата на сайта
Използва ширината и отстъпите на контейнера на съседната секция, така че левият ръб на картите съвпада с ръба на Вашия текст. Секциите имат и собствен ритъм.
Шрифтове
Шрифтът на текста, шрифтът, размерът и регистърът на заглавията са същите като на страницата, заедно с интегрираните уеб шрифтове.
Бутони и цветове
Открива основния бутон на сайта и възпроизвежда цвета, текста, формата, регистъра и височината му. Светъл сайт — светъл блок, тъмен — тъмен.
Телефон
На телефон — две карти в ред или карусел с видим край на следващата карта. Без хоризонтално превъртане на страницата.
Преминаване между страници
На сайтове с React или Vue блокът се появява или изчезва автоматично при навигация — според правилото „На кои страници да се показва“.
Ботът завършва покупката в чата
Три стъпки — и сайтът Ви има магазин
Поставете уиджета
Един ред код преди </body> — същият като за чата на сайта. Не е нужно да инсталирате нищо отделно за магазина.
Изберете продукти и място
В кабинета: популярни, нови, с отстъпка, категория или избрани ръчно; след първия екран, преди футъра или до секцията. Има предварителен преглед.
Продавайте в чата
„Купи“ отваря чат с продукта в количката. Ботът пита за име и телефон, предлага доставка с Nova Poshta и плащане — и поръчката е при Вас.
<!-- віджет 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-товару">Купете</button>- Показваме само наличните продукти, като тези със снимки са първи.
- Промените в профила се появяват на сайта в рамките на 2 минути.
- Продажбите от блока се отчитат отделно: импресии, кликове, поръчки и сума.
Често задавани въпроси
Трябва ли ми онлайн магазин, за да работи това?
Не. Достатъчен е всеки сайт или лендинг страница — на Tilda, WordPress, Webflow или с персонализирана изработка. Продуктите се вземат от каталога на LEO Chat: фийд от Prom.ua или Horoshop, структурирани данни от сайта или добавени ръчно.
Ще развали ли блокът дизайна ми?
Блокът работи в изолиран Shadow DOM: стиловете на сайта не му пречат, а неговите стилове не променят сайта. От сайта взема само шрифтовете, цветовете и размерите, за да изглежда като част от него.
А ако автоматичният изглед не ми харесва?
Включете стила „Персонален“ — задайте цвят на бутоните и заобляне на ъглите. Заглавието, подзаглавието и текстът на бутона също се променят в кабинета.
Може ли да направя бутона на сайта си бутон за покупка?
Да. Добавете атрибута data-leo-buy с ID на продукта към произволен бутон или линк — кликването ще отвори чат с този продукт в количката. В кабинета има търсене на продукти, което генерира готов код.
Как ще видя колко продава?
В секцията „Магазин на сайта“ виждате колко посетители са видели блока за 30 дни, колко са натиснали „Купи“, колко поръчки са направени и за каква сума. Тези продажби се виждат и на таблото.
Опитайте на своя сайт
14 дни безплатно. Свържете уиджета, добавете продукти и активирайте блока с един превключвател.