Alasan untuk Mengintegrasikan Mailchimp dengan Situs Anda

Mengumpulkan email pengunjung situs untuk mengirim newsletter atau menyediakan kode diskon dan konten, integrasi Mailchimp sangatlah berguna. Di Framer, ada komponen khusus yang memungkinkan integrasi cepat tanpa perlu menangani kode yang rumit.

Cara Mengintegrasikan Mailchimp

1. Menyimpun URL Form dari Mailchimp

Setelah masuk ke akun Mailchimp Anda, buka bagian Embedded Form Code. Di dalam tag <form action="">, Anda akan menemukan URL untuk proses langganan Mailchimp. Salin URL tersebut.

Contoh URL: https://framer.us18.list-manage.com/subscribe/post u=01218bcf94e5b95825414d926&id=7899444161&f_id=004555e7f0

2. Menambahkan Komponen Mailchimp di Framer

1. Buka proyek Framer Anda dan pergi ke panel Insert di sebelah kiri.

2. Di bagian Forms, temukan dan tarik komponen Mailchimp ke halaman Anda.

Note: Konfigurasi dasar terdiri dari kolom email dan tombol langganan.

3. Memasukkan URL Form dan Menyesuaikan Gaya

Pilih komponen Mailchimp di kanvas dan tempelkan URL yang disalin ke kolom URL Form di panel properti di sebelah kanan.

Note: Di panel yang sama, Anda bisa menyesuaikan berbagai gaya seperti kolom input, teks tombol, tata letak, warna, font, dan kelengkungan sudut sesuai keinginan.

4. Uji Coba Setelah Pratinjau atau Publikasi

Setelah selesai mengatur, cek hasilnya dengan Preview atau langsung publikasikan situs dengan menekan Publish. Anda dapat menguji form di situs yang dipublikasikan dan memastikan bahwa data yang dimasukkan dikirim ke Mailchimp secara langsung.

Fungsi Dasar Form di Framer

Walaupun tanpa Mailchimp, Framer menyediakan sistem form-nya sendiri. form di framer memiliki fitur berikut:

• Menyediakan lebih dari 10 jenis form input yang disesuaikan

• Mampu mendesain form untuk berbagai interaksi

• Data dapat dikirim ke email, Google Sheets, Webhook, dan lainnya

• Termasuk fitur keamanan seperti pencegahan spam dan pembatasan laju

Untuk pengaturan lebih lanjut, Anda dapat merujuk ke dokumen bantuan terkait.

Contoh Penting dari Penggunaan Integrasi Mailchimp

• Menyediakan Diskon: Berikan kode diskon untuk produk atau layanan Anda untuk mendorong langganan pengguna. Ini dapat mengubah pembeli satu kali menjadi pelanggan yang kembali.

• Mendapatkan Prospek: Dengan menawarkan konten premium seperti white paper atau PDF, dorong pengguna untuk menyerahkan email mereka untuk mendapatkannya. Hal ini membantu dalam mengumpulkan prospek.

• Menyampaikan Tips Eksklusif kepada Pelanggan: Berikan informasi yang tidak tersedia di tempat lain untuk memperbesar daftar email dan meningkatkan interaksi pengunjung.

Jika menghadapi masalah tambahan, silakan hubungi melalui halaman kontak untuk dukungan lebih lanjut.

Pertanyaan yang Sering Diajukan (FAQ)

P. Dapatkah saya menguji Form Mailchimp di pratinjau?

• Tidak. Karena ini mengirimkan permintaan nyata ke server Mailchimp, pengujian hanya dapat dilakukan di halaman yang sudah di-publish.

P. Bisakah pesan sukses/gagal yang dikirim ke pengguna ketika form diserahkan disesuaikan?

• Tidak. Pesan sukses/gagal dari form Mailchimp diproses berdasarkan HTML yang dikembalikan oleh server Mailchimp sehingga UI tidak dapat diatur dengan rinci di dalam FramerFramer.

P. Dapatkah gaya form (tombol, font, warna) di Framer disesuaikan?

• Ya. Komponen khusus Mailchimp menyediakan panel gaya untuk mengubah teks, warna, desain tombol, tata letak, dll., sesuai keinginan.

Artikel ini adalah terjemahan dan adaptasi dari konten di blog resmi Framer berjudul ‘Disabling user select on a layer’.