ЯК ПІДКЛЮЧИТИ ТЕЛЕГРАМ ТИЛЬДУ

Telegram є одним з найпопулярніших та найбезпечніших месенджерів у світі. Tilda Publishing дозволяє спілкуватися через телеграми, не залишаючи свій сайт за допомогою віджету.

Для підключення Telegram віджету на Tilda необхідно перейти на офіційний сайт Telegram і створити бота. Далі потрібно отримати токен і додати його в налаштуваннях віджету Tilda. Вдало підключений Telegram віджет дозволить користувачам писати, надсилати голосові повідомлення та файли, не залишаючи сайт Tilda.

Крім того, можна встановити Telegram-бота для автоматичного повідомлення про активність на сайті. Для цього потрібно створити бота в Telegram, отримати токен і додати його до Tilda. Потім налаштувати бота відповідно до потреб користувача, щоб отримувати повідомлення з цікавих тем.

Підключення Telegram до Tilda Publishing дає можливість розширити можливості сайту та покращити спілкування з користувачами. Необхідність виходу із сайту для спілкування за допомогою месенджерів відпадає, що сильно економить час та покращує досвід користувача.

Налаштування реклами в телеграм - Огляд рекламного кабінету TELEGRAM - Нові умови запуску реклами

Як підключити ТЕЛЕГРАМ до сайту на ТІЛЬДІ. Нічого складного.

Як надсилати заявки до Telegram? Отримання даних з форм у Telegram - Тільда ​​Конструктор Сайтів

Підключаємо TELEGRAM до Тільди (отримувати заявки та ліди з форм у месенджери)

Як встановити чат на сайт Тільда ​​з можливістю відповіді у Телеграм - Сервіс Telegram feedback com

Як підключити (додати) Telegram як чат? - Тільда ​​Безкоштовний Конструктор для Створення Сайтів

Як зробити щоб заявки з сайту Tilda приходили в Telegram (на особу або групу)

Посилання на Телеграм в Тільда ​​(Навчання на Тільда)

Віджет зворотного зв'язку в Zero-блоці Тільди.

ЯК ЗРОБИТИ ВІДЖЕТ ЗВОРОТНОГО ЗВ'ЯЗКУ У НУЛЬОВОМУ БЛОКУ.

Отримання даних із форм у Telegram

Не використовуйте ключі повторно. Якщо потрібно підключити Телеграм до різних проектів, для кожного проекту потрібно запитувати новий API Key та Secret Key.

Ви отримаєте у відповідь API key та Secret key – ці дані потрібно буде скопіювати та вставити на сторінці додавання Телеграма у Тільді.

Важливо: Бота також можна додати і до групи в Telegram. /start , а наступні дії збігаються з інструкцією для додавання діалогу з роботом для одного користувача.

Telegram API Key буде від'ємним, тобто зі знаком мінус.

Tilda та чат-бот: приклад інтеграції

Привіт, друзі! Сьогодні ми поговоримо про те, як досягти ефективної обробки замовлень, оформлених на сайті стандартного інтернет-магазину на Tilda. Tilda безпосередньо, а також покажу як можна підключити до обробки замовлень чат-бота на прикладі сервісу ChatApp. поговоримо про принцип цієї інтеграції (тобто про механізм вебхука) і про перевірені на практиці сценарії використання бота. і замовнику, і менеджерам, і звісно, ​​власнику проекту.

У своїй першій статті я говорив про роботу з Авіто.Месенджером, і ми обговорювали, як зберегти комунікацію з клієнтами, навіть якщо вони прийшли о 4-й ранку. Друга стаття була про підключення чат-бота до основного спілкування з клієнтами у месенджері. Але сьогодні ми говоримо про оформлення заявки із сайту. Тут багато що змінюється, тому що після натискання кнопки "оформити заявку" ймовірність завершення покупки становить близько 90%, і вибудувати комунікацію так, щоб вона була комфортною для клієнта, а також вирішувала мої завдання, як власника бізнесу, дуже важливо.

Ось що я розповім у цій статті докладніше:

1. Як відбувається передача замовлення з Tilda до чат-боту
2. Як зчитувати вкладені параметри з вебхуку
3. Плюси використання чат-бота для узгодження доставки
4. Збір зворотного зв'язку та відгуків
5. Як зробити так, щоб бот не набридав клієнту після завершення спілкування

Передмова. Чому Tilda і навіщо нам чат-бот?

Сьогодні мало хто хоче витрачати багато часу і ресурсів на розробку та підтримку інтернет-магазину, особливо якщо від нього не потрібно нічого специфічного. Як і багато інших, натомість я хотів взяти якийсь простий і зрозумілий конструктор із досить широкими можливостями. Tilda ідеально підійшла для цього завдання.

Отже, сайт був зроблений, механізм розкладання кроликів та аксесуарів - продуманий, товари готові до замовлення (не будемо тут говорити про це надто докладно, матеріалів по Tilda на Хабрі достатньо). І коли користувач оформляє покупку, Tilda пропонує йому заповнити таку форму.

Далі можна надіслати це все на пошту менеджеру. Але тоді ми отримуємо більшу залежність від ручної обробки заявок - листа можна не помітити, пропустити, забути надіслати відповідь.Втратити клієнта, що оформив замовлення з кошика, завжди дуже прикро. Тому мені хотілося запустити процес комунікації одразу після оформлення, щоб клієнт знав, що ми вже думаємо про те, як навести йому кролика. І саме тут чудово підходить чат-бот.

Підключаємо чат-бота - використовуємо вебхук

Зробити це, як з'ясувалося, дуже просто, тому що Tilda, на нашу радість, підтримує вебхукі.

Webhook – це автоматично згенерований HTTP-запит, створений з урахуванням будь-яких даних. Вебхук запускається за певною подією у вихідній системі та передається іншій системі моментально

Цей механізм дозволяє передати дані подібного запиту безпосередньо в роботі ChatApp. І що найважливіше, передача відбувається без затримок.

Правда, щоб Tilda почала віддавати веб-хук, потрібно його налаштувати. Для цього доведеться зробити пару кліків мишкою.

Спочатку зайдемо в конструктор робота ChatApp і почнемо створювати ланцюжок дій, який буде починатися з Вебхука.

У модулі "вхідний webhook" потрібно вписати імена змінних, які вам знадобляться. У найпростішому з моїх сценаріїв це були ім'я (name_id) і телефон (phone_id). Можна додати й інші, але головне, щоб змінні відрізнялися від системних змінних ChatApp (тобто брати name і phone не можна). І ще - не забудьте зафіксувати відповідність цих змінних значень заповнюваних форм у Tilda, інакше в вебхук підуть порожні рядки.

Внизу блоку є посилання. Потрібно її скопіювати. Після цього ми відкриваємо панель керування Tilda і заходимо до розділу "Налаштування"

У самому низу ви знайдете розділ налаштування вебхука

Як тільки ви зайдете до цього розділу, Tilda запропонує вам ввести скрипт для вебхука:

Ніяких більше параметрів вводити не потрібно – назва API та ключ тут не потрібна. Єдине, що потрібно вибрати, – це метод запиту. Інтеграція через вебхук працюватиме лише в тому випадку, якщо ви поставите POST. Також необхідно відзначити ось ці два чекбокси:

Якщо все пройде правильно, ви отримуєте таке повідомлення.

Після такого підключення Tilda щоразу відправляє webhook у мого чат-бота, коли черговий користувач складає кроликів та аксесуари у кошик та оформляє заявку.

Чат-бот починає діалог

Далі вся магія йде на стороні ChatApp. Ось як виглядає базовий сценарій вже у конструкторі бота. На відміну від кейсів, про які ми говорили у попередніх статтях, у цьому випадку спілкування з клієнтом починається з блоку Вхідний webhook у конструкторі ChatApp. Він ініціює подальшу комунікацію і від нього ми будуємо подальший сценарій спілкування (у цьому випадку ініціюються комунікації через канали WhatsApp business API (WABA) та personal Telegram)

На скріншоті видно, що я використав у полі name_id, щоб отримати з Tilda ім'я клієнта, а також phone_id, щоб дізнатися про його телефон. У другому блоці конструктора ми укладаємо ці назви полів у подвійні фігурні дужки, і тоді замість буде ім'я клієнта, а замість його номер телефону. Третій блок – створює умову: якщо клієнт щось відповів на вітання, діалог буде переданий оператору, якщо ні – ви можете передбачити якісь інші дії.

Найпростіший варіант використання такої зв'язки – повідомити клієнта:“Здрастуйте, ваше замовлення №12345 прийнято! Менеджер зв'яжеться з вами протягом 24 годин!

Ось як виглядає відправка персонального повідомлення з конструктора роботів ChatApp.

Дізнатись більше.

Але повернімося до налаштування вебхука в Tilda. Як ви пам'ятаєте, ми попросили Tilda надсилати нам дані масивом, а також у форматі файлу JSON.

Формат JSON за бажанням дозволяє витягти всі складові замовлення. На скріні нижче – приклад такого JSON-повідомлення, яке передається веб-хуком з Tilda. За назвами змінних можна вибрати потрібні дані для подальшої обробки.

До речі, розбираючи список покупок з JSON-файлу, я налаштував передачу замовлення менеджеру прямо в чаті - тобто вміст кошика та адресу доставки. Щоб ChatApp обробив їх, потрібно розібрати дані з вебхука за змінними. Назви змінних можна переглянути в Tilda. За замовчуванням конструктор сайтів використовує стандартні змінні, які можна дізнатися із документації Tilda.

Я, наприклад, витягаю з веб-хука всі позиції замовлення, щоб спеціально дублювати всю інформацію з посиланнями на наш сайт прямо в чат. Звичайно, цього можна було б не робити. Але якщо всі позиції вже є в чаті, менеджеру не потрібно залазити до Бітрікса для подальшої роботи з клієнтом. Це, як показала практика, заощаджує купу часу.

Отак виглядає моє повідомлення клієнту від бота.

Менеджер пішов ... а діалог продовжується

Чи може бот бути корисним клієнту без менеджера? Дуже може! Ми, наприклад, зашили в бота рекомендації та правила щодо поводження з кроликами.

У нас є розділ на сайті “Питання та відповідь”, в якому близько 50 готових порад та лайфхаків щодо утримання карликових кроликів. Частково його вміст дублює наш чат-бот, щоб користувачі знали, що саме потрібно для того, щоб кролику було добре та комфортно у вас вдома.

Ви можете сміятися, але купуючи кроликів не всі замислюються про клітку, про перенесення, про корм або наповнювач. Принадність чат-бота полягає в тому, що він може запропонувати додаткові товари. І приблизно в 40% випадків ми продаємо щось ще дійсно потрібне клієнту.

Збір відгуків через бота

Сьогодні будь-якому інтернет-магазину потрібні відгуки. І якщо менеджери часто забувають попросити людей залишити відгук, сценарій для бота має на увазі, що кожен покупець отримує пропозицію розповісти про нашу покупку на Авіті або на Яндекс.Картах.

Тут, звичайно, можна спитати — а якщо людина не хоче залишати відгук? Ми не наполягаємо. Але тим, хто залишить даруємо 1 кг корму. Люди в більшості випадків планують годувати свого кролика (Не подумайте нічого поганого! Просто кроликів часто також беруть також на подарунок, і тоді годувати їх буде хтось інший). Тому вони раді залишити відгук та отримати бонус у вигляді корму. А для нас це згодом стає додатковою нагодою продати разом із цим 1кг щось ще. Не поїде ж людина до нас за одним лише кілограмом їжі для кролика.

Після всього цього дуже важливо зупинити сценарій, щоб він не повторився при повторній зустрічі з клієнтом і не докучати йому "ботовою тупістю", яка з'являється лише при неправильному програмуванні бота.

Висновок

На сьогоднішній день я використовую різні рівні роботи з чат-ботом, максимально знижуючи навантаження на менеджерів, які ведуть спілкування з клієнтами через ChatApp.При цьому підключення до Tilda виявилося одним із найрезультативніших напрямків автоматизації — просте підключення ChatApp через вебхук до вже створеної структури обробки заявок дозволило оптимізувати роботу менеджера, забезпечити додатковий продаж, а також ефективно збирати зворотний зв'язок та відгуки. До речі, якщо в статті щось незрозуміло, інструкція з підключення є на сайті ChatApp.

У сумі використання чат-бота на базі ChatApp дозволило мені збільшити прибуток у 3,2 рази за рахунок швидкої та ефективної обробки лідів. Ми підвищили конверсію з Авіто на 70%, а також побудували найбільш тямущі сценарії для спілкування в WhatsApp. Схема автоматизації взаємодії з Tilda допомогла економити до 30% часу менеджерів, який раніше витрачався на оформлення замовлень, при тому що вартість чату (переконайтеся самі) виявляється набагато нижчою за зарплату менеджера.

При цьому я намагався робити так, щоб чат-бот не заважав, лише допомагав і менеджеру, і клієнту. І за цей час ми не мали жодної скарги, що на заявки відповідає чат-бот.