Cara Implementasi Form ke Website

Form Mailketing menyediakan HTML code yang dapat kamu insert / embed langsung ke landing page atau website yang mendukung input HTML.

Dengan metode embed HTML ini, kamu tidak memerlukan integrasi tambahan apa pun.
Cukup copy–paste kode form, dan data akan langsung masuk ke list Mailketing kamu.

Mendapatkan HTML Code Form

1. Masuk ke menu
   Forms & Templates > Web Forms
2. Pada form yang ingin digunakan, klik icon </> (Get HTML Code) di bagian Action
3. Kamu akan mendapatkan 2 pilihan layout form:
   • Vertical Layout
   • Horizontal Layout

Pilih layout yang paling sesuai dengan kebutuhan halaman kamu.

Insert HTML Form ke Website

Setelah mendapatkan HTML code, langkah selanjutnya adalah menanamkannya ke website kamu.

Contoh Implementasi di WordPress

1. Buka halaman atau postingan yang ingin kamu pasang form
2. Pada Block / Page Builder, pilih Custom HTML
3. Paste HTML code form Mailketing
4. Simpan atau publish halaman

Hampir semua page editor WordPress seperti Gutenberg, Elementor, WPBakery, dan lainnya selalu menyediakan element Custom HTML, sehingga form Mailketing bisa langsung digunakan.

Contoh Implementasi di Blogger

1. Masuk ke halaman post atau page
2. Ubah editor ke mode HTML
3. Paste HTML code form Mailketing
4. Simpan perubahan

Contoh Implementasi di Scalev

1. Buka halaman landing page
2. Tambahkan element Custom HTML / Embed Code
3. Paste HTML code form Mailketing
4. Simpan halaman

Kesimpulan Implementasi

Selama platform atau page builder yang kamu gunakan mendukung insert HTML code, maka form Mailketing bisa langsung digunakan tanpa kendala.

Tips Modifikasi Desain Form

Kamu bebas memodifikasi tampilan form sesuai desain website kamu, baik dengan:

• CSS manual
• Atau bantuan AI (seperti ChatGPT)

Namun ada 2 hal penting yang wajib diperhatikan:

1. Jangan Mengubah Form Action URL

• form action mengarah langsung ke sistem Mailketing dan list kamu
• Jika diubah, data berisiko tidak masuk ke list

2. Jangan Mengubah ID Field

Setiap input memiliki parameter penting seperti:

• email
• first_name
• mobile
• dan field lainnya

⚠️ Jangan mengubah id dan name field
Yang boleh kamu ubah:

• Label text
• Placeholder
• Styling (CSS)

Penutup

Dengan HTML embed form Mailketing, kamu bisa:

• Menggunakan form tanpa plugin tambahan
• Mengontrol penuh desain halaman
• Menghubungkan form langsung ke list subscriber

Itulah cara simple dan aman untuk implementasi HTML Form Mailketing ke website kamu.