Pasang Widget Kalkulator MLBB di Website Kamu

Live Demo

Opsi 1 — Iframe (paling simple)

Copy-paste 1 baris HTML ini di mana saja kamu mau widget muncul. Ganti YOUR_NAME dengan nama blog/website kamu (buat tracking).

<iframe
  src="https://zenvan.store/embed/kalkulator?ref=YOUR_NAME"
  width="100%"
  height="720"
  frameborder="0"
  loading="lazy"
  style="border-radius:16px;background:#0a0e1a"
  title="ZenVan Kalkulator Harga Akun MLBB">
</iframe>

Opsi 2 — JS Loader (auto-resize)

Versi script loader otomatis nyesuaikan tinggi iframe sesuai konten — ga ada scroll bar dobel.

<div id="zenvan-kalkulator" data-ref="YOUR_NAME"></div>
<script src="https://zenvan.store/embed/kalkulator.js" async></script>

Listen ke Event (advanced)

Widget kirim event ke parent window via postMessage. Berguna kalau mau track conversion atau integrasi lain.

<script>
window.addEventListener('message', (ev) => {
  if (ev.origin !== 'https://zenvan.store') return;
  if (ev.data?.source !== 'zenvan-kalkulator') return;
  // ev.data.type: 'ready' | 'resize' | 'grade'
  console.log('ZenVan event:', ev.data);
});
</script>

Opsi Customization

• ?ref=YOUR_NAME — tracking identifier (muncul di CTA outbound URL sebagai utm_content)
• ?theme=dark — dark mode (default; light coming soon)
• ?lang=id — Bahasa Indonesia (default; English coming soon)