CMS
8 Jul 2025
Cara menambahkan formulir kontak di Framer dan cara menggunakannya
Dengan Framer, Anda dapat dengan mudah menambahkan formulir kontak menggunakan berbagai jenis input dan integrasi layanan eksternal. Manfaatkan formulir dasar dan integrasi layanan pihak ketiga untuk mengumpulkan data pengguna secara efisien.
Diposting oleh
Diterjemahkan oleh
Daftar Isi
Daftar Isi
Mengapa Kita Butuh Formulir?
Saat mengelola situs web, kita sering kali perlu mengumpulkan data seperti pertanyaan, reservasi, dan langganan email dari pengunjung. Dengan menggunakan komponen formulir yang disediakan secara default di FramerFramer, Anda dapat menambahkan berbagai jenis formulir dengan mudah tanpa memerlukan coding tambahan dan mengumpulkan data dengan menghubungkannya ke layanan eksternal.
Fitur Komponen Formulir di FramerFramer
Mendukung lebih dari 10 jenis input seperti teks, email, kotak pilihan, kotak centang, dll.
Dapat mendesain sendiri berbagai status formulir seperti penyelesaian pengiriman, pesan kesalahan, dll.
Mampu mengirim data yang dikumpulkan ke email, Google Sheets, Webhook dll.
Pemfilteran spam dan pembatasan kecepatan permintaan terintegrasi secara default.
Cara Menambahkan Formulir
Klik menu
Insertpada sisi kiri editor FramerFramerPilih dan seret formulir yang diinginkan dari bagian
Formske halamanAtur desain dan koneksi data
Menggunakan Formulir yang Disediakan Secara Default oleh FramerFramer
FramerFramer mendukung fungsi formulir untuk berbagai tujuan penggunaan.
Jenis | Keterangan |
|---|---|
Formspark | Formulir kontak sederhana untuk memasukkan nama, email, dan pesan |
Calendly | Untuk pemesanan jadwal dan pertemuan |
HubSpot | Menambahkan prospek ke CRM langsung untuk keperluan pemasaran |
Intercom | Menyediakan fungsi untuk permintaan dukungan pelanggan |
Typeform | Formulir yang sepenuhnya dapat disesuaikan untuk interaksi pengguna yang kaya |
Selain itu, Anda dapat mengumpulkan email dengan menggunakan komponen Input. Fitur ini mendukung layanan Loops.so, Mailchimp, Formspark, GetWaitlist.
Menghubungkan Layanan Formulir Eksternal Lainnya
Untuk memasukkan layanan formulir eksternal seperti Beehiiv atau Tally
Salin script HTML yang disediakan oleh layanan tersebut
Tempel di komponen Embed FramerFramer
Sebagai alternatif, Anda dapat membuat formulir sepenuhnya kustom dengan menggunakan Komponen Kode.
Materi Terkait
Cara menambahkan Intercom ke situs web
Cara menambahkan Mailchimp ke situs web
Cara menambahkan Typeform ke situs web
Cara menambahkan Formspark ke situs web
Cara menambahkan Hubspot Forms ke situs web
Artikel ini adalah terjemahan dan adaptasi dari dokumentasi resmi FramerFramer ‘How can I add a contact form to my Framer website’.
