Cara menyematkan formulir eksternal di halaman EdCommerce mana pun

Last updated: July 27, 2026

Menjelaskan cara menyematkan formulir pihak ketiga (misalnya yang dibuat di CRM Anda) ke dalam halaman arahan EdCommerce menggunakan blok halaman 'Kode HTML'. Tiga langkahnya adalah: buat atau edit halaman di bawah 'Halaman' dan seret blok Kode HTML, buka editor blok dan tempelkan kode formulir Anda, lalu pratinjau dan terbitkan. Penyematan harus berupa kode IFRAME — jika CRM Anda hanya menghasilkan skrip, konversikan dengan alat seperti Iframe Generator sebelum menempelkannya. Kasus penggunaan tipikal meliputi formulir CRM kustom, tampilan produk dinamis dengan formulir prospek, dan halaman "hubungi kami" yang menggunakan kembali formulir kontak situs web Anda yang sudah ada.

Sementara Edcommerce menawarkan formulir pintar yang sinkron dengan lancar dengan platform Edvisor Anda, mungkin ada saatnya Anda lebih memilih menggunakan formulir eksternal Anda sendiri.

Dalam panduan ini, kami akan memandu Anda melalui langkah-langkah sederhana untuk menyematkan formulir eksternal apa pun ke dalam halaman arahan Edcommerce Anda, menawarkan yang terbaik dari kedua dunia.

Kasus Penggunaan:

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

Ayo mulai!

Langkah 1: Buat blok Kode HTML

Pertama, Anda perlu membuat atau mengedit halaman Edcommerce:

  • Di akun Edcommerce Anda, navigasikan ke 'Halaman' > 'Buat halaman baru'

Halaman-halaman ini dibangun menggunakan blok kustom dari berbagai jenis. Untuk membuat halaman dengan formulir eksternal yang disematkan, Anda harus memilih opsi 'Kode HTML'.

Selanjutnya, cukup seret dan lepas opsi ini ke dalam editor halaman.

Langkah 2: Salin dan Tempelkan Kode HTML Formulir Anda

Klik pada 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 Anda awalnya dibuat. Cukup salin kode HTML dari CRM Anda dan kemudian tempelkan ke dalam editor di Edcommerce.

Jangan lupa simpan perubahan Anda setelah menempelkan kode tersebut.

Untuk agar ini berfungsi, 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 dihasilkan oleh CRM Anda mungkin dalam bentuk skrip. Untuk menyematkan skrip ini di halaman Anda, Anda perlu mengubah skrip menjadi iframe. Anda dapat menggunakan alat daring seperti Pembuat Iframe untuk konversi ini.

Berikut langkah-langkahnya:

  • Masuk ke Pembuat Iframe 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 dalam blok HTML Edcommerce Anda.

Langkah 3: Pratinjau dan Terbitkan Halaman Anda

Pratinjau halaman untuk memastikan bahwa formulir yang disematkan tampil dengan benar.

Jika semuanya tampak sesuai keinginan, terbitkan halaman untuk menerapkan perubahan ke situs eCommerce Anda.