Перейти к содержимому

Калькулятор этикеток для вашего сайта

Готовый код вставки калькулятора с расчётом по диаметру рулона, числу ручьёв или контрольному взвешиванию.

К инструменту ↓
От задачи — к результату

Работает прямо здесь · без отправки данных

Встроить калькулятор рулона

Пример данных

Стандартный блок 390 × 820 пикселей, светлая тема.

Что получится

Изолированный калькулятор и код iframe для вставки в HTML-блок.

Другие варианты и примеры
Посмотрите в действии3 видео · по 12 секунд
От товара к этикетке1 / 3

Учебный пример · без звука

Все инструменты →

Расчёт приблизительный: фактическая намотка, толщина подложки и масса материала различаются. Виджет не подтверждает количество поставщика и не заменяет контроль пробного рулона.

Пример и результат

Добавьте на свой сайт калькулятор количества этикеток в рулоне. Посетитель считает остаток по диаметру или весу прямо в iframe; исходные числа не передаются в API и не сохраняются.

Задача

Что вы проверяете на этой странице

Размер блока, светлая или тёмная тема и HTML-раздел сайта, в котором разрешён iframe.

Рабочий результат

Готовый код вставки калькулятора с расчётом по диаметру рулона, числу ручьёв или контрольному взвешиванию.

Контрольный пример

Поставщик расходных материалов ставит калькулятор рядом с каталогом рулонов. Покупатель выбирает расчёт по диаметру, вводит 120 мм, втулку 40 мм, этикетку 40 мм, зазор 3 мм, толщину 0,09 мм и число ручьёв — затем получает оценку количества и рулонов на тираж.

Этикетки · обновлено 23 сентября 2026

Рабочий инструмент

Разбор и практические решения

Три готовых размера

Компактный блок 320 пикселей подходит узкой колонке, стандартный 390 — мобильной статье, широкий 560 — справочной странице. Высота для каждого варианта задана в коде, поэтому результат не обрезается после расчёта.

Ширина в коде остаётся 100% с верхним пределом выбранного варианта: на более узком экране iframe сожмётся без горизонтальной прокрутки.

Установка и ограничения страницы

Вставьте код в HTML-блок, который разрешает iframe. Если редактор удаляет iframe, поддержку нужно включать в настройках площадки. Для сайта с Content-Security-Policy добавьте https://vitrinaqr.ru в frame-src, сохранив остальные ограничения.

Параметры рулона намеренно не передаются через адрес, referrer или postMessage. Несколько калькуляторов на странице работают независимо.

Пилот для типографии или поставщика этикеток

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

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

Что происходит с введёнными числами

В embed-документе нет Метрики, запросов к API, localStorage и sessionStorage. Расчёт выполняется в памяти вкладки и исчезает после закрытия или перезагрузки.

Сервер получает обычные запросы HTML, CSS, JavaScript и шрифтов. Это техническая загрузка виджета, а не передача введённых размеров рулона.

Путь пользователя из виджета в полный расчёт

После результата встроенный калькулятор предлагает открыть соответствующий режим полной страницы. Переход помечается разрешённым партнёрским источником; введённые размеры и вес в ссылку не попадают. Для пилота используйте готовый комплект с контрольными адресами и критерием полезного результата.

Честные границы

Что сервис делает и чего не делает

  • Считать количество по диаметру, втулке, шагу, толщине слоя и числу ручьёв
  • Считать количество по массе рулона и контрольной полосы
  • Оценивать число рулонов и остаток для указанного тиража
  • Работать в трёх размерах и двух темах без аккаунта
  • Гарантировать фактическую намотку поставщика
  • Учитывать отходы принтера без введённого пользователем запаса
  • Читать каталог, корзину или данные родительского сайта

Рабочий инструмент

Калькулятор этикеток для вашего сайта: вопросы

4 вопроса
Можно ли вставить калькулятор бесплатно?

Да. Для iframe не нужен аккаунт, ключ API или платный тариф.

Какие данные уходят на сервер?

Размеры, масса и тираж не отправляются. Сервер отдаёт только файлы самого виджета.

Почему результат приблизительный?

Формула использует введённую толщину слоя или среднюю массу этикетки. Реальные материалы, натяжение и намотка дают погрешность, поэтому нужен пробный рулон.

Работают ли два калькулятора на одной странице?

Да. Каждый iframe изолирован и не обменивается введёнными числами с соседними блоками.

Продолжить работу

Источники и проверка
Источники и проверка

Материал обновлён: 23 сентября 2026. Дата редакции не означает новую проверку нормативных источников. Перед применением проверьте действующую редакцию по ссылке. Методика проверки.