Гайды · Гайд · Доставка на Тильде

Как сделать доставку на Тильде в корзине ST100

Ищете, как подключить доставку на Тильде? Большинство проблем — не в коде, а в полях корзины. Ниже минимальный набор, чтобы адрес и доставка заработали с первого раза.

Подключить за 10 минут Демо-корзина Документация

Как это выглядит в корзине

Живой пример Открыть демо-корзину с KitAddr kitaddr.tilda.ws — подсказки адреса и карта ПВЗ

Откройте заказ: одно поле адреса с подсказками и кнопка ПВЗ, если выбран самовывоз. Так выглядит рабочая ST100 с KitAddr.

Минимальный набор полей ST100

Для типовой корзины KitAddr ожидает стандартные имена переменных:

Name / FIO — ФИО
POSTCODE — индекс
REGION — регион
TOWN — город
ADDRESS — улица и дом

Если у вас раздельные «Улица / Дом / Квартира» или «Фамилия / Имя / Отчество» — просканируйте форму в ЛК: таблица маппинга подстроится под вашу корзину.

Обязательный якорь

Добавьте скрытое поле:

Имя переменной: TILDA_ADDR_ANCHOR
Значение: 1

Без якоря KitAddr не трогает страницу — это защита от случайной активации на чужих формах. Проверить страницы с якорем можно кнопкой «Проверить корзины» в ЛК.

Варианты доставки (если нужен ПВЗ)

Для СДЭК, Почты и Яндекса оставьте поле типа «Варианты доставки» (часто DELIVERY_TYPE). KitAddr только читает выбранную строку и по правилам показывает кнопку пункта. Код пункта пишите в отдельное скрытое поле (например PVZ_CODE), не в варианты доставки.

См. гайды: СДЭК ПВЗ, Почта России, Яндекс ПВЗ.

Как сделать корзину презентабельнее (стандартные настройки ST100)

Вид корзины задаётся в блоке магазина → Контент / настройки стиля. KitAddr подстраивает кнопку ПВЗ под ваши поля и кнопку «Оформить заказ», поэтому сначала приведите саму ST100 к аккуратному виду.

Стиль полей для ввода — скругление 8–12 px, чуть больший внутренний отступ, цвет рамки мягче чистого чёрного (например тёмно-серый).
Кнопка — тот же радиус, что у полей; цвет бренда сайта (не кислотно-красный «по умолчанию», если бренд другой).
Стиль корзины — светлый фон, достаточные отступы; ширина попапа не «на весь экран» на десктопе, если сайт в узкой колонке.
Опционально: «Оформление заказа в несколько этапов» — сначала состав заказа, потом контакты и доставка (короче первый экран).
В Настройки сайта → Цвета / Шрифты задайте основной цвет и шрифт — ST100 подтянет их в поля и кнопку.

Частые ошибки

Якорь назвали иначе или значение не 1
Скрипт вставили не в HEAD или с чужим data-site-key
Корзина только в попапе на JS — используйте «Живой сканер» в ЛК

Готовы подключить к своему магазину?

Триал без карты · один скрипт в HEAD · настройка под ST100 в кабинете

Подключить за 10 минут

Пригласите коллегу

Если у знакомого тоже магазин на Tilda — поделитесь гайдом или реферальной ссылкой из кабинета. С оплат приглашённых начисляется бонус на баланс (30% / 10% / 5%).

Зарегистрироваться и получить ссылку · Тарифы

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

Как подключить доставку на Тильде?

В корзине ST100 настройте варианты доставки, добавьте якорь TILDA_ADDR_ANCHOR=1 и скрипт KitAddr. Для ПВЗ включите модуль СДЭК, Почты или Яндекса в кабинете — кнопка выбора пункта появится сама.

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

KitAddr работает поверх стандартной корзины ST100: умный адрес из коробки, СДЭК, Почта и Яндекс — через варианты доставки и модули в ЛК. Свой JS и карта не нужны.

Какие поля нужны в корзине Tilda для KitAddr?

Минимум: якорь TILDA_ADDR_ANCHOR=1, ФИО, индекс, регион, город, адрес. При разбитых полях достаточно просканировать форму в кабинете KitAddr.

Где взять скрипт для HEAD?

В личном кабинете KitAddr → сайт → Установка. Там же ключ сайта pk_… для атрибута data-site-key.