Bagaimana untuk menyematkan program EdCommerce di laman web anda sendiri.

Last updated: July 27, 2026

Menjelaskan cara menyematkan kandungan EdCommerce ke dalam laman web luaran sedia ada dengan membuat widget dalam Tetapan EdCommerce > Widget, menyesuaikan penampilannya, dan menampal potongan kod yang dijana ke dalam blok HTML. Termasuk arahan langkah demi langkah untuk WordPress (Elementor dan Visual Composer), Wix, dan Squarespace, serta kes penggunaan seperti catatan blog, halaman acara, halaman lokasi, halaman terima kasih, dan kempen promosi.

Dengan EdCommerce, anda bukan sahaja boleh menghasilkan halaman pendaratan e-dagang yang bergaya dan malah mencipta seluruh laman web, tetapi anda juga boleh menyepadukan ciri-ciri hebatnya ke dalam mana-mana laman web sedia ada yang anda gunakan.

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

Anda boleh melakukan ini dengan mencipta dan menyematkan sebuah widget. Mari kita lihat bagaimana untuk melakukannya.

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 Maklumat Widget: Lengkapkan borang dengan nama widget anda, bahasa pilihan, mata wang, dan kebangsaan pelajar.
  4. Pilih kandungan: Pilih program atau penyedia pendidikan yang ingin dipaparkan dalam widget anda. Cuma klik pada "Program" atau "Pembekal" dan pilih yang anda ingin paparkan dari senarai di sebelah kanan.
  5. Sesuaikan Penampilan: Sesuaikan penampilan widget dengan mengedit gaya fon, warna latar belakang, dan bayang-bayang kotak untuk menyesuaikan dengan reka bentuk laman web anda. Anda juga boleh mengubah padding untuk muat yang lebih baik dengan mengklik ikon segi empat di dalam pratonton widget.
  6. Simpan Widget Anda: Setelah berpuas hati dengan tetapan, klik 'Simpan'.

Selepas menyimpan widget anda, anda akan mendapat potongan kod.

Kod ini perlu ditambah ke laman web anda, teruskan membaca untuk belajar bagaimana.

Cara menambah widget EdCommerce ke laman web anda

Cuma buka halaman di laman web anda di mana anda ingin meletakkan widget ini dan masukkan kotak HTML dengan kod tersebut.

Bergantung pada CMS laman web anda (seperti WordPress atau Wix), kaedah untuk menambah kod ini mungkin berbeza. Secara amnya, semua penyunting laman web membenarkan anda seret dan lepas kotak HTML.

Berikut adalah beberapa contoh:

WordPress (dengan Elementor):

  • Buka halaman yang ingin anda edit dengan Elementor.
  • Seret widget 'HTML' dari panel sebelah kiri ke halaman anda di mana anda mahu widget tersebut.
  • Tempelkan kod potongan EdCommerce ke dalam kotak kod HTML.
  • Klik 'Kemas kini' untuk menyimpan perubahan anda.

WordPress (dengan Visual Composer):

  • Edit halaman di mana anda ingin memasukkan widget.
  • Klik pada butang '+' untuk menambah elemen baru.
  • Pilih 'HTML Mentah' atau 'HTML Tersuai' dari elemen kandungan.
  • Salin kod snippet EdCommerce anda ke dalam kotak teks.
  • Simpan perubahan anda dengan mengklik 'Kemas kini' pada halaman.

Wix:

  • Navigation ke halaman yang anda ingin edit dalam Wix Editor.
  • Klik pada 'Tambah' (+) di sebelah kiri editor dan pilih 'Lebih'.
  • Pilih 'iframe HTML' dari menu dropdown.
  • Klik 'Masukkan Kod', dan kemudian tampal kod snippet EdCommerce ke dalam kotak Tetapan HTML.
  • Klik 'Terapkan' untuk menyimpan dan melihat widget di halaman anda.

Squarespace:

  • Ke halaman di mana anda ingin menambah widget.
  • Klik '+Tambah Blok' dan pilih 'Kod' dari menu.
  • Salin kod snippet EdCommerce anda ke dalam blok kod dan klik 'Terapkan'.

Jika anda tidak dapat mencari modul HTML dalam editor anda, cuba lakukan dengan mengedit kod modul 'teks kaya'.

Kes penggunaan

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

Berikut adalah beberapa contoh bagaimana widget EdCommerce boleh digunakan secara kreatif di seluruh laman anda:

Peningkatan Pos Blog:

Jika anda menulis pos blog tentang belajar di lokasi tertentu, seperti Sydney, sematkan widget di akhir pos. Tampilkan 3 program teratas atau promosi khas di Sydney untuk menggalakkan pembaca meneroka pilihan ini. Ini boleh meningkatkan penukaran secara signifikan dengan menghubungkan kandungan secara langsung kepada program yang relevan.

Halaman Acara:

Untuk halaman web yang mempromosikan pameran pendidikan atau webinar, sematkan widget untuk mempamerkan program atau institusi yang mengambil bahagian dalam acara tersebut. Ini memberi pelawat gambaran tentang apa yang diharapkan dan boleh menggalakkan pendaftaran atau pertanyaan lanjut.

Halaman Khusus Lokasi:

Jika laman web anda mempunyai halaman yang didedikasikan untuk destinasi belajar tertentu atau negara, sematkan widget di halaman ini untuk memaparkan program yang tersedia di lokasi tersebut. Ia adalah cara yang baik untuk menyediakan pilihan yang relevan kepada pengguna yang sudah berminat dengan destinasi ini.

Halaman Terima Kasih Langganan Buletin:

Selepas pelawat melanggan buletin anda, mereka akan dialihkan ke halaman terima kasih. Di sini, anda boleh menyematkan widget untuk segera melibatkan mereka dengan program yang popular atau dipaparkan.

Semasa Kempen Promosi:

Jika anda menjalankan kempen promosi untuk kursus atau destinasi tertentu, integrasikan widget di halaman pendaratan kempen anda. Sesuaikan widget untuk memaparkan program yang berkaitan dengan kempen tersebut untuk pengalaman pengguna yang konsisten.