Cara menambahkan daftar tunggu ke situs Carrd

Di Carrd Pro Plus, tambahkan Custom form yang mengirim ke endpoint Ikiform Anda dengan metode AJAX, aktifkan pengumpulan UTM, dan definisikan field-field itu di Ikiform. Di Pro Standard, tempel formulir HTML kecil ke elemen Embed; formulir ini mengirim dengan cara biasa, menyertakan honeypot, dan mengembalikan orang ke bagian terima kasih di halaman yang sama.

Carrd adalah cara tercepat untuk memasang pitch satu halaman secara online, sehingga cocok untuk daftar tunggu. Formulir yang bisa Anda pakai lebih bergantung pada paket Carrd Anda daripada apa pun yang Anda bangun, jadi mulailah dari situ.

Apa yang berbeda di Carrd

• Paket menentukan formulirnya. Pro Plus punya Custom form yang bisa mengirim ke URL mana pun. Pro Standard punya formulir kontak dan pendaftaran yang mengarah ke tujuan milik Carrd sendiri, ditambah elemen Embed. Pro Lite tidak punya formulir maupun embed.
• Send to URL tidak bisa menyembunyikan honeypot. Hidden field Carrd selalu berisi nilai yang Anda tetapkan, jadi tidak bisa menangkap bot. Penilaian spam tetap berjalan pada setiap kiriman.
• Kiriman AJAX tidak bisa menjalankan pemeriksaan manusia. Carrd menganggap 2xx apa pun sebagai sukses dan selain itu sebagai gagal, dan tidak bisa menampilkan halaman pemeriksaan Ikiform. Biarkan pemeriksaan spam nonaktif untuk cara ini.
• Satu halaman berarti satu tempat untuk berterima kasih. Tidak ada halaman kedua untuk tujuan redirect kecuali Anda membuatnya. Pesan On Success Carrd, atau sebuah bagian di halaman yang sama, menjalankan tugas itu.

Jika yang Anda inginkan hanya alamat email di alat email Anda, formulir pendaftaran bawaan Carrd mungkin sudah cukup. Ikiform berguna saat Anda ingin salinan tersimpan dari setiap pendaftaran, penyaringan spam, email untuk setiap pendaftaran, dan webhook bertanda tangan yang bisa diarahkan ke mana saja.

Pro Plus: Custom form

1. Klik Add Element › Form. Atur Type ke Custom, lalu Send to URL.
2. Atur URL ke https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx, Method ke AJAX, dan Format ke Default. Jangan pilih XML: Ikiform menolaknya dengan 415.
3. Tambahkan satu field Email dan atur Submitted ID-nya ke email. Carrd membuat ID dari label, jadi jika dibiarkan kosong, yang terkirim adalah email_address atau sejenisnya.
4. Centang Collect UTM parameters. Carrd menambahkan utm_source, utm_medium, utm_campaign, utm_term, dan utm_content jika ada di tautan.
5. Atur On Success ke pesan seperti You're on the list. We'll email you at launch. dan On Failure ke kalimat umum. Carrd menampilkan teks Anda sendiri di sana kecuali Anda mengaktifkan Export variables dan Return endpoint responses.

Lalu tambahkan definisi field di tab Fields Ikiform, termasuk field UTM:

{
  "version": 1,
  "title": "Waitlist",
  "fields": [
    { "id": "email", "type": "email", "label": "Email", "required": true },
    { "id": "utm_source", "type": "text", "label": "UTM source", "validation": { "max_length": 100 } },
    { "id": "utm_medium", "type": "text", "label": "UTM medium", "validation": { "max_length": 100 } },
    { "id": "utm_campaign", "type": "text", "label": "UTM campaign", "validation": { "max_length": 100 } },
    { "id": "utm_term", "type": "text", "label": "UTM term", "validation": { "max_length": 100 } },
    { "id": "utm_content", "type": "text", "label": "UTM content", "validation": { "max_length": 100 } }
  ]
}

• Tanpa lima field UTM itu, setiap pendaftaran yang datang dari tautan bertag ditolak dengan error Unknown field, dan Carrd menampilkan On Failure. Field tersebut hanya dikirim jika ada di tautan, jadi di sini sifatnya opsional.
• Jangan tambahkan field File. Ikiform menolak file dengan 422 files_not_supported.
• Pengaturan Events Carrd bisa menjalankan skrip Anda sendiri saat sukses, misalnya panggilan analitik. Pengaturan ini terpisah dari pesannya.

Pro Standard: formulir yang di-embed

Klik Add Element › Embed, atur Type ke Code dan Style ke Inline, lalu tempel formulirnya. Embed tidak dirender di builder, jadi publikasikan untuk melihatnya.

<form class="iki-waitlist" action="https://ikiform.com/f/frm_xxxxxxxxxxxxxxxx" method="post" target="_top">
  <input name="email" type="email" placeholder="you@company.com" aria-label="Email" autocomplete="email" required>
  <input type="hidden" name="_redirect" value="https://example.com/#joined">
  <input name="_gotcha" type="text" tabindex="-1" autocomplete="off" hidden>
  <button type="submit">Join the waitlist</button>
</form>

<style>
  .iki-waitlist { display: flex; flex-wrap: wrap; gap: 8px; max-width: 440px; margin: 0 auto; }
  .iki-waitlist input[type="email"] { flex: 1 1 220px; font: inherit; padding: 12px 14px; border: 1px solid #d4d4d4; border-radius: 8px; }
  .iki-waitlist button { font: inherit; padding: 12px 18px; border: 0; border-radius: 8px; background: #111; color: #fff; cursor: pointer; }
</style>

• Tambahkan Section Break bernama joined dan letakkan kalimat terima kasih setelahnya. Carrd membuka sebuah bagian jika namanya ada di tautan setelah #, jadi _redirect mendaratkan orang di sana.
• Ganti https://example.com dengan alamat Carrd Anda. _redirect hanya berfungsi untuk URL https: di salah satu Allowed domains formulir, jadi tambahkan domainnya di sana juga.
• target="_top" membuat kiriman keluar dari frame apa pun yang membungkus embed Carrd, sehingga redirect dimuat di jendela utama.
• Ini kiriman biasa, jadi pemeriksaan manusia berfungsi jika Anda mengaktifkannya. HTML-nya tidak perlu diubah.

Domain yang diizinkan

Jangan pernah menambahkan carrd.co atau crd.co saja; semua situs Carrd akan cocok. Panduan Carrd di dokumentasi berisi versi formulir kontaknya, dan panduan utama menjelaskan pendaftaran berulang.

Pastikan berfungsi

1. Publikasikan situsnya. Formulir dan embed hanya berfungsi di halaman yang sudah dipublikasikan.
2. Di Allowed domains formulir, tambahkan domain situs Anda, ditambah localhost selama pengembangan. Biarkan kosong untuk menerima kiriman dari mana saja.
3. Di Pro Plus, buka halaman dengan ?utm_source=test dan mendaftar. Carrd menampilkan On Success, dan kiriman di Ikiform memiliki utm_source bernilai test.
4. Di Pro Standard, mendaftar lewat embed. Anda mendarat di bagian #joined halaman Anda.
5. Periksa inbox setiap penerima notifikasi. Masing-masing mendapat email berisi field-field tersebut, dan Reply ditujukan ke pengirim jika formulir punya field email.
6. Tidak ada yang masuk? Ubah filter status di dashboard ke Spam. Spam mendapat jawaban sukses yang sama dengan kiriman asli.

Jebakan

Pertanyaan