В Tilda виджет ставится без плагина: актуальный сниппет MarkerView загружается через HTML-блок, а отдельный HTML-якорь отмечает место отзывов. Код выполняется только на опубликованной странице.
Перед началом
- В MarkerView завершите синхронизацию и обновите каталог товаров.
- Откройте Виджет → Конструктор → Подключение и скопируйте весь текущий сниппет.
- Проверьте тариф и права проекта. Доступность блоков и полей пользовательского кода может зависеть от тарифа Tilda; актуальные условия смотрите на странице тарифов.
Инструкция предполагает MarkerView Cloud: отдельный сервер не нужен. Для собственного развёртывания сначала выполните Self-hosted-установку и используйте сниппет именно из той админ-панели.
Шаг 1. Загрузите сниппет
Добавьте T123 на страницу или в общий подвал и вставьте в него сниппет из MarkerView. На странице должна быть только одна копия сниппета. Для глобального подключения можно использовать точное поле Настройки сайта → Ещё → HTML-код для вставки внутрь head, если оно доступно в вашем тарифе, либо диспетчер тегов.
Шаг 2. Добавьте якорь на страницу товара
- Откройте страницу товара в редакторе Tilda и в нужном месте выберите Библиотека блоков → Другое → T123 «HTML-код».
- Вставьте в этот блок якорь:
<div id="reviews-widget" data-article="АРТИКУЛ"></div>
- Если страница посвящена одному товару, замените
АРТИКУЛна его точный артикул продавца. Если Tilda уже выдаёт корректный Product JSON-LD с тем же SKU, можно сначала попробовать безdata-article, но это нужно проверить на живой странице. - Опубликуйте страницу.
Для главной страницы используйте отдельный T123 с <div id="reviews-homepage"></div>. Сниппет остаётся тем же.
Каталог с динамическими карточками
Если много карточек создаётся из каталога Tilda, не вписывайте постоянный data-article в общий шаблон: все страницы получат один товар. Нужен разработчик, который выведет SKU текущего товара в HTML-якорь, либо диспетчер тегов и проверенное сопоставление через Product JSON-LD. MarkerView не обещает автоматическое распознавание SKU в каждой версии каталога и каждом стороннем шаблоне Tilda.
Якорь должен находиться в теле нужной страницы там, где показываются отзывы. Не помещайте его в <head>. Если URL карточек не начинается с /products/, попросите разработчика указать фактический префикс пути как productPathPrefix в конфигурации скопированного сниппета.
Что должно получиться
После публикации откройте публичный URL карточки. Виджет должен появиться на месте T123, а его отзывы — соответствовать артикулу этой карточки. Затем проверьте ещё один товар с другим артикулом.
Частые ошибки
- В редакторе виден код, а не виджет: это штатно для T123; проверьте опубликованную страницу.
- Отзывы одного товара на всех страницах: в шаблоне зафиксирован один
data-article. Передавайте SKU текущего товара. - Пустой блок: артикул не совпадает с каталогом MarkerView либо для него нет опубликованных отзывов.
- Две копии виджета: сниппет вставлен и в общий код, и в блок страницы. Оставьте одну глобальную копию.
- Изменения не видны: переопубликуйте страницу; сохранения в редакторе недостаточно.
Официальные источники
Если редактировать динамический шаблон или подставить SKU без кода не получается, передайте установку специалисту Tilda. MarkerView не является нативным приложением платформы.