Доступные виджеты
Код для вставки
HTML — вставьте на страницу вашего сайта
<iframe src="https://jdcontainer.ru/calculator-widget.html" width="100%" height="300" frameborder="0" scrolling="no" title="Калькулятор стоимости перевозки" style="border-radius:16px;border:none;" ></iframe>
<iframe src="https://jdcontainer.ru/calc-container.html?embed=1" width="100%" height="700" frameborder="0" scrolling="yes" title="3D Калькулятор загрузки контейнера" style="border-radius:16px;border:none;" ></iframe>
<iframe src="https://jdcontainer.ru/calc-auto.html?embed=1" width="100%" height="700" frameborder="0" scrolling="yes" title="3D Калькулятор загрузки автомобиля" style="border-radius:16px;border:none;" ></iframe>
Как установить
1
Выберите виджет
Нажмите «Получить код» под нужным калькулятором — переключится нужная вкладка с кодом.
2
Скопируйте код
Нажмите кнопку «Скопировать» — код iframe попадёт в буфер обмена.
3
Вставьте на страницу
Откройте редактор HTML вашего сайта (WordPress, Tilda, Битрикс) и вставьте код в нужное место. Готово — без регистрации и настроек.
Частые вопросы
Будет ли виджет работать на моём сайте?
Да — iframe работает на любой платформе: WordPress, Tilda, Битрикс, 1С-UMI, самописный сайт на HTML. Достаточно вставить код в редактор HTML страницы. Никаких плагинов, ключей API и регистрации не нужно.
Как изменить размер виджета под мой дизайн?
Измените атрибуты
width и height в коде iframe. Ширину лучше оставить 100% — виджет адаптируется под контейнер. Высоту подбирайте под конкретный калькулятор: для расчёта маршрута ~300px, для 3D-загрузки ~700px.
Виджет не отображается или показывает пустой блок — что делать?
Возможные причины:
1. Блокировщик рекламы — некоторые расширения блокируют iframe. Проверьте в браузере без расширений.
2. CSP-заголовки сайта — если ваш сайт запрещает загрузку сторонних iframe, попросите хостинг добавить
3. HTTP vs HTTPS — виджет должен быть размещён на HTTPS-странице. На HTTP-сайте браузер может блокировать HTTPS-iframe.
1. Блокировщик рекламы — некоторые расширения блокируют iframe. Проверьте в браузере без расширений.
2. CSP-заголовки сайта — если ваш сайт запрещает загрузку сторонних iframe, попросите хостинг добавить
frame-ancestors * в Content-Security-Policy.3. HTTP vs HTTPS — виджет должен быть размещён на HTTPS-странице. На HTTP-сайте браузер может блокировать HTTPS-iframe.
Работает ли виджет на мобильных устройствах?
Да, калькулятор адаптирован под мобильные экраны. При ширине контейнера менее 600px элементы перестраиваются в колонку. Для 3D-калькуляторов рекомендуем ставить
scrolling="yes", чтобы пользователь мог прокрутить содержимое на маленьком экране.
Можно ли встроить несколько виджетов на одну страницу?
Да, вставляйте столько iframe, сколько нужно. Каждый виджет работает независимо. Единственный нюанс: 3D-калькуляторы используют Three.js — на слабых устройствах не рекомендуем размещать несколько 3D-виджетов на одной странице.
Что происходит с данными, которые вводит пользователь?
Расчёт маршрута и расстояния выполняется через открытый сервис OpenStreetMap (OSRM). Личные данные не собираются и не передаются третьим лицам. Города и параметры перевозки используются только для расчёта стоимости прямо в браузере пользователя.
Виджет бесплатный? Есть ли ограничения по использованию?
Виджет полностью бесплатный для партнёров и вебмастеров. Ограничений по числу сайтов и просмотров нет. Единственное условие — не изменять исходный код и не встраивать на сайты, нарушающие законодательство РФ.
Обновляется ли виджет автоматически?
Да. Виджет загружается с нашего сервера каждый раз при открытии страницы, поэтому все обновления тарифов, маршрутов и интерфейса применяются автоматически. Менять код на вашем сайте не нужно.