Clew

Как добавить подсказку на сайт на Тильде без программиста

Контекстная подсказка на Тильде: одно предложение рядом с элементом, на котором посетители сомневаются, — ставится кликом в визуальном редакторе и показывается ровно тогда, когда помогает.

Время
● 10 минут
Цена
Тариф Free
Кто делает
Администратор сайта на Тильде

Пример: подсказка на Тильде

Клиника записывает пациентов через форму на Тильде, и люди бросают её на поле телефона. На странице /booking рядом с полем появляется подсказка «Звоним только для подтверждения времени».

Бесплатно на тарифе Free — без карты и без срока: один сайт и до 3 опубликованных туров или подсказок. Правила аудитории и A/B-тесты — в тарифе Pro.

Как добавить подсказку на Тильде: пошагово

  1. Шаг 01

    Скопируйте код Clew

    Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.

    <!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор -->
    <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
    Обзор в админке Clew: строка кода со скрытым ключом сайта (подсказка на Тильде)
    Шаг 1 · схема интерфейса
  2. Шаг 02

    Откройте настройки сайта в Тильде

    В Тильде откройте проект и перейдите в Настройки сайта → Ещё. Поле для кода в head доступно на тарифах Personal и Business.

    Пути к полю кода в head в Тильде, Битриксе, WordPress и менеджерах тегов (подсказка на Тильде)
    Шаг 2 · схема интерфейса
  3. Шаг 03

    Вставьте строку в HTML-код для HEAD

    Нажмите Редактировать код у пункта HTML-код для вставки внутрь HEAD, вставьте строку Clew и нажмите Сохранить.

    Поле «HTML-код для вставки внутрь HEAD» со вставленной строкой Clew (подсказка на Тильде)
    Шаг 3 · схема интерфейса
  4. Шаг 04

    Опубликуйте все страницы

    Код попадает на сайт только после публикации: нажмите Опубликовать все страницы. Сохранения настройки недостаточно.

    Верхняя панель с кнопками «Сохранить» и «Опубликовать все страницы» (подсказка на Тильде)
    Шаг 4 · схема интерфейса
  5. Шаг 05

    Привяжите подсказку к элементу

    В Clew откройте Сценарии → + Новый сценарий, оставьте Тултипы по шагам и нажмите Редактировать на сайте. На странице нажмите Выбрать элемент, кликните по полю или кнопке, напишите короткий заголовок и одно предложение. Если автоматическое положение что-то закрывает, задайте Уголок / позиция.

    Облачко подсказки рядом с полем формы на сайте с коротким пояснением (подсказка на Тильде)
    Шаг 5 · схема интерфейса
  6. Шаг 06

    Укажите, где, когда и кому показывать

    В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:

    НастройкаЗначение
    ФорматТултипы по шагам
    Где показывать (URL страницы)Раздел по префиксу /booking
    Когда показыватьСразу при загрузке
    Таргетинг аудиторииБез правил — все, кто открыл страницу
    ЧастотаОдин раз на посетителя
    Редактор тура в Clew: формат, правило URL, триггер и правило аудитории (подсказка на Тильде)
    Шаг 6 · схема интерфейса
  7. Шаг 07

    Опубликуйте и проверьте на сайте

    Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.

    Обзор в админке Clew: зелёная карточка «Виджет активен» (подсказка на Тильде)
    Шаг 7 · схема интерфейса

Подводные камни: подсказка на Тильде

Правки кода в head требуют публикации

Если подсказка не появляется, скорее всего страницы не переопубликованы после вставки кода. Опубликуйте все страницы ещё раз — это не меняет их содержимое.

Элементы Zero Block пересоздаются

Если элемент в Zero Block удалить и создать заново, у него поменяется идентификатор, и подсказка потеряет цель. После таких правок проверьте Проблемы и выберите элемент ещё раз.

Конструктор может пересоздать элемент

Конструкторы иногда меняют идентификаторы элементов, когда блок копируют или пересоздают. После крупных правок дизайна загляните в Проблемы: если подсказка потеряла элемент, выберите его заново.

Вопросы и ответы

Можно выбрать элемент внутри Zero Block?

Да, Выбрать элемент работает и с элементами Zero Block; если пересоздадите элемент в Тильде, выберите его ещё раз.

Работает на бесплатном тарифе Тильды?

Нет: поле для кода в head есть только на платных тарифах Тильды (Personal, Business), обходного пути нет.

Можно поставить подсказку на поле формы Тильды?

Да. Выберите поле через Выбрать элемент — формы Тильды обычные HTML-элементы.

Подсказка бесплатная?

Да, на тарифе Free — до 3 опубликованных туров и подсказок на одном сайте.

Можно открывать подсказку только по клику?

Да. Выберите По клику на элемент, укажите селектор иконки или ссылки, по которой она открывается, и поставьте Каждый визит.

Одна строка на сайте — и туры, подсказки и чеклисты без релизов.

Туры, попапы и онбординг в эпоху ИИ

7 паттернов с числом шагов, правилами текста и метриками, что меняет ИИ, чек-лист перед публикацией. PDF, 2 страницы. Что внутри гайда →