Cara menyematkan formulir eksternal pada halaman EdCommerce apa pun

Last updated: October 9, 2026

Meskipun EdCommerce menawarkan formulir pintar yang tersinkronisasi dengan lancar dengan platform Edvisor Anda, mungkin ada kalanya Anda lebih suka menggunakan formulir eksternal Anda sendiri.

Dalam panduan ini, kami akan memandu Anda melalui langkah-langkah sederhana untuk menyematkan formulir eksternal apa pun ke halaman landing EdCommerce Anda, sehingga Anda mendapatkan yang terbaik dari kedua pilihan.

Skenario Penggunaan:

  1. Formulir yang Disesuaikan: Integrasikan formulir khusus yang dibuat oleh CRM Anda untuk mengumpulkan informasi pelanggan tertentu dari halaman eCommerce Anda.
  2. Tampilan Produk Dinamis: Tampilkan rekomendasi produk yang dibuat secara dinamis atau konten yang dipersonalisasi berdasarkan preferensi pelanggan. Tingkatkan pengumpulan prospek dengan menyematkan formulir prospek Anda di halaman yang berisi konten ini.
  3. Formulir Kontak: Buat halaman "hubungi kami" di EdCommerce menggunakan formulir kontak yang sama dengan yang Anda gunakan di situs web. Contoh.

Mari kita mulai!

Langkah 1: Buat blok Kode HTML

Pertama, Anda perlu membuat atau mengedit halaman EdCommerce:

  • Di akun EdCommerce Anda, buka 'Pages' > 'Create a new page'

Halaman-halaman ini dibuat menggunakan blok khusus dengan berbagai jenis. Untuk membuat halaman dengan formulir eksternal yang disematkan, Anda harus memilih opsi 'HTML Code'.

Kemudian, cukup seret dan letakkan opsi ini ke editor halaman.

Langkah 2: Salin dan Tempel Kode HTML Formulir Anda

Klik blok HTML yang baru ditambahkan untuk membuka editor.

Sekarang, Anda perlu memasukkan kode HTML formulir Anda ke dalam editor.

Anda dapat menemukan kode ini di sistem CRM Anda, tempat formulir tersebut awalnya dibuat. Cukup salin kode HTML dari CRM Anda, lalu tempelkan ke editor di EdCommerce.

Jangan lupa menyimpan perubahan setelah menempelkan kode.

Agar ini berfungsi, kode tersebut harus berupa kode IFRAME.

Contoh:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

Dalam beberapa kasus, kode HTML yang dibuat oleh CRM Anda mungkin berbentuk skrip. Untuk menyematkan skrip ini di halaman Anda, Anda perlu mengonversi skrip tersebut menjadi iframe. Anda dapat menggunakan alat online seperti Iframe Generator untuk konversi ini.

Berikut yang perlu dilakukan:

  • Buka Iframe Generator atau alat serupa.
  • Salin skrip CRM Anda ke dalam kotak.
  • Ubah pengaturan seperti ukuran iframe jika diperlukan.
  • Klik untuk mendapatkan kode iframe.
  • Salin dan tempel kode ini ke blok HTML EdCommerce Anda.

Langkah 3: Pratinjau dan Publikasikan Halaman Anda

Pratinjau halaman untuk memastikan formulir yang disematkan ditampilkan dengan benar.

Jika semuanya tampak seperti yang dimaksudkan, publikasikan halaman untuk menerapkan perubahan ke situs eCommerce Anda.