Apa itu HubSpot?

HubSpot adalah platform yang menghubungkan alat pemasaran, penjualan, dan layanan ke basis data CRM terintegrasi. Dengan memasukkan formulir lead yang disediakan platform ini langsung ke situs Framer, pengisian pengguna dapat langsung dikirim ke akun HubSpot untuk memudahkan pengelolaan lead.

Cara menemukan ID formulir HubSpot

Untuk menghubungkan formulir HubSpot ke Framer, Anda memerlukan dua pengidentifikasi unik yang disebut portal Id dan form Id.

1. Di HubSpot, buka formulir yang ada atau buat formulir baru.

2. Klik tombol Embed di kanan atas editor formulir.

3. Kode Embed akan muncul dalam modals yang tampil, dan Anda dapat menyalin nilai portal Id dan form Id dari sana.

Menambahkan komponen HubSpot di Framer

Setelah ID formulir siap, alihkan ke proyek Framer dan tambahkan komponen HubSpot. Di Framer, Anda dapat menata komponen formulir HubSpot secara visual sebelum mengelolanya.

1. Buka proyek Framer Anda.

2. Gulir ke bawah di panel Insert kiri hingga menemukan bagian Forms.

3. Pilih komponen HubSpot dan seret ke kanvas.

Menghubungkan formulir HubSpot

Setelah memilih komponen yang telah ditempatkan di kanvas, Anda harus menghubungkannya dengan ID yang telah disalin untuk formulir HubSpot.

1. Pilih komponen HubSpot pada halaman.

2. Cari fields portal Id dan form Id di panel kanan.

3. Tempelkan nilai ke fields tersebut untuk menghubungkan formulir.

Mengelola desain formulir di HubSpot

Meski Anda dapat menempatkan formulir di Framer, namun pengaturan desain dan fungsi formulir harus dimodifikasi di HubSpot. Anda dapat menyesuaikan fields, gaya, dan perilaku menggunakan editor formulir HubSpot untuk memastikan desain dan suasana formulir sesuai dengan brand Anda.

Periksa sebelum mempublikasikan

Setelah menambahkan formulir dan menghubungkan ID, lakukan uji coba untuk memastikan semuanya berfungsi. Sebelum mempublikasikan, disarankan untuk mengecek elemen-elemen berikut. Setelah memastikan semuanya siap, klik Publish untuk menerbitkan situs sehingga informasi yang diserahkan pengunjung dapat langsung diteruskan ke HubSpot.

• Pergi ke mode Preview kemudian periksa tata letak dan fungsi

• Pastikan input dan pengajuan berjalan dengan benar

Formulir native yang disediakan Framer

Anda juga bisa menggunakan sistem formulir bawaan Framer selain HubSpot. Framer menyediakan fitur standar berikut untuk formulir:

• Lebih dari 10 tipe input yang beragam sesuai berbagai kasus penggunaan

• Pengaturan UI interaktif untuk peningkatan UX (contoh: sukses, error, loading, dll.)

• Pilihan untuk beberapa metode submit seperti email, Google Sheets, dan Webhook

• Spam protection dan Rate Limiting yang disediakan secara default untuk keamanan

Catatan: Untuk langkah-langkah pengaturan formulir native yang disediakan Framer, silakan lihat panduan ini.

Kapan formulir HubSpot berguna

Mengintegrasikan formulir HubSpot ke situs Framer membantu menyederhanakan komunikasi, mengumpulkan insight, dan lebih efektif mengorganisir data. Beberapa contoh penggunaan yang umum termasuk:

• Formulir kontak: Tambahkan formulir "Kontak Kami" agar pengguna dapat menghubungi tim Anda. Menggunakan teks placeholder membantu pengunjung memasukkan informasi yang relevan.

• Formulir permintaan dukungan: Rute masalah dukungan masuk ke pusat kontrol menggunakan formulir HubSpot yang terstruktur.

• Formulir pengumpulan umpan balik: Kumpulkan pendapat dan ide tentang produk untuk memahami pengguna dengan lebih baik dan memprioritaskan fitur atau perubahan baru.

Jika ada masalah atau koneksi gagal, Anda dapat menghubungi tim dukungan di halaman Kontak Framer.

Pertanyaan yang Sering Diajukan (FAQ)

P. Apakah semua desain formulir HubSpot dapat diubah langsung di Framer?

• Tidak. Perubahan desain formulir HubSpot hanya dapat dilakukan di dalam HubSpot, sementara di Framer Anda hanya dapat mengatur posisi, ukuran, dan tata letak.

P. Bisakah menambahkan beberapa formulir HubSpot ke satu halaman Framer?

• Bisa. Selama portal Id dan form Id berbeda untuk setiap formulir, Anda dapat menambahkan beberapa formulir.

P. Apakah harus menyambung ulang di Framer setelah mengubah konten formulir di HubSpot?

• Tidak perlu. Selama portal Id/form Id yang sama dipertahankan, Framer akan otomatis memuat struktur terbaru setelah perubahan fields atau teks di HubSpot.

Artikel ini adalah adaptasi dan terjemahan dari konten Menambahkan formulir HubSpot ke situs Anda dari blog resmi Framer.