Встройте бесплатный инструмент на свой сайт

Выберите инструмент, скопируйте код, вставьте на страницу. Он обновляется сам, работает на мобильных и ничего не стоит. Единственное условие — упоминание CalculatorAI остаётся видимым.

1
Выберите инструмент и задайте язык и тему.
2
Скопируйте готовый код — обычный HTML, ничего собирать не нужно.
3
Вставьте туда, где инструмент должен появиться.

How calculator widgets work, and what they cost

Настройка виджета

Инструменты

Калькуляторы

Язык

Тема

Ширина (px)

Максимальная ширина виджета. Он ужимается под более узкую колонку и складывается в одну колонку на маленьких экранах. Высоту задавать не нужно: виджет измеряет себя сам и подстраивается под содержимое.

Код для вставки

<div class="calculatorai-embed" style="max-width:1200px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/qr-code-generator"
    title="Генератор QR-кодов — CalculatorAI"
    width="100%"
    height="1400"
    style="border:1px solid #e5e7eb;border-radius:16px;width:100%;min-width:320px"
    loading="lazy"
    referrerpolicy="strict-origin-when-cross-origin"
  ></iframe>
  <p style="font:400 13px/1.5 system-ui,sans-serif;margin:8px 0 0;text-align:right">
    <a href="https://calculatorai.app/qr-code-generator" target="_blank" rel="noopener">Генератор QR-кодов by CalculatorAI</a>
  </p>
</div>
<script>
  (function () {
    var f = document.querySelector('.calculatorai-embed iframe[src="https://calculatorai.app/embed/qr-code-generator"]')
    if (!f) return
    window.addEventListener('message', function (e) {
      if (e.origin !== 'https://calculatorai.app') return
      var d = e.data
      if (!d || d.type !== 'calculatorai:embed:height' || d.slug !== 'qr-code-generator') return
      if (d.height > 0) f.style.height = d.height + 'px'
    })
    // Tells the widget where it sits on this page, so its inputs column can
    // stay in view while the results scroll — the frame is sized to its
    // content and never scrolls itself, so it cannot work that out alone.
    var queued = false
    function send() {
      queued = false
      if (!f.contentWindow) return
      var r = f.getBoundingClientRect()
      f.contentWindow.postMessage(
        { type: 'calculatorai:embed:viewport', slug: 'qr-code-generator', top: r.top, viewport: window.innerHeight },
        'https://calculatorai.app'
      )
    }
    function schedule() {
      if (queued) return
      queued = true
      window.requestAnimationFrame(send)
    }
    window.addEventListener('scroll', schedule, { passive: true })
    window.addEventListener('resize', schedule, { passive: true })
    f.addEventListener('load', send)
    schedule()
  })()
</script>

Живое превью

yourwebsite.com/embed-qr-code-generator

Условия использования

Бесплатно для любого сайта, включая коммерческие. Без регистрации, ключей и лимитов.

Подпись CalculatorAI должна оставаться видимой — и внутри виджета, и ссылка под ним.

Нельзя менять код виджета, скрывать подпись через CSS или обрезать рамку так, чтобы часть пропадала.

Мы можем прекратить отдавать виджет сайтам, нарушающим эти условия.

Встройте бесплатный инструмент на свой сайт

Выберите инструмент и задайте язык и тему.

Скопируйте готовый код — обычный HTML, ничего собирать не нужно.

Вставьте туда, где инструмент должен появиться.

Условия использования

Бесплатно для любого сайта, включая коммерческие. Без регистрации, ключей и лимитов.

Подпись CalculatorAI должна оставаться видимой — и внутри виджета, и ссылка под ним.

Нельзя менять код виджета, скрывать подпись через CSS или обрезать рамку так, чтобы часть пропадала.

Мы можем прекратить отдавать виджет сайтам, нарушающим эти условия.