ANDYSTUDIO • EMBED & WIDGET HUB
Integrasikan Kalkulator Mandiri ke WordPress, Webflow, Wix, React atau Website Lain
STANDALONE & ZERO DEPENDENCIES

Gunakan Kalkulator Kami di Website Anda Sendiri

Kalkulator Bangun Baru, Khusus MEP, dan Renovasi AI dapat disematkan ke platform website eksternal mana pun tanpa merusak style CSS website induk dan tanpa tercampur hasil perhitungannya.

KODE INTEGRASI (PILIH FORMAT)

Salin Kode untuk Platform Website Anda

Buka Standalone URL
Opsi 1: Universal HTML iFrame (WordPress, Webflow, Wix, Squarespace, Shopify)
<!-- ANDYSTUDIO MEP CALCULATOR WIDGET -->
<iframe
  src="https://studioforma.id/embed/mep"
  width="100%"
  height="850px"
  style="border: none; border-radius: 16px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.4);"
  allow="camera; microphone; display-capture; clipboard-write"
  loading="lazy"
  title="ANDYSTUDIO mep Calculator"
></iframe>
Opsi 2: Universal JavaScript SDK Tag (<script> + <div>)
<!-- 1. Pasang kontainer widget di lokasi yang diinginkan -->
<div 
  data-studio-forma-calculator="mep" 
  data-width="100%" 
  data-height="850px"
></div>

<!-- 2. Muat SDK ANDYSTUDIO sebelum penutup </body> -->
<script src="https://studioforma.id/embed.js" defer></script>
Opsi 3: React / Next.js Component (Untuk Developer Frontend)
import React from 'react';

export default function ExternalPartnerPage() {
  return (
    <div className="w-full max-w-6xl mx-auto my-8">
      <iframe
        src="https://studioforma.id/embed/mep"
        className="w-full h-[850px] rounded-2xl shadow-2xl border-0"
        allow="camera; microphone; display-capture; clipboard-write"
        loading="lazy"
      />
    </div>
  );
}
LIVE INTERACTIVE PREVIEW

Pratinjau Widget yang Akan Tampil di Website Eksternal

https://your-company-website.com/kalkulator