Menyematkan EdCommerce pada laman web luaran

Last updated: October 16, 2026

Panduan menyeluruh untuk membenamkan kandungan Edcommerce pada laman web luaran dan halaman pendaratan, yang merangkumi tiga kaedah. (1) Membenamkan borang prospek: salin iframe borang prospek Edcommerce daripada Tetapan > Ecommerce > Borang — sama ada untuk setiap pejabat melalui menu 3 titik atau satu borang untuk semua pejabat melalui butang 'Salin Iframe untuk Borang Prospek' pada menu teratas — dan tampalkan HTML tersebut ke dalam mana-mana laman web luaran atau CMS seperti WordPress/Elementor, Shopify atau Wix; sesuaikan dengan mengedit URL iframe untuk menambah kod bahasa (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) atau kod HEX untuk menetapkan warna butang Hantar. Hanya borang prospek boleh dibenamkan secara luaran — borang tempahan adalah eksklusif untuk Edcommerce — dan prospek yang dihantar akan disegerakkan ke Edvisor, ditugaskan secara automatik kepada kaunselor yang betul mengikut peraturan perniagaan anda, serta dimasukkan ke dalam saluran dan peringkat yang betul. (2) Membenamkan widget program: cipta widget dalam Tetapan Edcommerce > Widget, sesuaikan penampilannya dan tampalkan coretan kod yang dijana ke dalam blok HTML, dengan arahan langkah demi langkah untuk WordPress (Elementor dan Visual Composer), Wix dan Squarespace, serta contoh penggunaannya. (3) Menambah Edcommerce ke WordPress: pautkan laman Edcommerce daripada menu navigasi WordPress melalui Penampilan > Menu menggunakan Pautan Tersuai kepada URL Edcommerce anda (ditemui di bawah Tetapan > Edcommerce > Butiran Edcommerce), dan sebaiknya tetapkan supaya dibuka dalam tab baharu.

Dengan Edcommerce, anda boleh membawa kandungan anda ke mana-mana laman web luaran atau halaman pendaratan — sama ada dengan membenamkan borang prospek, membenamkan widget program atau menambah pautan ke laman Edcommerce anda. artikel ini merangkumi ketiga-tiganya.

Membenamkan borang Edcommerce

Edcommerce menawarkan ciri berkuasa yang membolehkan anda mencipta dan memperibadikan pelbagai borang prospek dan tempahan, menjadikannya mudah untuk mengumpulkan maklumat yang betul daripada prospek dan tempahan anda.

Di sini kami akan menunjukkan kepada anda cara membenamkan borang prospek anda pada halaman lain di laman web anda, membolehkan pengumpulan prospek bukan sahaja daripada kedai dalam talian anda, tetapi daripada mana-mana halaman web.

\Prospek ini kemudiannya akan disegerakkan dengan akaun Edvisor anda, ditugaskan secara automatik kepada kaunselor yang betul dan ditambahkan ke saluran serta peringkat yang sesuai.*

*Jika anda belum mengkonfigurasi borang anda, rujuk semula artikel ini untuk mengetahui cara menyediakan dan memperibadikan borang dalam laman Edcommerce anda.

**Sila ambil perhatian bahawa hanya borang prospek boleh dibenamkan pada laman web anda. Borang tempahan adalah eksklusif untuk Edcommerce.

Cara membenamkan borang Edcommerce anda pada mana-mana halaman pendaratan atau laman web

  • Navigasi ke: Tetapan > Ecommerce > Borang.

Kemudian, klik ikon 3 titik di sebelah setiap pejabat dan pilih 'Salin Iframe untuk Borang Prospek' jika anda ingin membenamkan borang yang dicipta untuk pejabat tertentu.

Atau hanya klik butang 'Salin Iframe untuk Borang Prospek' daripada menu teratas untuk membenamkan borang unik (untuk semua pejabat anda).

Anda akan menerima kod HTML untuk disalin dan ditampalkan pada laman web anda.

Jika anda menggunakan CMS seperti WordPress (dengan pembina laman seperti Elementor atau Visual Composer), Shopify, atau Wix, ia biasanya menawarkan kaedah mudah untuk membenamkan sesuatu menggunakan petikan kod HTML.

Biasanya ini ialah widget atau item dalam kotak alat anda yang boleh anda seret dan lepaskan dengan mudah.

Contohnya, jika anda menggunakan pembina laman web seperti Elementor, anda boleh menambahnya melalui widget HTMLnya.

Cara menyesuaikan bahasa borang anda

Jika anda ingin menetapkan bahasa borang prospek, tambahkan kod bahasa di hujung URL dalam kod HTML:

Contoh:

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

Di sini anda boleh melihat kod bahasa untuk bahasa-bahasa berbeza yang tersedia:

  • EN = Bahasa Inggeris
  • PT = Bahasa Portugis
  • ES = Bahasa Sepanyol
  • ES_MX = Bahasa Sepanyol Amerika Latin
  • PT_BR = Bahasa Portugis Brazil
  • DE = Bahasa Jerman
  • IT = Bahasa Itali
  • TR = Bahasa Turki
  • FR = Bahasa Perancis
  • JA = Bahasa Jepun
  • KO = Bahasa Korea

Cara menyesuaikan warna butang borang anda

Anda juga boleh memperibadikan warna butang 'Hantar' pada borang prospek terbenam anda agar sepadan dengan jenama anda. Caranya mudah:

  1. Cari kod HEX warna jenama anda (Contoh #4EB2F4).
  2. Tambahkan kod HEX ini pada URL borang yang ingin anda benamkan.

Contohnya, jika anda ingin menggunakan warna dengan kod HEX #4EB2F4, URL anda akan kelihatan seperti ini:

<iframe title="Lead Form"
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"
    width="500"
    height="900"
    frameborder="0"
    allowfullscreen="true">
</iframe>

Gantikan sahaja #4EB2F4 dengan kod warna HEX tersuai anda untuk melihat hasilnya!

Setelah seorang pelajar melengkapkan salah satu borang ini, prospek akan diberikan kepada kaunselor yang betul berdasarkan peraturan perniagaan yang ditetapkan dalam tetapan EdCommerce anda. Prospek ini juga disegerakkan dengan akaun Edvisor anda, dan ditambahkan pada saluran serta peringkat yang betul.

Membenamkan program EdCommerce

Dengan EdCommerce, anda bukan sahaja boleh mencipta halaman pendaratan e-dagang yang bergaya dan bahkan mencipta keseluruhan laman web, tetapi anda juga boleh mengintegrasikan ciri-cirinya yang hebat ke dalam mana-mana laman web sedia ada yang anda gunakan.

Ini bermakna anda mendapat yang terbaik daripada kedua-dua dunia – fungsi laman web semasa anda dan ciri-ciri hebat EdCommerce.

Anda boleh melakukannya dengan mencipta dan membenamkan widget. Mari lihat caranya.

Cara mencipta widget EdCommerce

  1. Akses Tetapan EdCommerce anda: Log masuk ke akaun EdCommerce anda dan pergi ke bahagian 'Tetapan'.
  2. Cipta Widget: Dalam menu di sebelah kiri, pilih 'Widget', kemudian 'Cipta widget baharu'.
  3. Isi Butiran Widget: Lengkapkan borang dengan nama widget, bahasa pilihan, mata wang dan kewarganegaraan pelajar anda.
  4. Pilih kandungan: Pilih program atau penyedia pendidikan yang ingin dipaparkan dalam widget anda. Hanya klik pada "Program" atau "Penyedia" dan pilih yang ingin dipaparkan daripada senarai di sebelah kanan.
  5. Sesuaikan Penampilan: Laraskan penampilan widget dengan mengedit gaya fon, warna latar belakang dan bayang kotak agar sepadan dengan reka bentuk laman web anda. Anda juga boleh mengubah jarak dalaman untuk kesesuaian yang lebih baik dengan mengklik ikon segi empat sama di dalam pratonton widget.
  6. Simpan Widget Anda: Setelah anda berpuas hati dengan tetapan tersebut, klik 'Simpan'.

Selepas menyimpan widget anda, anda akan menerima coretan kod.

Kod ini perlu ditambahkan pada laman web anda, teruskan membaca untuk mengetahui caranya.

Cara menambahkan widget EdCommerce ke laman anda

Buka sahaja halaman di laman web anda yang ingin diletakkan widget ini dan masukkan kotak HTML dengan kod tersebut.

Bergantung pada CMS laman web anda (seperti WordPress atau Wix), kaedah untuk menambahkan kod ini mungkin berbeza. Secara umumnya, semua penyunting laman web membolehkan anda menyeret dan melepaskan kotak HTML.

Berikut ialah beberapa contoh:

WordPress (dengan Elementor):

  • Buka halaman yang ingin anda edit dengan Elementor.
  • Seret widget 'HTML' dari panel sebelah kiri ke halaman anda di tempat yang ingin diletakkan widget tersebut.
  • Tampal kod coretan EdCommerce ke dalam kotak kod HTML.
  • Klik 'Kemas kini' untuk menyimpan perubahan anda.

WordPress (dengan Visual Composer):

  • Edit halaman yang ingin anda sertakan widget tersebut.
  • Klik butang '+' untuk menambahkan elemen baharu.
  • Pilih 'HTML Mentah' atau 'HTML Tersuai' daripada elemen kandungan.
  • Tampal kod coretan EdCommerce anda ke dalam kotak teks.
  • Simpan perubahan anda dengan mengklik 'Kemas kini' pada halaman tersebut.

Wix:

  • Pergi ke halaman yang ingin anda edit dalam Wix Editor.
  • Klik 'Tambah' (+) di sebelah kiri penyunting dan pilih 'Lain-lain'.
  • Pilih 'iframe HTML' daripada menu lungsur turun.
  • Klik 'Masukkan Kod', kemudian tampal kod coretan EdCommerce ke dalam kotak Tetapan HTML.
  • Klik 'Gunakan' untuk menyimpan dan melihat widget pada halaman anda.

Squarespace:

  • Pergi ke halaman yang ingin anda tambahkan widget tersebut.
  • Klik '+Tambah Blok' dan pilih 'Kod' daripada menu.
  • Tampal kod coretan EdCommerce anda ke dalam blok kod dan klik 'Gunakan'.

Jika anda tidak dapat menemui modul HTML dalam penyunting anda, cuba lakukannya dengan mengedit kod modul 'teks kaya'.

Kes penggunaan

Dengan ciri ini, anda boleh mengubah laman web anda menjadi platform yang lebih menarik dan informatif. Membenamkan widget ini di laman anda boleh meningkatkan kandungan, mendorong penglibatan pengguna dan meningkatkan penukaran.

Berikut ialah beberapa contoh cara widget EdCommerce boleh digunakan secara kreatif di seluruh laman anda:

Penambahbaikan Catatan Blog:

Jika anda menulis catatan blog tentang belajar di lokasi tertentu, seperti Sydney, benamkan widget di penghujung catatan tersebut. Tampilkan 3 program teratas atau promosi istimewa anda di Sydney untuk menggalakkan pembaca meneroka pilihan ini. Ini boleh meningkatkan penukaran dengan ketara dengan menghubungkan kandungan secara langsung kepada program yang berkaitan.

Halaman Acara:

Untuk halaman web yang mempromosikan pameran pendidikan atau webinar, benamkan widget untuk memaparkan program atau institusi yang menyertai acara tersebut. Ini memberikan pelawat gambaran awal tentang perkara yang boleh dijangkakan dan boleh menggalakkan pendaftaran atau pertanyaan lanjut.

Halaman Khusus Lokasi:

Jika laman web anda mempunyai halaman yang dikhususkan untuk destinasi atau negara pengajian tertentu, benamkan widget pada halaman ini untuk memaparkan program yang tersedia di lokasi tersebut. Ini ialah cara yang baik untuk menyediakan pilihan yang relevan kepada pengguna yang sudah berminat dengan destinasi ini.

Halaman Terima Kasih Selepas Pendaftaran Surat Berita:

Selepas pelawat melanggan surat berita anda, mereka akan diarahkan ke halaman terima kasih. Di sini, anda boleh membenamkan widget untuk menarik perhatian mereka dengan segera kepada program popular atau pilihan.

Semasa Kempen Promosi:

Jika anda menjalankan kempen promosi untuk kursus atau destinasi tertentu, integrasikan widget pada halaman pendaratan kempen anda. Sesuaikan widget untuk menampilkan program yang berkaitan dengan kempen bagi memberikan pengalaman pengguna yang selaras.

Menambahkan EdCommerce ke WordPress

Sila ambil perhatian bahawa arahan berikut direka khusus untuk pengguna yang menggunakan WordPress sebagai pembina laman web mereka. Jika anda menggunakan platform atau pembina laman web yang berbeza, langkah ini mungkin tidak berkenaan.

Langkah 1

Akses Panel Pentadbir WordPress anda, pergi ke bahagian "Penampilan" dan klik pada "Menu".

Langkah 2

Dalam bahagian "Menu", pergi ke "Pautan Tersuai" dan masukkan URL platform EdCommerce anda serta teks CTA yang ingin anda paparkan dalam menu laman web anda.

Kemudian klik pada "Tambah ke Menu" untuk memasukkan item baharu ini ke dalam menu utama anda.

Untuk mencari URL EdCommerce anda, pergi ke bahagian tetapan pada platform anda, klik pada "EdCommerce" dan kemudian "Butiran EdCommerce".

Petua pro! Untuk mengelakkan pelajar meninggalkan halaman anda, pastikan anda menyesuaikan menu supaya pautan dibuka dalam tab baharu.