Как установить виджет отзывов на Tilda: от создания в РанкАп до публикации

Отзывы с карт нельзя просто перепечатать на сайт – такому блоку никто не верит. Показываю весь путь: создаём виджет в кабинете РанкАп, выбираем площадку, забираем код и ставим его в Tilda через блок HTML.

Виджет отзывов ставится на Tilda в пять шагов: вы создаёте его в кабинете РанкАп, выбираете площадку – Яндекс Карты, 2ГИС, Google Maps или ПроДокторов, – настраиваете вид, копируете готовый код и вставляете его в Tilda блоком «HTML-код» (в редакторе это T123). После публикации виджет сам подтягивает свежие отзывы и текущую оценку с карточки. Два условия: блок HTML доступен на платных тарифах Tilda, и результат нужно проверить на телефоне. Дальше по шагам.

Почему перепечатанные отзывы не работают

Самый частый вариант на сайтах – текстовый блок «Отзывы», куда руками вписаны пять хвалебных абзацев с именами вроде «Елена К.».

Человек не может это проверить. Отзыв на карточке 2ГИС проверяем: видно автора, дату, другие его отзывы, ваш ответ. Отзыв, набранный на вашем сайте, не проверяем ничем, и посетитель это чувствует. Такие блоки читают через строчку.

Живой виджет решает ровно эту задачу. Он показывает то, что человек может пойти и увидеть на площадке своими глазами, и обновляется сам – а не остаётся с отзывами трёхлетней давности, потому что руки не дошли.

Что понадобится до начала

Три вещи, и лучше проверить их заранее.

• Доступ в РанкАп. Виджет создаётся в кабинете. Если вы ещё не пользуетесь сервисом, есть пилот на 14 дней – его хватит, чтобы собрать виджет и посмотреть, как он выглядит на живом сайте.
• Платный тариф Tilda. Блок «HTML-код» доступен не на всех тарифах: произвольный код требует Personal или Business. На бесплатном тарифе виджет вставить не получится – это ограничение самой Tilda, а не сервиса.
• Заполненная карточка на площадке. Виджет показывает то, что уже есть. Если на Яндекс Картах у вас три отзыва, на сайте будет три отзыва, и это выглядит хуже, чем ничего. Сначала поток отзывов, потом витрина: виджет бесполезен без потока отзывов, а как наладить этот поток – в материале о том, как попросить клиента оставить отзыв.

Шаг 1. Создаём виджет в кабинете РанкАп

Заходите в кабинет и открываете раздел виджетов. Здесь собирается блок, который потом будет жить на вашем сайте.

Первым делом убедитесь, что нужная карточка подключена к кабинету. Виджет тянет данные из тех точек, которые сервис уже отслеживает: рейтинг, количество отзывов и сами тексты берутся оттуда же, откуда вы их читаете в единой ленте.

Если точек несколько, решите сразу, что показывать. Для сайта с одной страницей контактов обычно берут головную точку. Для сети с отдельными страницами филиалов логичнее сделать свой виджет под каждый филиал – человек, который смотрит страницу конкретной точки, должен видеть отзывы именно о ней.

Шаг 2. Выбираем площадку и настраиваем вид

Дальше выбираете источник. РанкАп даёт готовые виджеты под геосервисы: Яндекс Карты, 2ГИС, Google Maps и ПроДокторов. Логика простая – выбираете площадку и получаете готовый виджет под неё.

Что стоит настроить осмысленно, а не оставить по умолчанию.

• Площадка под аудиторию. Клинике почти всегда нужен ПроДокторов рядом с картами: пациент смотрит именно туда. Общепиту и услугам – Яндекс Карты и 2ГИС. Смотрите, где у вас реально накоплены отзывы, а не где их «положено» иметь.
• Количество отзывов. Десять – достаточно. Пятьдесят никто не читает, а страница тяжелеет.
• Оценка и счётчик. Блок с рейтингом и числом отзывов – «4,9 на основе 128 отзывов» – работает сильнее, чем сами тексты. Цифра считывается за секунду, тексты читают единицы.
• Цвета и шрифт. Подгоните под сайт в настройках виджета, а не правкой кода: после обновления виджета ваши правки в коде потеряются.

Один совет, который сэкономит вам нервы. Не включайте фильтр «только пять звёзд». Витрина, где двадцать отзывов и все идеальные, вызывает ровно то же недоверие, что и рукописный блок. Четвёрка с внятным текстом и вашим ответом убеждает сильнее, чем стена восторгов.

Шаг 3. Забираем код

Готовый виджет отдаётся куском кода для вставки. Копируйте его целиком, вместе со скриптом: самая частая ошибка на этом шаге – скопировать только видимую часть и потом гадать, почему на сайте пусто.

Код лучше сразу сохранить куда-нибудь себе. Если через полгода вы будете пересобирать страницу, искать его заново в кабинете – лишняя работа.

Шаг 4. Ставим блок HTML в Tilda

Открываете нужную страницу в редакторе Tilda. Добавляете блок – категория «Другое», блок «HTML-код», он же T123. Блок доступен на платных тарифах Tilda: см. справку Tilda о вставке HTML-кода.

Нажимаете «Контент», вставляете код в поле, сохраняете. В режиме редактирования блок часто выглядит пустым или показывает заглушку. Это нормально: скрипты в редакторе не выполняются, виджет оживёт только на опубликованной странице.

Если виджет должен стоять на всех страницах сайта, а не на одной, код удобнее прописать один раз в настройках сайта, а не дублировать блоком на каждой странице.

Шаг 5. Публикуем и проверяем на телефоне

Публикуете страницу – без этого виджета не будет.

Дальше открываете её на телефоне. Этот шаг пропускают, а зря: до 90% локального трафика – мобильный, и ломается всё обычно именно там.

Смотрите три вещи.

• Не уезжает ли карусель отзывов за край экрана и не появилась ли горизонтальная прокрутка у всей страницы.
• Читается ли текст без увеличения.
• Не наезжает ли виджет на соседние блоки.

Если поехало – чаще всего лечится ограничением ширины в настройках виджета или фиксированной высотой блока T123 вместо автоматической.

Куда ставить блок на странице

Мест, где виджет реально работает, немного.

• Перед формой заявки. Человек прочитал предложение, дошёл до кнопки и на секунду засомневался. Отзывы закрывают сомнение ровно в этот момент.
• После описания услуги. Особенно если услуга дорогая или требует доверия.
• На странице филиала. Отзывы именно об этой точке, а не общие по сети.
• Куда не стоит – в самый низ главной, под футер. Туда доскроллит один человек из двадцати.

Если виджет не отображается

Разбор по частоте.

• Тариф Tilda. Первое, что проверять: блок HTML доступен только на платных тарифах.
• Страница не опубликована. Виджет живёт только в опубликованной версии.
• Код вставлен не целиком. Часто теряют строку со скриптом.
• Карточка не подключена. Если точка не отслеживается в кабинете, виджету неоткуда брать отзывы.
• Кеш. После публикации откройте страницу в режиме инкогнито – браузер любит показывать старую версию.
• Блокировщик рекламы. Некоторые расширения режут сторонние скрипты. Проверьте с выключенным блокировщиком, прежде чем писать в поддержку.

Скорость страницы: честно про минусы

Про это обычно молчат, поэтому скажу прямо. Любой виджет – это дополнительный скрипт и обращение к внешнему серверу. Страница станет тяжелее, и на мобильном интернете это заметно.

Что делать. Ставьте виджет на одну-две ключевые страницы, а не на весь сайт. Ограничивайте количество отзывов – десять вместо пятидесяти. После установки прогоните страницу через любой измеритель скорости: если время загрузки выросло вдвое, виджет обходится дороже, чем приносит.

И ещё: содержимое подгружается скриптом, поэтому рассчитывать на виджет как на SEO-контент страницы не стоит. Он работает на доверие посетителя, а не на поисковую выдачу.

Правовая сторона

Два момента, которые стоит держать в голове.

Отзывы – чужие тексты и имена. Виджет показывает их со ссылкой на источник, и это нормальная практика. Выдёргивать отзывы, переписывать и публиковать как свой текст – уже другая история.

Для медицины действует отдельное ограничение, и оно жёсткое. Реклама медицинских услуг не может содержать ссылки на конкретные случаи излечения и благодарности пациентов. На карточке организации отзыв живёт нормально, виджет на сайте клиники – зона повышенного внимания, а цитата пациента в рекламном креативе – прямое нарушение. Если у вас клиника, обсудите размещение с юристом до публикации. Что клиника может писать в самих ответах на отзывы, я разбирал отдельно – в материале про 323-ФЗ.

Материал информационный и не является юридической консультацией.

Коротко

• виджет создаётся в кабинете РанкАп, а на Tilda только вставляется;
• источники на выбор: Яндекс Карты, 2ГИС, Google Maps, ПроДокторов;
• карточка должна быть подключена к кабинету, иначе виджету неоткуда брать отзывы;
• вставка идёт через блок «HTML-код» (T123), он доступен на платных тарифах Tilda;
• копируйте код целиком, вместе со скриптом;
• виджет работает только на опубликованной странице – в редакторе он пустой;
• не фильтруйте по пятёркам: идеальная витрина вызывает недоверие;
• блок с рейтингом и числом отзывов убеждает сильнее, чем сами тексты;
• ставьте перед формой заявки, а не в подвал;
• проверяйте на телефоне и замеряйте скорость до и после.

Частые вопросы