Как подключить сайт на Tilda к программе лояльности

Tilda — конструктор, на котором работают сотни тысяч интернет-магазинов и лендингов. Связка с Анкорой превращает каждый оплаченный заказ в автоматическое начисление кэшбека или баллов, а покупатель получает карту лояльности в Apple Wallet и Google Wallet прямо на сайте. Без пластика, без приложения и без программиста.

Что даёт связка Tilda и Анкоры

• Бонусы за заказы автоматически. Покупатель оплатил заказ — Анкора начисляет кэшбек или баллы по правилам вашей программы.
• Карта прямо с сайта. Кнопка «Получить карту» в личном кабинете или на странице «спасибо» — и карта в телефоне за полминуты.
• Только оплаченные заказы. Тильда передаёт заявку после подтверждения оплаты; повторная передача не задваивает начисление.
• Несколько сайтов. У каждого магазина своё подключение и при желании своя программа — или одна карта на все магазины.

Хотите сначала понять, как связка устроена в принципе? Прочитайте обзор: как работает программа лояльности на сайте Tilda. Понадобится платный тариф Тильды (Personal или Business) — на бесплатном приёмщики данных не работают.

Шаг 1. Создайте программу лояльности в Анкоре

Зарегистрируйтесь на ankora.pro и настройте программу: кэшбек или баллы, дизайн карты под бренд. Если программа уже работает — переходите к следующему шагу. С нуля быстрее всего по гайду как запустить программу лояльности за 5 минут.

Шаг 2. Подключите Тильду и добавьте сайт

В кабинете Анкоры откройте «Интеграции» → «Тильда» и нажмите «Подключить». Добавьте сайт: укажите название магазина и, если программ несколько, — какая начисляет за его заказы. Для сайта появятся две вещи, которые понадобятся дальше: адрес вебхука и готовый код кнопки «Получить карту».

Шаг 3. Вставьте адрес вебхука в Тильду

В Тильде откройте Настройки сайта → Формы → Webhook и вставьте адрес из Анкоры. В дополнительных настройках включите две галки: «Передавать данные по товарам в заказе — массивом» и  «Отправлять только после оплаты». Поле API METHOD оставьте Off — секрет уже содержится в адресе. При сохранении Тильда отправит тестовый запрос — Анкора подтвердит его автоматически.

Шаг 4. Отметьте приёмщик у корзины и опубликуйте

Откройте страницу с корзиной, в меню «Контент» блока корзины отметьте сервис приёма данных Webhook и опубликуйте страницу. Проверьте, что поле «Телефон» в форме заказа обязательное — именно по номеру телефона Анкора находит клиента и начисляет бонусы. Остальные подключённые приёмщики (почта, таблицы, CRM) продолжат работать как раньше.

Шаг 5. Вставьте кнопку «Получить карту»

Скопируйте код кнопки со страницы интеграции и вставьте в HTML-блок Тильды (блок T123 из категории «Другое»). Лучшие места — личный кабинет покупателя и страница «спасибо за заказ»; ссылку из кода можно использовать и отдельно, например в QR-коде на вкладыше в посылку. По кнопке покупатель вводит телефон, подтверждает согласия и добавляет карту в Wallet.

Шаг 6. Включите списание баллов в корзине

Сначала две настройки в Тильде, без которых скидка не доживёт до онлайн-оплаты. Первая: создайте промокод ANKORABALLY со скидкой 1 ₽, поля «Количество» и «Срок действия» оставьте пустыми (Настройки сайта → Платёжные системы → Промокоды) — через него технически проводится скидка баллами, его собственный номинал ни на что не влияет. Вторая: там же в общих настройках платёжных систем переключите «Уровень проверки скидки» в «Не проверять» — иначе Тильда сверит скидку со своим списком промокодов и сбросит её на странице оплаты. Если после этого сумма на оплате всё равно без скидки — переключите так же «Уровень проверки товаров» и «Уровень проверки цены доставки». Контроль сумм при этом не пропадает: его берёт на себя Анкора и сверяет каждый оплаченный заказ.

Дальше скопируйте скрипт виджета со страницы интеграции (поле «Списание баллов в корзине») и вставьте в Тильде: Настройки сайта → «Вставка кода» → поле для HEAD, затем нажмите «Опубликовать все» — и включите тумблер «Списание баллов в корзине» у сайта в кабинете Анкоры. В корзине появится блок с заголовком «Карта лояльности» — в ряд с заголовками полей формы: покупатель вводит телефон, подтверждает списание кодом из push-уведомления на карте и выбирает сумму — скидка встаёт в итог, остаток оплачивается как обычно. Покупателю без карты виджет показывает ссылку «Получить карту лояльности» — ту же, что у кнопки из предыдущего шага, карта выпускается прямо из корзины.

Лимит списания задаётся в правилах программы («Макс. списание, % от чека»). Каждый оплаченный заказ автоматически сверяется с подтверждённым списанием — о любом расхождении владелец получает письмо до отгрузки. Дизайн блока подгоняется под сайт обычным CSS: готовый шаблон стилей лежит рядом со скриптом на странице интеграции — вставьте его в ту же «Вставку кода» и поменяйте цвета и скругления под бренд.

Шаг 7. Сделайте тестовый заказ

Получите карту по своей же кнопке, затем оформите и оплатите недорогой заказ с тем же номером телефона. Бонусы начислятся автоматически, на карту придёт push, а операция появится в журнале интеграции в кабинете Анкоры. Если push не пришёл — загляните в журнал: там видно, дошёл ли заказ и что с ним произошло. Затем проверьте списание: подтвердите код в корзине, спишите немного баллов и оплатите — после оплаты списание зафиксируется на карте.

Готово

С этого момента каждый оплаченный заказ пополняет карту покупателя, а база клиентов растёт сама. Настройки под розницу — проценты, уровни, сгорание — разобраны в гайде программа лояльности для розничного магазина.