Как создать сайт в Telegram с помощью Бота | Flowxo
Вставка
- Опубліковано 20 жов 2017
- Подпишись на канал - / @user-tp5vt1hn6q
Ставьте ПЛЮСики (+) в комментариях под видео, чтобы получить PDF-версию урока.
Приветствую вас дорогие зрители!
В эфире Ким Сергей.
Сегодня вы узнаете, как создать аналог простейшего сайта-визитки в Telegram с помощью бота.
Сразу оговорюсь, данное решение не является полноценной заменой веб-сайту (да и не может ею быть в связи с рядом технических ограничений - как функциональных, так и визуальных). Однако учитывая бешенный рост популярности Telegram-мессенджера, как канала коммуникаций, вашим потенциальным клиентам будет гораздо удобнее узнать больше о вас и ваших услугах непосредственно в мессенджере, чем переходить в браузер.
Итак, как же это сделать.
Мы изначально выбрали простейшую структуру. Когда речь идет о Telegram, то чем проще, тем лучше - чтобы не запутать пользователей.
Поэтому мы создали 5 разделов.
Обо мне.
Услуги
Кейсы
Блог
Контакты
В свою очередь раздел «обо мне» имеет подразделы Отличия от конкурентов, Методика работы, а также кнопки «Задать вопрос» для обратной связи и кнопку перехода на главную страницу.
При переходе в подразделы в отличия от конкурентов или методика работы, пользователь будет видеть соответствующий текст. С помощью кнопок он может либо связаться со мной, или перейти назад или вообще вернуться на главную.
Итак, я покажу вам запрограммировать сайт-бот на примере создания именно этой ветки. Все остальные вы можете создать по той же схеме в зависимости от структуры вашего бота.
Я специально так делаю, чтобы видео не растянулось на целый час.
Итак, в первую очередь вам нужно создать бота с помощью Telegram-бота «BotFather». Я уже показывал вам как это сделать в другом видео. Оставлю ссылку под видео! Просто посмотрите ролик с третьей минуты.
Итак, с чего мы начинаем. С создания главной страницы.
Создаем новый поток. Подключаем его к созданному боту и тестовой консоли. Я использую тестовую консоль, чтобы сразу видеть что у меня получается, нужно ли что-нибудь исправить.
Далее выбираем действие. Выбираем Interact (взаимодействие) и пункт Catch All (захватить всех)
Это стартовая шаг, когда ваш бот запускается.
Переименовываем это действие в Site.
Затем мы создаем главную страницу. Для этого добавляем действие, выбираем Send Message. В открывшееся поле я вставляю текст, который будет отображаться на главной странице. Затем я добавляю кнопки разделов. Вот обо мне. Затем жму на плюсик и добавляю другие разделы - Услуги. Портфолио и кейсы. Блог. Контакты.
Жмем далее. Добавляем фильтры.
Вот здесь выбираем Message. Выставляем Equals для Condition. И прописываем значение /start
Добавляем еще один фильтр. Снова выбираем Message. Ставим Equals. И прописываем на Главную.
Как я и говорил ранее, в этом видео мы детально разберем одну ветку, а другие вы сможете создать по той же схеме.
И ветка, которую мы будем создавать - это обо мне.
Добавляем действие - Send Message. Открывается окно. Вставляем сюда текст, которой должен открываться на странице обо мне. И добавляем сюда кнопки подразделов «Отличия от конкурентов» и «Методика работы». Также добавляем кнопки «Задать вопрос» для обратной связи и кнопку для возвращения на главную страницу.
Идем дальше. Добавляем фильтр. Выбираем значение Message. Здесь ставим Equals. Прописываем обо мне.
Добавляем еще один фильтр. Снова выбираем Message. Equals. И прописываем Назад. Сохраняем все. Переименовываем действие в About.
Теперь нам нужно развить ветку. И прописать те действия, которые будут происходить, когда пользователь будет заходить в подразделы. Например, в подраздел «Отличия от конкурентов». Для этого добавляем действие - Send Message. Вставляем текст, который мы подготовили для этой страницы. Добавляем кнопки - Написать мне, Назад и На Главную.
Жмем далее. Добавляем фильтр. Выбираем Message. Ставим Equals. И прописываем Отличия от конкурентов, т.е. ту самую страницу, которую мы делаем.
Сохраняем. Изменяем названия действия на Отличия.
Теперь нам нужно разобраться с тем, что будет происходить, когда пользователь нажмет на кнопку Написать мне. Кстати, вы увидите дальше, что обратную связь я стараюсь засунуть буквально на каждой странице. Почему? Потому что на веб-сайтах блок обратной связи сквозной - его можно увидеть практически на каждой странице. И это правильно. Потому что если пользователь решил с вами связаться, нужно облегчить ему этот процесс, а не заставлять его искать ваши контакты.
Ссылка на видео - • Как создать сайт в Tel...
Давайте общаться!
Я в Facebook - / sergioclemane
Я в Telegram - t.me/Kim2Master
Спасибо за PDF. Уже скачал по ссылке ниже. Классное и полезное видео сделали.
Рад знакомству, Сергей! Недавно имел счастье общаться с Вами на встрече НМЦ в Авалоне. Удачи!
Благодарю за отзыв, Бабур! Предлагаю зафрендиться на фейсбуке - facebook.com/SergioClemane и продолжить общение!
Очень нравятся ваши обучалки 👍
Руслан, благодарю за отзыв. Обратная связь мотивирует меня работать дальше над каналом
Ким Сергей, я недавно купил курс обучения по чат-ботам. Ваши бесплатные видео гораздо лучше! Всё чётко, нравятся схемы-майндмэпы. Ну, и подача классная.
Можно побольше таких видео.
Спасибо очень помогло
Рад это слышать!
Очень интересная информация! Жду pdf :)
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Коротко, ясно и чётко, спасибо
Благодарю за отзыв!
+ Кратко и по существу, спасибо!!! Буду признателен за PDF-версию урока
+ Спасибо, Ты молодец!
отлично объяснил, спасибо +
Супер полезное видео спасибо.
Благодарю за отзыв! Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Сергей! Как всегда на высоте. +
+ Спасибо! Были бы все такие!
Постараюсь держать марку (и даже повышать). Запланированы видео не только по Telegram, но и другим инструментам. Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Сергей привет тебе вновь из Одессы!
+
Артем, привет! Благодарю! Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Сергей, ты красавчик
Стас, благодарю! Ваша ссылка, на всякий случай) - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+ Спасибо, Ты молодец
+ Все супер. Спасибо
Спосибо за видео.
+
Привет. Спасибо за видео. Есть ли способ создать собственного бота для хранения файлов и организовать свое облачное пространство? Чтобы не пользоваться чужими ботами-посредниками.
2 минуты было всего понятно а потом создаём новый поток переходим на какой то сайт который не указываем и не оговариваем по моему любого введёт в заблуждение
+ Спасибо! Доступно и просто.
+ Очень полезное видео. Благодарю
+
Спасибо.
Подробно и ясно. 👍
+
Спасибо. Полезно.
+. Приветствую Сергей. Очень удачно попал на твоё видео. Спасибо, очень интересно и всё понятно
+спасибо тебя, это очень полезно
+ Спасибо большое!
Молодцы ребята ! +
+ спасибо. Всё просто и понятно.
+ благодарю вас за идеи 🤝
+ спасибо за помощь
Рад помочь! Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+ Сергей, приветствую. Сейчас нет опции send message to E-Mail. Как быть? Посоветуйте, какую опцию выбрать, чтобы вопросы, которые будут задавать, приходили туда, куда нужно, а самое главное, с ответом напишите как этот сделать. Заранее благодарен.
+ спасибо
Дмитрий, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+ Отличное видео
Здравствуйте , Сергей. Скажите, на рассказаном Вами сайте, можно поместить прайс листы в формате .xls
Владимир, вы можете разместить ссылку на скачивание этой таблицы.
*Подчеркну что-это обычный бот Telegram а не сайт, ведь у сайта есть домен дизайн и т.д. А так годно.*
В видео я тоже подчеркнул, что это скорее аналог сайта, поскольку функционал мессенджеров сильно ограничен, в том числе в плане дизайна
+ Весьма познавательно
+
Всё отлично Сергей,только немного быстрова-то... Не всё успеваешь переваривать.... Кстати! Мой вопрос на фэйсбуке так и остался без ответа...! ;) :))
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Много вопросов приходит каждый день, не всегда удается все просмотреть и на все ответить
СПС !!!
Благодарю за отзыв! Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+++ Спасибо ♥♥♥
+очень полезное видео!
+ благодарю
Здравствуйте, скажите этот сайт на котором создаем бота он бесплатный? или нужно платить плату, не могу понять на каком этапе нужно будит платить за пользование. Спасибо
Супер продолжай а том же духе. ;) +++++++++++++++++++++++++
+ Спасибо
Здравствуйте, как создать доску объявление в Telegram?
Ставлю +
Сергей, создавал этот поток, но в последнем обновлении FlowXO в меню нельзя использовать значения более 20 символов.
Как теперь быть? Я выкрутился из ситуации циферками. Но с меню конечно красивее. Жаль поставили это ограничение.
Меня некоторые изменения flowxo тоже удручают. Ввели бы лучше что-нибудь толковое, вроде поддержки inline-клавиатуры. А так пока приходится решать этот вопрос через API
К счастью есть наш отечественный сервис chatforma. Там скоро кнопки инлайн появятся. Будет круто, если запилишь видос по этому сервису
+ Супер!
+ Спасибо.
++++ спасибо
Можно ли потом редактировать, изменять функционал бота или нужно создавать новый?
Редактировать можно (добавлять, убирать разделы). Ну будьте готовы, что некоторые пользователи (которые уже активировали бот) могут застрять (у них все кнопки навигации исчезнут).
Можно конечно)
Здравствуйте вы делаете теллеграм бота на заказ...? ответьте пожалуйста.
Здравствуйте. Да мы делаем ботов любой сложности. Напишите мне в Телеграм - t.me/Kim2Master
+ заранее спасибо
++++++ получилось!!!! ставлю ++++ можно инструкцию?
Подскажите как ввести данные от пользователя , которые хочу получить ?
+ Ким, попутного!
Олег, благодарю! Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Я создаю украшения ручной работы, скажите платформа телеграм мне в этом может быть в помощь? Продажи и привлечение клиентов.
Благодарю за вопрос Татьяна. Если у Вас есть опыт привлечения клиентов во ВКонтакте, то сделать это с помощью Телеграм вы конечно же сможете. Просто здесь рекомендуется связка - Телеграм-бот (как площадка продаж) + Телеграм-канал или группа (как канал коммуникации и привлечения потенциальных покупателей).
Привет! 🖐️ +
Привет. А как сделать каталог с фотками?
Привет. Если будете делать через flowxo возможно вам понадобится функция Cards. Каталоге через flowxo я еще не реализовывал.
Здравствуйте +
Здравствуйте, Левон. Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Илья, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
тот сервис платный?
Подскажите, пожалуйста, как убрать вот такие уведомления "Просто напоминание об ответе на мой вопрос." и "Вы не ответили, так что я сейчас уйду.', которые выскакивают через 3 и 5 минут соответственно после того, как пользователь не совершает никаких децствий? Заранее спасибо!
+ Добрый день. Можно мне PDF версию.
А как у вас получается ставит значки перед словами обо мне и тд?
Значки нужно копировать из списка стикеров Телеграм. И учитывать их при создании фильтров.
Как редактировать кнопки?
+ Сергей пдф прям необходим а то на видео мутно видно некоторые значения
Здравствуйте, а где инструкции?
Вот Ваша инструкция - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Спасибо огромное Сергей
У меня не добавляет почта где там нету?
+ Спасибо, Ты молодец!
+ Кратко и по существу, спасибо!!! Буду признателена за PDF-версию урока
+ спасибо
+ Спасибо
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Дмитрий, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+ Кратко и по существу, спасибо!!! Буду признателена за PDF-версию урока
+ спасибо
+
Спасибо
+
Ирина, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Спасибо!
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Руслан, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ольга, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
Благодарю 🤝🌹
+
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Я получил Ваше сообщение в боте. Вот ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Игорь, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Филипп, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+ Спасибо, Ты молодец!
+
Мурад, ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Виктория, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Руслан, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Павел, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Сергей, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Александр, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing
+
Талгат, Ваша ссылка - drive.google.com/file/d/0B25XxojezlYTT0RLb282b3poN3M/view?usp=sharing