Formulir Carrd: kirim kiriman ke backend formulir

Formulir Carrd butuh paket Pro: Pro Standard mendapat formulir kontak dan pendaftaran, dan Pro Plus menambahkan formulir kustom yang bisa mengirim ke URL mana pun. Di Pro Plus, atur formulir kustom ke Send to URL dengan endpoint Ikiform Anda dan Carrd mempertahankan pesan suksesnya sendiri. Di Pro Standard, tempel formulir HTML ke elemen Embed, yang memberi Anda field kustom tanpa upgrade.

Apa yang berbeda di Carrd

Carrd tidak membatasi jumlah kiriman. Carrd membatasi fitur formulir per paket, dan setiap paket adalah harga tahunan untuk sejumlah situs tertentu. Per Oktober 2026, harga dan dokumentasi Carrd menarik garisnya di sini:

Formulir kontak Carrd mengirim setiap pesan lewat email dari @mail.carrd.site, jadi inbox Anda adalah catatannya dan pesan yang masuk ke folder junk mudah terlewat. Itulah alasan umum untuk pindah: Anda menginginkan daftar yang tersimpan dan bisa dicari, ekspor, dan notifikasi untuk seluruh tim, bukan satu kotak surat.

Jika yang Anda butuhkan hanya subscriber baru di Mailchimp, Kit, atau alat email lain, formulir Signup Carrd sudah melakukannya di Pro Standard dan merupakan pilihan yang lebih baik. Ikiform tidak punya integrasi alat email sekali klik.

Pro Plus: memakai Send to URL

Ini mempertahankan editor formulir dan gaya Carrd, tanpa kode. Field di bawah untuk pertanyaan pemesanan seorang fotografer; gunakan milik Anda sendiri.

1. Klik Add Element > Form, atur Type ke Custom, lalu Send to URL.
2. Tempel endpoint Anda sebagai URL.
3. Atur Method ke AJAX dan Format ke Default. Carrd menganggap jawaban 2xx apa pun sebagai sukses, dan Ikiform menjawab 201 saat menyimpan post.
4. Tambahkan field: Text name, Email email, Select service, Date preferred_date, Text Area details. Atur ID setiap field; jika tidak, Carrd membuatnya dari label.
5. Di On Success, pilih pesan atau section yang ditampilkan. Di On Failure, buat teksnya umum. Carrd tidak menampilkan pesan error dari Ikiform.
6. Publikasikan. Formulir hanya mengirim dari situs yang sudah dipublikasikan.

https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx

Field Hidden selalu mengirim nilai presetnya, jadi tidak bisa berfungsi sebagai honeypot di sini. Penilaian spam, rate limit, dan allowed domains Ikiform tetap berjalan di setiap post. Biarkan Spam check Ikiform mati untuk formulir ini: post AJAX tidak bisa menampilkan pemeriksaan itu, dan akan gagal dengan 403 challenge_required.

Pro Standard: elemen Embed

Di Pro Standard Anda tidak bisa membuat formulir kustom di Carrd, tetapi Anda bisa menempelnya. Klik Add Element > Embed, atur Type ke Code dan Style ke Inline, lalu tempel ini. Formulir membawa gayanya sendiri karena gaya formulir Carrd tidak menjangkau kode yang di-embed.

<form id="booking" action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post" target="_top">
  <input name="name" placeholder="Name" autocomplete="name" required>
  <input name="email" type="email" placeholder="Email" autocomplete="email" required>
  <select name="service" required>
    <option value="" disabled selected>What do you need?</option>
    <option value="portrait">Portrait session</option>
    <option value="event">Event coverage</option>
    <option value="product">Product photos</option>
  </select>
  <input name="preferred_date" type="date" aria-label="Preferred date">
  <textarea name="details" rows="4" placeholder="Anything else?" maxlength="2000"></textarea>
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden>
  <button type="submit">Request a booking</button>
  <p id="booking-note" role="status"></p>
</form>
<style>
  #booking { display: grid; gap: 0.75rem; font: inherit; }
  #booking input, #booking select, #booking textarea { font: inherit; padding: 0.75rem; border: 1px solid #ccc; border-radius: 0.5rem; }
  #booking button { font: inherit; padding: 0.75rem; border: 0; border-radius: 0.5rem; background: #111; color: #fff; }
</style>
<script>
  const booking = document.getElementById("booking");
  booking.addEventListener("submit", async (event) => {
    event.preventDefault();
    const note = document.getElementById("booking-note");
    note.textContent = "Sending";
    try {
      const response = await fetch(booking.action, {
        method: "POST",
        headers: { Accept: "application/json" },
        body: new FormData(booking),
      });
      const result = await response.json();
      if (result.ok) {
        booking.replaceChildren("Thanks. I'll reply with availability.");
        return;
      }
      const fields = result.error.fields ?? {};
      note.textContent = fields.preferred_date?.[0] ?? fields.email?.[0] ?? result.error.message;
    } catch {
      note.textContent = "Couldn't send. Try again, or email me directly.";
    }
  });
</script>

• Script mengirim dengan fetch dan mengganti formulir dengan baris terima kasih, jadi halaman tidak berubah.
• Input _gotcha tersembunyi benar-benar honeypot di sini, tidak seperti field Hidden Carrd.
• Jika script gagal dimuat, formulir tetap mengirim secara normal. target="_top" mencegah hasilnya terbuka di dalam frame.
• Embed tidak berjalan di editor Carrd. Publikasikan untuk melihat formulirnya.

Kedua versi mengirim field yang sama. Definisikan di Ikiform setelah sebuah uji tiba:

Allowed domains di Carrd

Tambahkan your-site.carrd.co, atau your-site.crd.co di Pro, dan domain kustom Anda. Jangan tambahkan carrd.co saja; setiap situs Carrd akan diizinkan mengirim. Panduan dokumentasi Carrd mencantumkan setiap pengaturan beserta alasannya.

Pastikan berfungsi di Carrd

1. Di Allowed domains formulir, tambahkan domain situs Anda, ditambah localhost selama pengembangan. Biarkan kosong untuk menerima kiriman dari mana saja.
2. Publikasikan, lalu kirim formulir di situs yang sudah dipublikasikan.
3. Pastikan Carrd menampilkan On Success, atau embed menampilkan baris terima kasihnya.
4. Buka Submissions di dashboard. Kiriman baru ada di sana dengan setiap field yang Anda kirim.
5. Periksa bahwa nama field adalah ID Anda, preferred_date terbaca seperti 2026-11-14, dan tidak ada field utm_ yang tiba kecuali Anda memang mengharapkannya.
6. Cek inbox setiap penerima notifikasi. Masing-masing mendapat email berisi field, dan Reply terkirim ke pengirim formulir jika formulir punya field email.

Hal yang sering menjebak

Pertanyaan