Integrasi Form Mailketing ke Elementor Pro
Di halaman ini
Jika website Anda memakai Elementor Pro, Anda bisa membuat form dengan widget Form bawaan Elementor dan langsung menyambungkannya ke list Mailketing. Setiap kali form dikirim, data pengisi otomatis masuk sebagai subscriber di list yang Anda pilih.
Yang Perlu Disiapkan
- Website WordPress dengan Elementor Pro aktif (widget Form hanya ada di versi Pro).
- Plugin Mailketing SMTP v6.0.0 terpasang dan terhubung. Unduh di mailketing-smtp.zip, lalu ikuti panduan instalasinya >> DI SINI.
- Token API dari dashboard Mailketing (Integrasi → Email Application API) yang sudah ditempel di WordPress: Settings → Mailketing SMTP, tab Koneksi.
- Minimal satu list di Mailketing. Lihat Cara Membuat List di Mailketing.
Catatan: Untuk mengecek integrasinya siap, buka Settings → Mailketing SMTP → tab Integrasi. Di tabel Integrasi plugin, baris Elementor Pro Forms harus berstatus Aktif.
Langkah-langkah Integrasi Elementor Pro Form
Langkah 1: Tambahkan aksi Mailketing
- Buka halaman yang ingin dipasangi form dengan editor Elementor.
- Tambahkan widget Form, atau klik form yang sudah ada.
- Di panel kiri, buka bagian Actions After Submit.
- Pada kolom Add Action, pilih Mailketing.
Langkah 2: Pilih list tujuan
- Setelah aksi ditambahkan, muncul bagian baru bernama Mailketing di panel form. Buka bagian ini.
- Pada pilihan List, pilih list tempat data pengisi form akan disimpan.
Langkah 3: Samakan Field ID dengan field Mailketing
Semua field form dikirim ke Mailketing memakai Field ID-nya. Untuk mengaturnya, klik sebuah field di tab Content → Form Fields, buka sub-tab Advanced, lalu isi kolom ID sesuai tabel berikut.
| Isi field | Field ID di Elementor |
|---|---|
| Email (wajib) | email |
| Nama depan | first_name (Field ID name juga otomatis dipakai sebagai first_name) |
| Nama belakang | last_name |
| Nomor HP | mobile |
| Kota | city |
| Custom field | Nama field yang Anda buat di Custom Fields Mailketing, misalnya nama_panggilan |
Untuk membuat custom field, buka Lists & Subscriber → Custom Fields di dashboard Mailketing. Panduannya ada di Cara Membuat Custom Field di Mailketing.
Langkah 4: Simpan halaman
Klik Publish atau Update di Elementor.
Cara Memastikan Berhasil
- Buka halaman yang sudah dipublish, lalu kirim form dengan data uji.
- Buka dashboard Mailketing, menu Lists & Subscriber → Lihat Semua Subscriber.
- Data otomatis masuk ke list yang Anda pilih, dan setiap field terisi sesuai Field ID-nya.
Masalah yang Sering Terjadi
Muncul tulisan “Mailketing belum terhubung” di panel Elementor
Token API belum diisi atau belum tersimpan. Buka Settings → Mailketing SMTP, tab Koneksi, tempel token dari Integrasi → Email Application API, lalu simpan.
List yang baru dibuat tidak muncul di pilihan List
Daftar list disimpan sementara oleh plugin (sekitar satu jam). Buka Settings → Mailketing SMTP → tab Integrasi, klik Muat ulang list, lalu muat ulang editor Elementor.
Form terkirim, tapi data tidak masuk ke Mailketing
Pastikan form punya field email yang terisi dan sebuah list sudah dipilih. Jika tidak ada field ber-ID email, plugin memakai field pertama yang bertipe Email. Field yang dikosongkan pengisi tidak ikut dikirim.
Tanda baca di nama hilang
Untuk first_name dan last_name, Mailketing hanya menerima huruf, angka, dan spasi. Karakter lain diganti spasi secara otomatis.
Butuh Bantuan Install Elementor Pro?
Jika membutuhkan jasa install Elementor Pro, bisa order >> DI SINI.
Panduan Terkait
Masih butuh bantuan?
Tim support Mailketing siap membantu setup domain, SMTP, maupun integrasi API melalui WhatsApp atau email.
bagaimana cara membuat tampilan template seperti tampilan template yang di jelaskan dalam video di atas?
Mau tanya, pada bagian redirect sudah diisi tapi pas nyoba isian form tidak mendirect sesuai dengan panduan y, itu kenapa?
itu bisanya di konfigurasi form elementor pro yang ada salah setting mas
Harus input url webhooknya di menu Integration gak ?
mas kalau mau nangkep data lain di field form nya, labelnya menyesuaikan field nya saja kah? nanti ketangkep gak di list?
betul,.,dengan pola huruf kecil semua.
kalo misalkan field default mailketing
isi aja sesuai label misal : company
—
apabila tidak ada di field default mailketing, buat custom field dulu
misalkan custom fieldnya: nama_orang_tua
jadi di elementor pro di label, isi nama_orang_tua juga
Artikelnya membantu banget, terutama bagian integrasi action after submit di Elementor Pro. Saya sempat coba setup serupa untuk project sendiri dan ternyata memang lebih rapi kalau langsung dihubungkan ke sistem mail marketing.
https://conplas.id/