Sitenize ücretsiz bir araç gömün

Bir araç seçin, kodu kopyalayın, sayfanıza yapıştırın. Kendini günceller, mobilde çalışır ve hiçbir ücreti yoktur. Tek isteğimiz CalculatorAI atfının görünür kalması.

1
Bir araç seçin, dilini ve temasını belirleyin.
2
Oluşturulan kodu kopyalayın — düz HTML, derleme yok.
3
Aracın görünmesini istediğiniz yere yapıştırın.

How calculator widgets work, and what they cost

Widget Yapılandırması

Araçlar

Hesaplayıcılar

Dil

Tema

Genişlik (px)

Widget’ın maksimum genişliği. Daha dar bir sütuna sığacak şekilde küçülür ve küçük ekranlarda tek sütuna iner. Yükseklik ayarlamaya gerek yok: widget kendini ölçer ve içeriğine göre boyutlanır.

Yerleştirme kodu

<div class="calculatorai-embed" style="max-width:1200px;margin:0 auto">
  <iframe
    src="https://calculatorai.app/embed/qr-code-generator"
    title="QR Kod Oluşturucu — 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 Kod Oluşturucu 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>

Canlı önizleme

yourwebsite.com/embed-qr-code-generator

Kullanım koşulları

Ticari olsun olmasın her site için ücretsiz. Kayıt, anahtar ve limit yok.

CalculatorAI imzasını görünür tutun — hem widget içindekini hem altındaki bağlantıyı.

Kodu değiştirmeyin, imzayı CSS ile gizlemeyin, çerçeveyi kırpmayın.

Bu koşulları ihlal eden sitelere widget'ı sunmayı durdurabiliriz.