Как да инсталирате агента на уебсайт Tilda
Стъпка по стъпка: къде в Tilda да поставите кода на уиджета, как да го свържете с количката, какво да правите с кеша и как да проверите дали агентът работи на всички страници.
Tilda е най-честият случай сред нашите магазини: сайтът е красив, има стоки, но няма кой да отговаря на въпроси. Инсталацията отнема пет минути и не изисква програмист.
Стъпка 1. Копирайте кода#
В кабинета отворете „Уиджет и връзка“ и натиснете „Копиране на код“. Това е един ред от вида <script src="…" async></script>.
Стъпка 2. Поставете го в Tilda#
- В личния кабинет на Tilda отворете нужния проект.
- Натиснете „Настройки на сайта“.
- Отидете в раздел „Още“ → „HTML код за вмъкване в head/body“.
- Поставете кода в полето HTML код за body (не в head).
- Запазете.
Следва задължителна стъпка, която често се забравя: публикувайте всички страници отново. Tilda прилага кода при публикуване, затова на непубликуваните страници уиджетът няма да се появи. В списъка със страници има бутон за публикуване на всички наведнъж.
Ако поставите кода в полето за head, уиджетът също ще се зареди, но по-късно и с риск от конфликти. Правилното място е body.
Стъпка 3. Свържете с количката#
Ако имате магазин в Tilda със собствена количка, не е нужно да включвате плащане в чата. Вместо това посочете в настройките на магазина връзка към количката: обикновено това е адресът на страницата с количката на вашия сайт. Агентът ще насочи купувача към нея, а оформянето ще протече по обичайния начин.
Ако нямате количка и стоките се продават „по запитване“, включете плащане в чата — тогава целият процес ще остане в рамките на кореспонденцията. Подробности в статията Плащане в чата.
Стъпка 4. Съберете каталог#
В настройките посочете адреса на сайта и стартирайте анализ. Обхождащият робот чете продуктовите карти на Tilda, включително цени, характеристики и снимки, и същевременно определя валутата на магазина.
Ако стоките ви не са в каталога на Tilda, а са описани в блокове по страниците, обхождането все пак ще намери цени и имена, но продуктовите карти ще бъдат по-непълни. В този случай помага импортът на CSV от „Каталог“ — Tilda може да експортира стоки във файл.
Агентът не разказва за стоката — той води към нея#
Това е мястото, където чатът престава да бъде просто чат. Купувачът пита „какво имате до три хиляди“, а агентът отговаря не с абзац текст, а с продуктови карти: снимка, име, цена, бутон. Натискането отваря същата тази страница на продукта във вашия сайт — в същия прозорец, без нов раздел и без загуба на контекст.
След това човекът попада в познатата фуния на Tilda: вашата продуктова карта, вашият бутон „Купи“, вашата количка. Агентът доведе, магазинът продаде.
Второто, което обикновено не се очаква: агентът вижда коя страница чете купувачът в момента. Той взима маркировката на продукта от страницата — име, артикулен номер, цена — и разбира въпроса в контекст. Човекът е на продуктовата карта на син фотьойл и пише „а има ли възглавници за него?“ — агентът знае за кой фотьойл става въпрос и предлага това, което наистина подхожда.
Връзката към продукта е активна и там, където няма сайт: ако продуктовата карта е дошла от публикация в Instagram или TikTok, бутонът ще отвори оригиналната публикация. Каталогът е събран от различни места, но винаги води до мястото, където може да се купи.
- Отворете сайта в режим инкогнито. Бутонът за чат трябва да се появи в долния десен ъгъл след секунда-две.
- Задайте въпрос за продукт — агентът трябва да покаже продуктова карта.
- Попитайте за доставка — отговорът трябва да съвпада с вашите условия.
- Проверете телефона: на мобилната версия бутонът не трябва да закрива количката на Tilda.
Ако бутонът закрива нещо важно, променете позицията му на лява в раздел „Уиджет и връзка“.
Чат в тон със сайта#
Сайтовете на Tilda могат да бъдат както светли, така и подчертано тъмни, затова уиджетът има три режима на тема: светла, тъмна и „като на посетителя“. Последният се адаптира към настройките на устройството на човека и е зададен по подразбиране.
Ако вашият сайт е направен в един стил, задайте същата тема твърдо — чатът ще спре да изпъква като кръпка в ъгъла. Акцентният цвят при това остава ваш във всяка тема.
Стъпка 5. Проверете#
Чести проблеми#
Уиджетът не се появи. В девет от десет случая страниците не са препубликувани след поставяне на кода. Публикувайте отново и обновете страницата с изчистване на кеша.
Уиджетът не се вижда на всички страници. Кодът е поставен не в настройките на сайта, а в отделен блок T123 на една страница. Преместете в „Настройки на сайта“ → „Още“.
Бутонът се появява със закъснение. Това е нормално: скриптът се зарежда асинхронно, след основното съдържание, за да не забавя страницата.
Конфликт с друг чат. Два чата в един ъгъл се припокриват. Оставете един или ги разположете на различни страни.
Често задавани въпроси#
Необходим ли е платен тариф на Tilda#
Кодът се поставя в настройките на сайта, което е достъпно при платените тарифи на Tilda. При безплатен тариф вмъкването на произволен код не се поддържа — тогава използвайте връзка към агента и я поставете като бутон на страницата.
Ще забави ли уиджетът сайта#
Не. Скриптът тежи малко и се зарежда асинхронно, самият прозорец на чата се зарежда само при натискане на бутона. Това не влияе на скоростта на зареждане на страницата на Tilda.
Може ли агентът да се постави само на една страница#
Да, поставете кода не в настройките на сайта, а в блок „T123 HTML“ на нужната страница. Така правят например за лендинг страница на един продукт.
Работи ли това с Tilda Store#
Да. Агентът чете продуктовите карти и количката, а оформянето оставя на магазина на Tilda: купувачът отива във вашата количка с избрания продукт.
Как да премахнете уиджета от сайта#
Изтрийте реда с кода в настройките на сайта и препубликувайте страниците. Данните и диалозите при това се запазват, връзката към агента ще продължи да работи.
