Вы ведёте блог о ремонте, форум или сайт строительной бригады — и вашим читателям регулярно нужно что-то посчитать. Возьмите готовый блок: выберите расчёт, скопируйте код и вставьте в статью. Читатель нажимает кнопку и попадает на калькулятор.
<div style="border:1px solid #e4e4e7;border-radius:12px;padding:16px;background:#ffffff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:420px">
<p style="margin:0;font-size:16px;line-height:1.35;color:#18181b;font-weight:600">Калькулятор армопояса</p>
<p style="margin:8px 0 14px;font-size:13px;line-height:1.5;color:#52525b">Объём бетона, арматура по ГОСТ 5781-82, хомуты и опалубка. Бесплатно и без регистрации.</p>
<a href="https://postroyka.pro/structural/armopoyas/" style="display:inline-block;padding:9px 16px;border-radius:8px;background:#D99A3D;color:#1a1a1a;font-size:14px;font-weight:600;text-decoration:none" target="_blank" rel="noopener">Рассчитать армопояс</a>
<p style="margin:8px 0 14px;font-size:13px;line-height:1.5;color:#52525b;margin:12px 0 0;font-size:11px">Калькулятор от <a href="https://postroyka.pro/" style="color:#D99A3D;text-decoration:none">ПоСтройКа</a></p>
</div>Виджет — обычный HTML: он не подгружает скрипты и не замедляет вашу страницу.
Калькулятор армопояса
Объём бетона, арматура по ГОСТ 5781-82, хомуты и опалубка. Бесплатно и без регистрации.
Рассчитать армопоясКалькулятор от ПоСтройКа
Нет. Это обычный HTML с оформлением в атрибуте style — ни скриптов, ни картинок, ни запросов на сторонние серверы. Ничего не грузится, кроме самой разметки.
Расчёт внутри чужой страницы означал бы либо iframe, либо чужой JavaScript. Первое требует ослабить защиту сайта от встраивания, второе — дублировать формулы, которые мы обновляем по нормативам. И то и другое сделало бы расчёт менее надёжным, чем на самом калькуляторе.
Да. Правьте значения в style как обычный CSS. Единственное условие — ссылка на калькулятор и подпись остаются рабочими.
В списке — самые запрашиваемые. Всего на сайте больше 90 калькуляторов: откройте каталог и подставьте адрес нужной страницы в поле href скопированного кода.