Карта пунктов выдачи СДЭК для вашего сайта
Бесплатный виджет: карта пунктов выдачи и постаматов СДЭК с поиском по всем городам, адресами, режимом работы и услугами каждого пункта. Настройте вид ниже и вставьте код на страницу «Доставка» — подходит для InSales, Tilda, WordPress, 1С-Битрикс и самописного сайта.
Отправляете через СДЭК?
По договору тариф «Посылка» ниже розничного — пришлём расчёт под ваш объёмНастройте и заберите код
Скопируйте целиком: карта, скрипт подстройки высоты и ссылка под картой.
Что входит в код и зачем там ссылка
В коде три части: iframe с самой картой, небольшой скрипт, который подгоняет высоту фрейма, когда посетитель раскрывает карточку пункта, и ссылка на cdekmsk.ru под картой.
Ссылка — единственное условие бесплатного использования. Всё остальное
менять можно: обернуть виджет в свой блок, задать ширину, подобрать цвет
под фирменный стиль. Не стоит только прятать ссылку через
display:none — поисковики считают такое скрытой ссылкой
и наказывают обе стороны.
Куда вставить код
Виджет — обычный HTML, поэтому он работает везде, где можно вставить код. Плагины, доступ к серверу и ключи не нужны.
| Движок | Куда вставлять |
|---|---|
| InSales | Редактор страницы «Доставка» → режим HTML-кода |
| Tilda | Блок T123 «HTML-код» из раздела «Другое» |
| WordPress | Блок «Произвольный HTML» в Gutenberg или вкладка «Текст» в классическом редакторе; в Elementor — виджет «HTML» |
| 1С-Битрикс | Визуальный редактор → кнопка «Исходный код» |
| Wix, uKit, Nethouse | Элемент «Встроить код» / «HTML-виджет» |
| Самописный сайт | Вставьте код в шаблон страницы |
Важно про конструкторы сайтов. Некоторые вырезают теги
<script> из HTML-блоков. Тогда оставьте
<iframe> и ссылку: карта заработает, просто высота
фрейма перестанет подстраиваться — задайте её вручную в
style.
Что видит посетитель
- поиск города с подсказкой — по всем городам, где у СДЭК есть пункты;
- карту с метками пунктов выдачи и постаматов;
- список адресов с режимом работы и ближайшим метро;
- карточку пункта: телефон, как добраться, лимиты веса и габаритов, примерочная, оплата картой, приём наложенного платежа.
Вопросы о виджете
Ничего. Единственное условие — оставить ссылку на cdekmsk.ru под виджетом, она уже входит в код для вставки. Ни регистрации, ни ключей, ни ограничения по числу показов нет.
Нет, карта работает на любом сайте. Договор нужен, если вы сами отправляете заказы и хотите тариф «Посылка» и наложенный платёж.
Адреса, режим работы и услуги пунктов берутся из официального API СДЭК, список обновляем мы. Вести его вручную на своём сайте не нужно.
Да, город по умолчанию задаётся в настройке — карта откроется на нём. Поиск посетителю остаётся: он сможет выбрать любой другой город, где есть пункты СДЭК.
Есть светлая и тёмная тема, режим «как у посетителя», свой акцентный цвет и ширина. Можно оставить только пункты выдачи или только постаматы.
Нет. Это iframe с атрибутом loading="lazy": браузер загружает карту, только когда посетитель до неё доскроллил. Ваши скрипты и стили она не трогает.
Проверьте, что вместе с iframe вставлен скрипт cdek-widget.js — он подгоняет высоту фрейма под раскрытую карточку пункта. Если ваш конструктор сайтов вырезает теги script, задайте высоту вручную в style.
Отправляете заказы через СДЭК?
По договору тариф «Посылка» ниже розничного, есть наложенный платёж и оплата раз в месяц по счёту. Пришлём расчёт.
Оставить заявку