Как добавить подсказку на сайт на WordPress без программиста
Контекстная подсказка на WordPress: одно предложение рядом с элементом, на котором посетители сомневаются, — ставится кликом в визуальном редакторе и показывается ровно тогда, когда помогает.
- Время
- ● 10 минут
- Цена
- Тариф Free
- Кто делает
- Администратор WordPress
Пример: подсказка на WordPress
Магазин на WooCommerce продаёт цифровые шаблоны, а покупатели не находят свои файлы. В кабинете /my-account подсказка указывает на вкладку Загрузки: «Ваши файлы здесь — ссылки бессрочные».
Бесплатно на тарифе Free — без карты и без срока: один сайт и до 3 опубликованных туров или подсказок. Правила аудитории и A/B-тесты — в тарифе Pro.
Как добавить подсказку на WordPress: пошагово
- Шаг 01
Скопируйте код Clew
Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Шаг 1 · схема интерфейса - Шаг 02
Установите плагин для кода в шапке
В Плагины → Добавить новый установите и активируйте бесплатный плагин WPCode (или используйте настройку «скрипты в шапке» вашей темы). Не правьте
header.php: обновление темы его перезапишет.
Шаг 2 · схема интерфейса - Шаг 03
Вставьте строку в поле Header
Откройте Code Snippets → Header & Footer, вставьте строку Clew в поле Header и нажмите Save Changes.
Шаг 3 · схема интерфейса - Шаг 04
Очистите кеш
Если стоят WP Rocket, LiteSpeed Cache, W3 Total Cache или CDN, очистите кеш. В настройках отложенной загрузки JavaScript исключите
tryclew.ru/widget.
Шаг 4 · схема интерфейса - Шаг 05
Привяжите подсказку к элементу
В Clew откройте Сценарии → + Новый сценарий, оставьте Тултипы по шагам и нажмите Редактировать на сайте. На странице нажмите Выбрать элемент, кликните по полю или кнопке, напишите короткий заголовок и одно предложение. Если автоматическое положение что-то закрывает, задайте Уголок / позиция.
Шаг 5 · схема интерфейса - Шаг 06
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Формат Тултипы по шагам Где показывать (URL страницы) Раздел по префиксу /my-accountКогда показывать Сразу при загрузке Таргетинг аудитории Без правил — все, кто открыл страницу Частота Один раз на посетителя 
Шаг 6 · схема интерфейса - Шаг 07
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 7 · схема интерфейса
Подводные камни: подсказка на WordPress
Отложенный JavaScript прячет подсказка до первого действия
WP Rocket, LiteSpeed и Perfmatters умеют откладывать скрипты до первой прокрутки или клика. Тогда виджет стартует поздно, и показ Сразу при загрузке выглядит сломанным. Добавьте tryclew.ru/widget в исключения.
Обновления темы и плагинов меняют разметку
Обновления WooCommerce и темы иногда меняют разметку вкладок кабинета и форм товара. Привязывайте подсказку к элементу со стабильным классом, например woocommerce-MyAccount-navigation-link--downloads, а не к позиции, и заглядывайте в Проблемы после обновлений.
Выбирайте id и data-атрибуты
Если Выбрать элемент предлагает длинную цепочку классов, выберите ближайший родительский элемент с id или попросите добавить атрибут data-tour — стабильный селектор переживёт обновления шаблона.
Вопросы и ответы
Работает с конструкторами вроде Elementor?
Да. Clew работает с готовой страницей; элемент выбирается через Выбрать элемент, чем бы он ни был собран.
Работает на WordPress.com?
Плагины вроде WPCode на WordPress.com требуют тариф Business или выше. WordPress на своём хостинге работает на любом тарифе.
Будет ли видно в админке wp-admin?
Плагины для шапки обычно добавляют код только на публичный сайт. Для инструкций внутри /wp-admin добавьте строку сниппетом для админки (WPCode умеет выбирать область админки).
Подсказка бесплатная?
Да, на тарифе Free — до 3 опубликованных туров и подсказок на одном сайте.
Можно открывать подсказку только по клику?
Да. Выберите По клику на элемент, укажите селектор иконки или ссылки, по которой она открывается, и поставьте Каждый визит.