Mulai
Wawasan
20 Okt 2025
Cara menambahkan formulir Formspark di Framer
Dengan Framer, Anda dapat dengan mudah mengatur formulir melalui Formspark dan mengumpulkan informasi pengunjung. Formulir pertanyaan yang disesuaikan dengan pengguna, formulir langganan email, dan formulir dukungan pelanggan membantu Anda mengelola data secara efisien.

Diposting oleh

Diterjemahkan oleh
Daftar Isi
Daftar Isi
Apa itu Formspark?
Formspark adalah layanan yang memungkinkan Anda menerima data pengiriman formulir langsung ke email, atau terintegrasi dengan platform seperti Slack, Zapier, dan Integromat. Anda dapat dengan mudah mengelola formulir kontak, pengumpulan prospek, tiket dukungan, dan lainnya.
Kasus Penggunaan Utama Formspark di Framer
Di Framer, Anda dapat menyesuaikan formulir sesuai kebutuhan. Dengan menggunakan Formspark, Anda dapat langsung mengumpulkan informasi dari pengunjung di situs Framer tanpa perlu mengelola server atau mempelajari API.
Formulir Kontak: Formulir "Hubungi Kami" menyediakan saluran mudah bagi pelanggan prospektif dan yang sudah ada untuk menghubungi Anda. Disarankan untuk menambahkan kalimat bimbingan untuk mendorong permintaan spesifik sehingga informasi berharga dari pelanggan tersebut dapat dikumpulkan secara efektif.
Formulir Berlangganan Email: Tambahkan formulir berlangganan ke blog atau website Anda untuk memperluas daftar email Anda.
Formulir Dukungan Pelanggan: Gunakan sistem sederhana untuk mengelola semua tiket di satu tempat, sehingga Anda dapat menangani permintaan dukungan pelanggan dengan efisien.
Cara Mengatur Tahap Demi Tahap
1. Menyalin Form ID dari Formspark
Langsung ke Formspark dan buat formulir HTML baru atau buka formulir yang sudah ada, kemudian salin Form ID (misalnya: 7PbPpGN3) di pengaturan formulir. Saat membuat formulir baru, pastikan pada pilihan Technology bahwa HTML dipilih.

2. Menambahkan Komponen Formspark di FramerFramer
Buka proyek Framer Anda, lalu buka panel Insert di sisi kiri kanvas. Temukan Formspark di bawah bagian Elements dan seret ke kanvas.

3. Menempelkan Form ID dan Menyesuaikan Formulir
Masukkan Form ID yang telah Anda salin pada bidang ID Formspark di panel kanan. Di bawah bidang ID, Anda akan melihat bidang Nama / Email / Pesan. Anda dapat menyalakan atau mematikan bidang tersebut, serta menyesuaikan tata letak, mengubah warna, atau menambahkan font khusus sesuai keinginan Anda.

Fungsi Formulir Bawaan di Framer
Framer juga memiliki fitur formulir bawaan yang mencakup berbagai fungsi berikut.

Mendukung lebih dari 10 tipe input
Dapat membuat desain interaksi yang berbeda pada formulir
Dapat meneruskan data ke email, Google Sheets, Webhook
Dilengkapi dengan fungsi perlindungan spam dan pembatasan kecepatan pengiriman
Untuk menambahkan formulir bawaan di Framer, silakan lihat panduan ini. Jika masih ada masalah, dapatkan dukungan tambahan melalui halaman kontak kami.
Tulisan ini adalah konten yang diterjemahkan dan diadaptasi dari ‘Menambahkan Formspark ke situs Anda’ di blog resmi Framer.




