Содержание
На Tilda онлайн-чат подключается через блок с HTML-кодом. Чтобы не вставлять код на каждую страницу отдельно, его добавляют в подвал сайта — тогда чат появится везде. Ниже — порядок действий на примере Simon.
Что понадобится
- Аккаунт в Simon и код виджета из личного кабинета (блок «Код для вставки на сайт»).
- Тариф Tilda, на котором доступна вставка своего HTML-кода. На момент написания статьи на бесплатном тарифе такой возможности нет — проверьте условия своего тарифа.
Шаг 1. Укажите в Simon правильный адрес сайта
Виджет Simon загружается только на домене, указанном в настройках. Если к сайту подключён свой домен, указывайте его. Если сайт работает на адресе вида project.tilda.ws — указывайте этот адрес.
Шаг 2. Создайте страницу-подвал, если её ещё нет
В Tilda общий подвал — это обычная страница, которая назначена подвалом в настройках сайта: «Настройки сайта» → «Шапка и подвал». Если подвал у вас уже есть, просто откройте эту страницу в редакторе.
Шаг 3. Добавьте блок T123 «HTML-код»
- На странице подвала нажмите «Добавить блок».
- В библиотеке блоков откройте категорию «Другое» и выберите блок T123 «HTML-код».
- Нажмите «Контент» и вставьте код виджета целиком.
- Сохраните блок.
Шаг 4. Опубликуйте все страницы
Изменения в подвале появятся на сайте только после публикации. Нажмите «Опубликовать все страницы» в настройках проекта — иначе чат будет виден только на тех страницах, которые вы переопубликовали вручную.
Шаг 5. Проверьте
В режиме редактирования и предпросмотра чат может не отображаться — проверяйте на опубликованном сайте. Откройте его с телефона, напишите сообщение и убедитесь, что оно пришло оператору.
Почему не стоит вставлять код в HEAD
В настройках сайта Tilda есть поле для кода внутри <head>. Для чата Simon оно не подходит: код виджета добавляет кнопку в тело страницы, а в момент выполнения кода из head тела страницы ещё нет. Используйте блок T123.
Частые вопросы
Чат появился не на всех страницах
Проверьте, что страница с блоком T123 назначена подвалом и что вы опубликовали все страницы. У отдельных страниц подвал может быть отключён в их настройках.
Кнопка чата перекрывает кнопку «Наверх» или виджет мессенджеров
Кнопка Simon расположена в правом нижнем углу. Если там же стоит другой плавающий элемент Tilda, перенесите его влево или отключите — два виджета в одном углу мешают друг другу.
У меня лендинг из одной страницы
Тогда отдельный подвал не нужен: добавьте блок T123 в самый низ этой страницы.
После установки
Обязательно откройте сайт с телефона и посмотрите, как чат выглядит на маленьком экране и не закрывает ли кнопка важные элементы, — об этом статья «Где разместить виджет чата на сайте». Общая инструкция для любых сайтов — в статье «Как установить онлайн-чат на сайт».
