Cara Mengintegrasikan Elementor dan Mailchimp (dalam 5 Langkah)

Diterbitkan: 2022-07-01

Mailchimp adalah salah satu alat otomatisasi pemasaran email terbaik untuk situs web Anda. Layanannya dapat mengatur pelanggan Anda secara efisien dan mengirimi mereka konten yang mereka minati. Namun, formulir kontak Mailchimp mungkin tidak sesuai dengan merek situs web Anda.

Untuk mengatasi masalah ini, Anda dapat mengintegrasikan Elementor dan Mailchimp. Dengan Elementor, Anda dapat dengan mudah mendesain formulir berlangganan khusus dan menyematkannya ke situs web Anda. Kemudian, Anda dapat mengelola informasi pendaftaran langsung dari Mailchimp.

Dalam posting ini, kita akan membahas mengapa Anda mungkin ingin mengintegrasikan Elementor dan Mailchimp. Kemudian, kami akan menunjukkan cara melakukannya hanya dalam lima langkah. Kami juga menyertakan daftar add-on untuk mengakses fitur dan fungsionalitas tambahan. Mari kita mulai!


Manfaat Mengintegrasikan Elementor dan Mailchimp

Baik Anda menjalankan bisnis online atau blog, Anda mungkin memerlukan cara untuk secara konsisten menghubungi audiens Anda. Dengan Mailchimp, Anda dapat melakukan hal itu.

Mailchimp adalah layanan pemasaran email yang dapat membuat daftar pelanggan dan mendesain email:

Pemasaran email Mailchimp
Simpanse surat.

Menggunakan Mailchimp, Anda dapat membuat daftar email dengan informasi kontak pelanggan Anda. Dengan menggunakan template email yang telah dibuat sebelumnya dan Pengoptimal Konten, Anda dapat mengirim pembaruan yang menarik dan informatif kepada anggota audiens Anda.

Jika Anda baru mengenal Mailchimp, Anda dapat membuat akun secara gratis. Anda dapat mengakses fitur-fiturnya yang mudah digunakan tanpa membayar selama Anda memiliki kurang dari 2.000 pelanggan.

Saat Anda mencoba mengembangkan daftar email Anda, ada baiknya untuk menyematkan beberapa formulir berlangganan di situs web Anda. Mereka dapat membantu Anda menghasilkan arahan dari lalu lintas organik Anda. Meskipun Mailchimp memiliki fitur ini, formulir penyematannya sering kali bersifat umum dan kemungkinan besar tidak akan cocok dengan merek Anda.

Di sinilah Elementor masuk. Elementor adalah pembuat halaman WordPress yang mudah digunakan yang dapat Anda gunakan untuk mendesain situs web Anda tanpa pengkodean. Editor drag-and-drop membuatnya mudah untuk membuat fitur dan fungsionalitas yang dibutuhkan situs Anda:

elemen
Pembuat halaman elemen.

Selanjutnya, Elementor dapat dengan mudah berintegrasi dengan Mailchimp. Dibandingkan dengan pembuat halaman lainnya, Elementor adalah salah satu opsi terbaik untuk membuat dan mengelola formulir keikutsertaan.

Dengan Elementor, Anda dapat menambahkan formulir kontak di mana saja di situs Anda dan menautkan Mailchimp di pengaturannya. Ketika pengunjung online Anda mendaftar, mereka akan secara otomatis ditambahkan ke daftar Mailchimp Anda. Menggunakan kedua alat memungkinkan Anda memiliki formulir yang dirancang dengan baik tanpa kehilangan analitik pelanggan.

Elementor+ Mailchimp = tim impian Pelajari lebih lanjut tentang mengintegrasikan dua alat canggih ini dalam panduan ini Klik untuk Tweet

Cara Mengintegrasikan Elementor dan Mailchimp (dalam 5 Langkah)

Sekarang setelah Anda mengetahui bagaimana Elementor dan Mailchimp dapat bermanfaat bagi situs web Anda, mari kita bahas cara memulai proses integrasi ini!

Langkah 1: Mendaftar untuk Akun Mailchimp

Pertama, Anda harus pergi ke situs web Mailchimp dan mendaftar untuk sebuah akun. Anda dapat melakukan ini secara gratis hanya dengan memasukkan alamat email, nama pengguna, dan kata sandi Anda:

Halaman pendaftaran Mailchimp
Mendaftar untuk akun Mailchimp.

Kemudian, Mailchimp akan mengirimi Anda email dengan tautan aktivasi. Dengan mengklik ini, Anda akan melihat halaman dengan opsi paket yang berbeda:

Opsi paket di situs web Mailchimp
Opsi paket Mailchimp.

Jika Anda tidak yakin paket mana yang tepat untuk Anda, pilih Bandingkan Fitur Paket . Di sini, Anda dapat melihat semua yang ada di setiap tingkatan:

Lihat fitur bandingkan semua paket
Bandingkan paket Mailchimp.

Dalam tutorial ini, kami memilih Paket Gratis , yang dapat mendukung 2.000 kontak dan 10.000 pengiriman email. Ini akan cukup untuk rencana pemasaran email dasar. Namun, Anda tidak akan dapat mengakses iklan penargetan ulang, template email berkode ubahsuaian, atau pencitraan merek ubahsuaian.

Untuk memulai proses pendaftaran, isi nama dan informasi bisnis Anda. Meskipun opsional, Anda juga dapat memasukkan URL situs web dan mengimpor konten Anda:

Tambahkan nama dan info bisnis
Tambahkan nama dan info bisnis Anda.

Selanjutnya, isi informasi alamat Anda. Langkah ini memastikan bahwa email Anda tidak berkontribusi terhadap spam:

Isi alamat yang benar
Tambahkan alamat Anda ke kolom.

Mailchimp kemudian akan menanyakan apakah Anda sudah memiliki pelanggan. Jika ya, pilih Ya dan isi berapa banyak yang Anda miliki:

Beri tahu Mailchimp berapa banyak pelanggan yang Anda miliki
Isi berapa banyak pelanggan yang Anda miliki.

Untuk membantu Mailchimp memahami bisnis Anda, tunjukkan apakah Anda menjual produk atau layanan. Untuk melewati pertanyaan ini, Anda dapat mengklik Lewati :

Menjual produk atau jasa
Pilihan produk atau layanan.

Setelah Anda menyelesaikan proses pendaftaran ini, Anda akan dapat mengakses akun Mailchimp Anda!

Langkah 2: Buat Audiens dan Kunci API

Untuk mulai mengatur pelanggan Anda di Mailchimp, Anda harus membuat audiens. Ingatlah bahwa akun gratis hanya mendukung satu audiens, tetapi paket lanjutan apa pun dapat menyertakan tiga atau lebih.

Meskipun Anda mungkin merasa tergoda untuk membuat beberapa audiens, Mailchimp merekomendasikan untuk memulai dengan satu audiens. Penyiapan ini dapat membantu Anda memahami pelanggan Anda secara keseluruhan. Ini juga dapat menyederhanakan proses pengiriman email Anda dan mempertahankan kontak Anda seiring pertumbuhan perusahaan Anda.

Bahkan dengan hanya satu audiens, Anda dapat membuat tag dan segmen untuk mengatur kontak ke dalam subset yang berbeda. Namun, membuat banyak audiens dapat memiliki manfaat tertentu.

Misalnya, jika Anda mengirim email ke vendor dan pembeli, Anda mungkin perlu mengirim pesan terpisah ke grup ini.

Di dasbor Mailchimp Anda, buka Audiens > Dasbor Audiens . Kemudian, klik Tambahkan Kontak Anda :

Tambahkan kontak di Mailchimp
Tambahkan kontak di Mailchimp.

Ini akan membawa Anda ke halaman untuk mengimpor informasi kontak pelanggan Anda. Cukup salin dan tempel nama dan alamat email mereka ke dalam kotak teks. Atau, Anda dapat mengimpor data dari layanan pihak ketiga atau mengunggah file CSV atau TXT:

Pilih metode unggah
Opsi pengunggahan yang berbeda tersedia.

Setelah Anda selesai melakukannya, buka Dasbor Pemirsa dan temukan Kelola Pemirsa > Setelan . Di sini, Anda dapat mengubah nama dan pengaturan default:

Mengubah nama dan pengaturan default di Mailchimp
Ubah nama dan pengaturan default.

Pastikan untuk mengatur nama Dari dan Dari alamat email . Anda juga dapat mengaktifkan pilihan ganda untuk mengirim email konfirmasi kepada pelanggan setelah mereka mendaftar:

Tambahkan lebih banyak opsi default kampanye
Tambahkan lebih banyak opsi kampanye.

Setelah Anda selesai membuat dan menyiapkan akun, buka Profil Anda . Kemudian klik Ekstra > kunci API :

Klik pada tab ekstra untuk menemukan opsi API
Klik pada tab "Ekstra" untuk menemukan opsi API.

Jika Anda tidak memiliki kunci API, Anda harus mengklik Create A Key . Mailchimp akan secara otomatis menambahkan satu untuk Anda:

Buat kunci API Anda
Buat kunci API.

Setelah kunci API Anda aktif, salin. Karena informasi ini memberikan akses ke akun Mailchimp Anda, jangan pernah membagikan kode ini secara publik.

Langkah 3: Rancang Formulir Pendaftaran Mailchimp Dengan Elementor

Selanjutnya, Anda harus mengunduh dan menginstal Elementor Pro. Ini termasuk Pembuat Formulir WordPress, yang dapat Anda gunakan untuk merancang formulir khusus dan mengumpulkan umpan balik dari audiens Anda.

Setelah Anda mengaktifkan Elementor Pro, buka Elementor > Pengaturan > Integrasi . Gulir ke bawah ke bagian Mailchimp dan tempel kunci API:

Tempel kunci API Mailchimp Anda
Rekatkan kunci API Mailchimp Anda.

Klik Validasi Kunci API . Jika integrasi berhasil, Anda akan melihat tanda centang hijau di sebelah tombol ini. Setelah ini, simpan perubahan Anda.

Sekarang Anda dapat mulai mendesain formulir pendaftaran Anda. Pertama, tambahkan posting atau halaman baru dan pilih Edit dengan Elementor :

Pilih edit dengan elemen
Pilih "Edit dengan Elementor".

Di editor Elementor, gulir ke bawah ke widget Pro . Di sini, Anda akan melihat opsi untuk Formulir . Seret dan lepas widget ini ke halaman:

Temukan widget formulir
Seret dan lepas widget "Formulir" ke halaman.

Elementor akan secara otomatis membuat formulir dasar yang mencakup bidang nama, alamat email, dan pesan. Namun, Anda dapat terus menyesuaikan formulir hingga memenuhi kebutuhan Anda:

Mulai sesuaikan formulir
Sesuaikan formulir sesuai keinginan Anda.

Misalnya, jika Anda ingin menambahkan formulir berlangganan, biasanya tidak memerlukan bidang pesan. Anda cukup mengklik X di sebelah item ini.

Untuk menghasilkan prospek, Anda harus meminta pengunjung untuk mengisi nama dan email mereka. Anda dapat melakukan ini dengan mengklik setiap bidang dan memilih Ya di sebelah Diperlukan :

Klik pada elemen yang sesuai
Klik pada elemen yang sesuai.

Lalu, buka bagian Buttons untuk mengedit tombol tindakan. Meskipun teks default adalah "Kirim", pertimbangkan untuk mengubahnya menjadi "Berlangganan" atau "Daftar:"

Edit aksi tombol di Elementor
Edit aksi tombol di Elementor.

Anda dapat terus mengubah ukuran tombol dan lebar kolom sesuai kebutuhan. Jika mau, Anda juga dapat menambahkan ikon.

Langkah 4: Hubungkan Mailchimp

Setelah Anda menyesuaikan formulir sesuai keinginan Anda, saatnya untuk menghubungkan akun Mailchimp Anda. Untuk melakukan ini, temukan bagian Tindakan Setelah Kirim :

Temukan tindakan setelah opsi kirim
Akses opsi "Tindakan Setelah Kirim".

Kemudian, klik ikon + dan pilih Mailchimp dari menu tarik-turun:

Pilih Mailchimp dari menu tarik-turun
Pilih Mailchimp dari menu tarik-turun.

Ini akan membuat bagian baru di bawah berjudul Mailchimp . Saat Anda mengklik ini, Anda akan melihat opsi untuk menyetel kunci API dan audiens:

Setel kunci API dan audiens jika diperlukan
Setel opsi API dan audiens jika diperlukan.

Jika Anda telah memasukkan kunci API di setelan integrasi, Anda dapat membiarkan bagian Kunci API sebagai Default . Kemudian, pilih Pemirsa yang ingin Anda tautkan ke formulir berlangganan ini:

Pilih audiens dari mailchimp yang ingin Anda lampirkan ke formulir
Pilih audiens yang sesuai dari Mailchimp.

Anda juga dapat memilih grup atau tag apa pun yang Anda buat di Mailchimp. Terakhir, sesuaikan pengaturan Pemetaan Bidang berdasarkan bidang yang Anda berikan di formulir. Ini akan memberi tahu Mailchimp informasi mana yang harus dikatalogkan dalam sistemnya.

Untuk contoh ini, formulir berlangganan kami hanya berisi bidang nama dan email. Ini berarti bahwa kami hanya akan menyertakan informasi ini di bagian Pemetaan Bidang :

Pilih opsi pemetaan bidang
Opsi Pemetaan Lapangan.

Terakhir, navigasikan ke Opsi Tambahan dan temukan Pesan Khusus . Aktifkan ini untuk memberikan pesan sukses setelah seseorang melengkapi formulir:

Tambahkan pesan sukses khusus
Tambahkan pesan sukses untuk pengguna Anda.

Pesan defaultnya adalah "Formulir ini berhasil dikirim." Anda dapat mempertimbangkan untuk mengubahnya menjadi sesuatu seperti "Terima kasih telah berlangganan". Anda juga dapat menambahkan pesan khusus untuk kesalahan dan bidang wajib.

Langkah 5: Tambahkan Formulir ke Situs Anda

Setelah Anda selesai menyesuaikan formulir, pilih Terbitkan . Pertimbangkan untuk menggunakan formulir pendaftaran sendiri untuk memeriksa apakah formulir itu berfungsi dengan benar. Kemudian, Anda dapat melihat apakah alamat email baru dicatat di akun Mailchimp Anda.

Anda mungkin juga ingin menambahkan formulir baru ini ke beberapa area situs web Anda. Anda dapat menyimpannya sebagai Widget Global untuk mempermudah proses ini.

Pertama, temukan ikon Edit Formulir di sisi kanan formulir. Klik kanan padanya dan pilih Simpan sebagai Global :

Berjuang dengan downtime dan masalah WordPress? Kinsta adalah solusi hosting yang dirancang untuk menghemat waktu Anda! Lihat fitur kami
Simpan formulir sebagai Global
Simpan sebagai Global.

Ini akan menambahkan formulir berlangganan ke Pengaturan Global Anda. Saat Anda menambahkan halaman atau postingan baru, Anda cukup membuka GLOBAL , menemukan formulir yang telah dirancang sebelumnya, dan menarik dan melepasnya ke mana pun Anda mau:

Gunakan formulir Global di mana saja di situs sekarang
Seret dan jatuhkan formulir Global di mana pun Anda inginkan.

Saat mempertimbangkan di mana menempatkan formulir berlangganan Anda di situs web Anda, Anda mungkin ingin mempertimbangkan visibilitas. Anda berpotensi dapat mengumpulkan lebih banyak prospek pada halaman arahan yang dirancang dengan baik, yang dapat dilihat pengunjung saat mereka memasuki situs Anda. Namun, pengguna mungkin tidak tertarik untuk berlangganan lebih awal.

Terkadang, opsi yang lebih baik adalah menyertakan formulir kontak di dalam konten atau bilah sisi Anda. Meskipun visibilitasnya sedikit lebih rendah daripada halaman arahan, penempatan ini dapat memungkinkan pengunjung untuk berlangganan saat mereka berinteraksi dengan situs web Anda.

Menambahkan formulir ke footer juga bisa menjadi pilihan praktis. Pengguna yang menggulir ke bagian bawah situs web Anda sering kali ingin tahu tentang konten Anda, artinya mereka cenderung berlangganan. Namun, penempatan ini tidak terlihat seperti opsi lainnya.

Pengaya Teratas untuk Integrasi Elementor/Mailchimp Anda

Dengan plugin WordPress terbaik, Anda dapat membuat situs web yang disesuaikan untuk audiens Anda. Elementor Pro memberi Anda banyak opsi untuk mendesain formulir dan mengintegrasikan layanan pihak ketiga seperti Mailchimp.

Namun, Anda mungkin memerlukan fitur yang lebih canggih. Dengan beberapa add-on, Anda dapat memiliki kontrol lebih besar atas tampilan dan fungsionalitas formulir Anda.

1. Addon Penting

Menggunakan Essential Addons adalah cara yang bagus untuk memperluas fitur Elementor inti. Dengan alat ini, Anda dapat mengakses lebih banyak elemen kreatif. Ini termasuk fitur interaktif seperti Woo Product Grid, Countdown, dan Filterable Gallery:

Addons Penting untuk Elementor
Addon Esensial.

Fitur:

  • Widget konten lanjutan untuk menambahkan kalender acara, kotak info, testimonial, dan banyak lagi
  • Elemen WooCommerce seperti galeri produk, kisi, dan komidi putar
  • Integrasi dengan platform pihak ketiga seperti Mailchimp dan Ninja Forms

Saat Anda menginstal Essential Addons di situs WordPress Anda, Anda dapat mengintegrasikan Mailchimp menggunakan Form Styler Elements. Di sini, Anda cukup memasukkan kunci API Mailchimp Anda, yang akan menambahkan widget EA Mailchimp ke editor Elementor. Kemudian, Anda dapat menarik dan melepas widget ke halaman dan melanjutkan penyesuaian sesuai kebutuhan.

Harga : Paket berlangganan untuk Essential Addons mulai dari $39,97 untuk satu situs web. Ini mencakup lebih dari 70 widget dan tujuh ekstensi.

2. Selamat Addon

Dengan Happy Addons, Anda dapat memilih lebih dari 400 blok dan widget yang telah dirancang sebelumnya untuk diimpor ke editor Elementor. Untuk mempercepat proses pembuatan, Anda dapat mengatur preset desain.

Happy Addons juga memungkinkan untuk menyalin elemen dari satu situs web dan menempelkannya ke situs dengan domain berbeda:

Selamat Addons untuk Elementor
Selamat Addon.

Fitur:

  • Bagian bersarang
  • Salin-tempel lintas domain
  • 400+ set desain yang sudah jadi

Setelah memasukkan kunci API Mailchimp Anda di bawah Kredensial di pengaturan Happy Addons, Anda dapat menggunakan Elementor untuk menarik dan melepas Widget Formulir Mailchimp ke halaman.

Kemudian, Anda dapat mengedit pengaturan lanjutan alat untuk menyesuaikan margin formulir, warna, dan tipografi. Anda juga dapat mendesain ulang bidang dan tombol untuk memiliki latar belakang, bayangan, ukuran font, dan spasi yang unik.

Harga : Happy Addons menyediakan paket berlangganan tahunan mulai dari $39 untuk satu situs.

3. ElementsKit

Seperti opsi lain dalam daftar ini, ElementsKit adalah paket plugin lengkap dengan widget dan ekstensi tambahan untuk Elementor. Ini dapat menawarkan lebih banyak penyesuaian saat mengedit fitur fungsional seperti header, footer, atau menu.

Plus, ElementsKit menyertakan pembuat widget khusus jika Anda tidak dapat menemukan opsi yang sesuai untuk Anda:

Addon ElementsKit
ElemenKit.

Fitur:

  • Kontrol khusus seperti Multi Widget, AjaxSELECT2, dan Image-Picker
  • 85+ widget dan ekstensi
  • 500+ blok web yang telah dirancang sebelumnya

Anda dapat menggunakan ElementsKit untuk mengintegrasikan Elementor dan Mailchimp sepenuhnya melalui editor Elementor. Anda hanya perlu menarik dan melepas widget Mailchimp ke halaman dan menentukan kunci API. Kemudian, Anda dapat menambahkan bidang dan ikon khusus ke formulir Anda.

Harga : Paket tahunan untuk ElementsKit mulai dari $39 untuk satu situs.

4. Tambahan Tambahan

Plus Addons mengiklankan dirinya sebagai alat Elementor yang dibuat untuk semua orang. Dengan template siap pakai dan tutorial YouTube yang mendalam, bahkan pemula pun dapat dengan cepat mempelajari cara mendesain situs web yang fungsional.

Selain itu, The Plus Addons juga dikemas dengan widget ekstensif yang menawarkan fitur yang dapat disesuaikan untuk desainer:

Add-on Plus untuk Elemenotr
Add-on Plus.

Fitur:

  • 96+ widget Elementor tingkat lanjut
  • Opsi daftar untuk menampilkan produk, posting blog, dan galeri gambar
  • Pembuat yang mudah digunakan yang dirancang untuk jenis posting khusus

Alat Plus Addons menawarkan salah satu cara termudah untuk mengintegrasikan Elementor dan Mailchimp. Dari akun Mailchimp Anda, salin kunci API dan ID Daftar audiens Anda. Lalu, buka Pengaturan Koneksi API dan tempel informasi ini. Setelah ini, Anda dapat menarik dan melepas Widget Berlangganan Mailchimp dan mengedit tata letak dan strukturnya.

Harga : Plus Addons memiliki versi gratis. Namun, pilihan paketnya berisi lebih banyak widget dan ekstensi. Paket-paket ini mulai dari $31 per tahun.

Elemen MailChimp. Temukan bagaimana Anda dapat meningkatkan layanan Anda dengan bantuan dari alat ini ️ Klik untuk Tweet

Ringkasan

Meskipun menggabungkan Mailchimp dan Elementor tampak menakutkan, siapa pun dapat mengintegrasikan kedua alat ini. Dengan melakukannya, Anda dapat membuat formulir langganan khusus yang memenuhi harapan Anda untuk tampilan dan fungsionalitas.

Untuk meninjau, berikut adalah lima langkah sederhana untuk mengintegrasikan Elementor dan Mailchimp di situs web Anda:

  1. Mendaftar untuk akun Mailchimp.
  2. Buat audiens dan kunci API.
  3. Rancang formulir pendaftaran Mailchimp dengan Elementor.
  4. Hubungkan MailChimp.
  5. Tambahkan formulir Anda ke situs web Anda.

Pemasaran dan desain email sangat penting untuk kesuksesan situs web Anda. Anda juga ingin bermitra dengan penyedia hosting WordPress khusus. Di Kinsta, paket hosting kami dapat meningkatkan performa situs Anda. Hubungi kami untuk mengetahui lebih lanjut!

Apakah Anda memiliki pertanyaan tentang mengintegrasikan Elementor dan Mailchimp? Tanya kami di bagian komentar di bawah!