# Pembuat situs

> Gunakan Ikiform dari pembuat situs no-code yang mengizinkan Anda menempel HTML kustom, seperti blok embed atau kode.

Ikiform berfungsi di mana pun Anda bisa menaruh `<form>` HTML sungguhan di halaman, karena kiriman formulir biasa tidak butuh skrip. Sebagian besar pembuat situs menyediakan blok embed, kode, atau HTML kustom. Tempel formulir ke sana dan arahkan `action` ke endpoint Anda.

## Panduan per pembuat situs

- [Webflow](https://ikiform.com/id/docs/guides/webflow.md): Form Block dengan action kustom.
- [Framer](https://ikiform.com/id/docs/guides/framer.md): Webhook formulir, atau code component.
- [WordPress](https://ikiform.com/id/docs/guides/wordpress.md): Blok Custom HTML, atau shortcode.
- [Wix](https://ikiform.com/id/docs/guides/wix.md): Embed HTML yang mengirim dengan `fetch`.
- [Squarespace](https://ikiform.com/id/docs/guides/squarespace.md): Code block, dengan atau tanpa JavaScript.
- [Carrd](https://ikiform.com/id/docs/guides/carrd.md): Formulir kustom yang mengirim ke URL.

> Ini hanya berfungsi jika pembuat situs merender HTML Anda apa adanya. Widget formulir bawaan pembuat situs biasanya mengirim ke server mereka sendiri; gunakan hanya jika widget itu mengizinkan Anda mengatur URL action kustom dengan metode POST.

## Embed

`Blok Custom HTML`:

```html
<form action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post" target="_top">
  <label>
    Email
    <input name="email" type="email" required />
  </label>
  <label>
    Message
    <textarea name="message"></textarea>
  </label>
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden />
  <button>Send</button>
</form>

<style>
  form { display: grid; gap: 12px; max-width: 420px; font: inherit; }
  label { display: grid; gap: 4px; }
  input, textarea { font: inherit; padding: 8px 10px; border: 1px solid #d4d4d4; border-radius: 6px; }
  button { font: inherit; padding: 8px 14px; border-radius: 6px; border: 0; background: #111; color: #fff; }
</style>
```

- Pembuat situs sering menaruh kode kustom di dalam iframe. Halaman terima kasih, error, dan pemeriksaan Ikiform menolak dimuat di dalam frame, jadi `target="_top"` membuka hasilnya di seluruh jendela. Jika frame pembuat situs tidak mengizinkan navigasi top-level, seperti di Wix, kirim dengan `fetch`; lihat [Wix](https://ikiform.com/id/docs/guides/wix.md).
- Atur **Redirect after submit** di formulir untuk mengarahkan orang kembali ke halaman terima kasih di situs Anda.
- Gaya di dalam blok mungkin tidak mewarisi gaya situs Anda; `<style>` di atas memberi formulir titik awal yang bersih.

## Domain yang diizinkan

Jika Anda mengatur domain yang diizinkan, cantumkan setiap alamat tempat situs disajikan: domain kustom Anda dan domain pratinjau atau staging dari pembuat situs. Kiriman dari domain yang tidak tercantum disimpan sebagai spam secara default, dan menampilkan alasan `origin_mismatch` di dashboard.

Sebagian pembuat situs merender embed di frame yang `Origin`-nya `null`. Ikiform lalu memakai `Referer` sebagai gantinya. Jika pembuat situs menghapus keduanya, kiriman tidak bisa dicocokkan dengan domain; biarkan domain yang diizinkan kosong untuk formulir itu, atau atur kebijakan ketidakcocokan ke spam alih-alih tolak.

## Pemeriksaan manusia

Pemeriksaan manusia **Ikiform** berfungsi tanpa kode tambahan saat formulir mengirim secara normal: browser bernavigasi ke halaman pemeriksaan singkat di ikiform.com, yang lalu meneruskan kirimannya. Pemeriksaan ini tidak bisa berjalan dari frame yang memblokir navigasi top-level, atau dari kode yang mengirim dengan `fetch`. Hindari **Your own Turnstile keys** di pembuat situs, karena itu butuh skrip Cloudflare di halaman.