Создайте собственный чат-бот на конструкторе и установите на Ваш сайт бесплатно
Конструктор чата — выбор цвета
База знаний (Вопрос — Ответ):
Приветственное сообщение:
Настройка кнопок меню:
Обновления применены! ✓
Фон чата
Кнопка чатаТекст кнопки чата
Кнопка отправки (цвет виден, если поле ввода не пустое)
Фон для пользовательских сообщений
Фон для сообщений бота
Шрифт для сообщений бота
Шрифт для пользовательских сообщений
Название чата, размер шрифта и цвет
Размер шрифта и цвет для даты сообщений
Имя бота, размер шрифта и цвет
Фон для контейнера с кнопками
Фон для кнопки Звука
Обводка для КнопокЦвет текста кнопок при наведенииКонструктор градиента для кнопок:
Выбирайте цвет в палитре и жмите "Добавить" или просто редактируйте список выше.
Установка на сайт
Инструкция по установке на сайт
Для добавления чат-бота на сайт, созданный на Тильде, необходимо иметь подписку на Тильду, чтобы была возможность добавлять блок T123.
Создайте Блок T123
Нажмите "Контент" и вставьте код, который вы сгенерировали и скопировали, в Блок T123.
Чтобы добавить чат-бот на страницы сайта, скопируйте созданный Блок T123 и вставьте в любое место на все страницы сайта. Если вы хотите добавить чат-бот только на некоторые страницы, вставьте Блок Т123 только на эти страницы.
Установите бесплатный плагин WPCode (или "Insert Headers and Footers").
Зайдите в меню Code Snippets -> Header & Footer.
Вставьте скопированный код в поле Footer и нажмите «Save».
Перейдите в Настройки -> Настройки продукта -> Шаблоны сайтов.
Выберите ваш основной шаблон и нажмите «Изменить».
Прокрутите код до самого низа и вставьте скрипт прямо перед тегом </body>.
Перейдите в Настройки -> Пользовательский код.
Нажмите + Добавить код, вставьте скрипт.
Выберите "All pages" (Все страницы) и расположение "Body - end".
Перейдите в Online Store -> Themes -> Кнопка ... (три точки) -> Edit Code.
Откройте файл theme.liquid.
Вставьте код перед тегом </body> и сохраните.
Зайдите в настройки страницы или сайта.
Найдите раздел «Произвольный код» (или «Метрика и скрипты»).
Вставьте код в секцию «Перед закрывающим тегом </body>».
Откройте ваш .html файл.
Вставьте код в самом конце файла перед тегом </body>.