Lewati ke konten utama

Webflow, Wix, Squarespace, Framer, Carrd

Semua platform ini mendukung Custom HTML/Embed, jadi tidak perlu plugin — cukup tempel satu blok kode. Pilih salah satu dari dua metode (lihat Memasang Widget untuk penjelasan parameter).

Metode 1 — iFrame (paling universal)​

<iframe
  src="https://proofkit.web.id/api/widget/NAMA-SLUG?type=wall&lang=id"
  style="width:100%;border:0;min-height:200px;overflow:hidden;"
  id="proofkit-frame"
  loading="lazy"></iframe>
<script>
window.addEventListener('message', function (e) {
  if (e.data && e.data.type === 'proofkit:resize') {
    var f = document.getElementById('proofkit-frame');
    if (f) f.style.height = e.data.height + 'px';
  }
});
</script>

Metode 2 — JS Loader (satu baris)​

<script async src="https://proofkit.web.id/embed.js?slug=NAMA-SLUG&type=wall&lang=id&height=400"></script>

Webflow​

  1. Buka halaman → panel Add elements → Embed (ikon </>).
  2. Tempel kode (Metode 1 atau 2) ke kotak HTML Embed code.
  3. Atur lebar container sesuai kolom; tinggi menyesuaikan otomatis via auto-resize.

Webflow mengeksekusi script di embed biasa, jadi Metode 2 juga jalan. Untuk halaman yang di-publish sebagai statis, kedua metode aman.

Wix​

  1. Buka editor → Add → Embed → Embed a widget (atau Custom Embeds → Embed HTML).
  2. Pilih Embed code, tempel kode Metode 1.
  3. Klik Update, atur ukuran kotak (tinggi awal; sisanya di-resize otomatis).

Wix membatasi <script> eksternal di beberapa paket — pakai Metode 1 (iFrame) untuk hasil paling andal di Wix.

Squarespace​

  1. Buka halaman → Edit → Add block → Code (pada personal plan gunakan Embed).
  2. Tempel kode Metode 1.
  3. Save; widget tampil dengan auto-resize.

Squarespace personal plan hanya mengizinkan embed tertentu — Metode 1 (iFrame) paling aman.

Framer​

  1. Buka halaman → Add → Embed (atau Code).
  2. Tempel kode Metode 1 (iFrame) — Framer mengeksekusi script di embed.
  3. Atur ukuran frame; tinggi menyesuaikan otomatis.

Carrd​

  1. Di editor Carrd, tambahkan elemen Embed Code.
  2. Tempel kode Metode 1 (iFrame).
  3. Simpan & publish.

Ganti NAMA-SLUG dengan slug project Anda.