Калькулятор СДЭК для Тильды

Два способа добавить СДЭК на сайт на Tilda. Наш бесплатный калькулятор доставки и карта пунктов выдачи ставятся на любую страницу блоком T123, без ключей и договора. А чтобы доставка СДЭК считалась в корзине, Тильде нужны ключи API — их выдают по договору со СДЭК.

Калькулятор на страницу: четыре шага

Скопируйте код калькулятора или карты пунктов выдачи ниже.
В редакторе страницы Тильды откройте «Библиотеку блоков» → «Другое» и добавьте блок T123 «HTML-код».
Нажмите «Контент», вставьте код и сохраните.
Опубликуйте страницу. В редакторе и предпросмотре Тильда показывает код текстом — калькулятор появится только на опубликованной странице.

Калькулятор доставки — код для T123

Посетитель выбирает города, вес и габариты и видит срок и стоимость по тарифам СДЭК.

<!-- Калькулятор доставки СДЭК — блок T123 на Тильде -->
<div style="max-width:760px;margin:0 auto;padding:0 20px">
<iframe src="https://xn--80ahsabfbysbsk9ij2b.xn--p1ai/widget.html" data-cdek-calc
        style="width:100%;height:560px;border:0;display:block"
        loading="lazy" title="Калькулятор доставки СДЭК"></iframe>
<script src="https://xn--80ahsabfbysbsk9ij2b.xn--p1ai/assets/cdek-widget.js" async></script>
<p style="font:13px/1.4 Arial,sans-serif;margin:8px 0 0">
  <a href="https://xn--80ahsabfbysbsk9ij2b.xn--p1ai/" target="_blank">Калькулятор доставки СДЭК</a> — сдэккалькулятор.рф
</p>
</div>

Карта пунктов выдачи — код для T123

Пункты выдачи и постаматы СДЭК на карте с поиском по всем городам — для страниц «Доставка» и «Контакты».

<!-- Карта пунктов выдачи СДЭК — блок T123 на Тильде -->
<div style="max-width:760px;margin:0 auto;padding:0 20px">
<iframe src="https://xn--80ahsabfbysbsk9ij2b.xn--p1ai/widget-pvz.html" data-cdek-calc
        style="width:100%;height:700px;border:0;display:block"
        loading="lazy" title="Пункты выдачи СДЭК на карте"></iframe>
<script src="https://xn--80ahsabfbysbsk9ij2b.xn--p1ai/assets/cdek-widget.js" async></script>
<p style="font:13px/1.4 Arial,sans-serif;margin:8px 0 0">
  <a href="https://xn--80ahsabfbysbsk9ij2b.xn--p1ai/pvz/" target="_blank">Пункты выдачи СДЭК</a> — сдэккалькулятор.рф
</p>
</div>

Чем этот код отличается от обычного

Блок T123 занимает всю ширину экрана. Поэтому код обёрнут в контейнер шириной до 760 пикселей с отступами по краям: на компьютере калькулятор стоит по центру, а на телефоне не прилипает к краям экрана.

Скрипт в коде сам подгоняет высоту под таблицу тарифов. Тильда скрипты в T123 не вырезает, поэтому задавать высоту вручную не нужно. HTML-элемент есть и в Zero Block, но там высоту блока задаёте вы сами, и подстройка её не поменяет, — проще поставить T123.

Нужен свой цвет, тёмная тема или город отправления по умолчанию — соберите код в конструкторе виджета и замените им всё, что стоит между <div …> и </div> в коде выше.

Так калькулятор выглядит на странице

Доставка СДЭК в корзине Тильды: нужны ключи API

У Тильды есть своя интеграция со СДЭК: стоимость доставки в корзине, выбор пункта выдачи на карте и передача заказа в СДЭК после оплаты — накладная формируется автоматически. Подключается она не кодом, а в настройках сайта, и работает на ключах API вашего договора со СДЭК.

Шаг	Что сделать
1. Договор	Ключи API СДЭК выдаёт только клиентам с договором. Оформление — один рабочий день, удалённо, без абонентской платы
2. Ключи	Личный кабинет СДЭК → раздел «Интеграция»: Account и Secure password. Логин и пароль от кабинета не подходят
3. Тильда	«Настройки сайта» → «Доставка» → CDEK. Account вставьте в «Идентификатор клиента», Secure password — в «Секрет клиента» и нажмите «Проверить». Тип договора и тариф укажите те, что в вашем договоре
4. Корзина	Добавьте в корзину поля имени и телефона покупателя — без них заказ в СДЭК не создастся. Для карты пунктов выдачи нужен ключ Яндекс Карт: «Настройки сайта» → «Ещё» → «Ключи от API карт»

Нет ключей API? Заключите договор со СДЭК

Оформим договор за один рабочий день, без визита в офис. После него в личном кабинете СДЭК появятся ключи для Тильды, а с ними — тариф «Посылка», наложенный платёж и оплата раз в месяц по счёту.

Заключить договор

Что учесть в интеграции Тильды

Доставка СДЭК подключается, если в профиле Тильды выбрана Россия, Беларусь, Казахстан, Армения или Кыргызстан.
Валюта в настройках сайта должна совпадать с валютой договора СДЭК.
У товаров заполните артикул (SKU) — без него заказ в СДЭК создаётся некорректно.
Если заказ тяжелее 30 кг или сторона больше 1 метра, калькулятор СДЭК возвращает ошибку, и вариант доставки СДЭК покупателю не показывается.
Трек-номер появляется в «Заявках» Тильды с задержкой, от нескольких минут до суток. Покупателю его отправляют через уведомление о заказе.

Подробно — в справке Тильды о доставке CDEK. Наш калькулятор интеграции не мешает: он нужен на странице «Доставка», чтобы покупатель узнал цену и срок ещё до корзины.

Вопросы о СДЭК на Тильде

Нет. Калькулятор и карта пунктов выдачи бесплатны и работают без ключей и договора: данные идут из официального API СДЭК через наш сайт. Договор и ключи нужны только для доставки СДЭК в корзине Тильды.

Так и должно быть: в режиме редактирования и предпросмотра Тильда показывает код из блока T123 текстом. Калькулятор появится, когда вы опубликуете страницу.

В личном кабинете СДЭК, раздел «Интеграция»: Account — это «Идентификатор клиента», Secure password — «Секрет клиента». Кабинет и ключи появляются после заключения договора. Логин и пароль от личного кабинета для Тильды не подходят.

Код ставится блоком T123. На бесплатном тарифе открыта не вся библиотека блоков: если T123 у вас недоступен, его открывает платный тариф.

Да. Добавьте два блока T123 и вставьте в каждый свой код. Высота у каждого подстраивается отдельно.

Бесплатно. Условие одно, как и для кода со страницы «Виджет для сайта»: не убирать ссылку на сдэккалькулятор.рф под виджетом.