Cara menyematkan program Edcommerce di situs Anda sendiri.

Last updated: July 27, 2026

Menjelaskan cara menyematkan konten EdCommerce ke dalam situs web eksternal yang sudah ada dengan membuat widget di Pengaturan EdCommerce > Widget, menyesuaikan tampilannya, dan menempelkan potongan kode yang dihasilkan ke dalam blok HTML. Termasuk instruksi langkah demi langkah untuk WordPress (Elementor dan Visual Composer), Wix, dan Squarespace, serta contoh penggunaan seperti posting blog, halaman acara, halaman lokasi, halaman terima kasih, dan kampanye promosi.

Dengan Edcommerce, Anda tidak hanya dapat membuat halaman arahan e-commerce yang bergaya dan bahkan membuat seluruh situs web, tetapi Anda juga dapat dengan lancar mengintegrasikan fitur-fiturnya yang kuat ke dalam situs web yang sudah ada yang Anda gunakan.

Ini berarti Anda mendapatkan yang terbaik dari kedua dunia – fungsi situs web Anda saat ini dan fitur kuat dari Edcommerce.

Anda dapat melakukan ini dengan membuat dan menyematkan sebuah widget. Mari kita lihat cara melakukannya.

Cara membuat widget Edcommerce

  1. Akses Pengaturan Edcommerce Anda: Masuk ke akun Edcommerce Anda dan navigasikan ke bagian 'Pengaturan'.
  2. Buat Widget: Di menu sebelah kiri, pilih 'Widget', lalu 'Buat widget baru'.
  3. Isi Detail Widget: Lengkapi formulir dengan nama widget Anda, bahasa pilihan, mata uang, dan kebangsaan siswa.
  4. Pilih konten: Pilih program atau penyedia pendidikan yang ingin ditampilkan di widget Anda. Cukup klik "Program" atau "Penyedia" dan pilih yang ingin Anda tampilkan dari daftar di sebelah kanan.
  5. Sesuaikan Tampilan: Sesuaikan tampilan widget dengan mengedit gaya font, warna latar belakang, dan bayangan kotak agar sesuai dengan desain situs web Anda. Anda juga dapat memodifikasi padding untuk hasil yang lebih baik dengan mengklik ikon kotak di dalam pratinjau widget.
  6. Simpan Widget Anda: Setelah puas dengan pengaturan, klik 'Simpan'.

Setelah menyimpan widget Anda, Anda akan mendapatkan potongan kode.

kode ini perlu ditambahkan ke situs web Anda, terus baca untuk belajar caranya.

Cara menambahkan widget Edcommerce ke situs Anda

Cukup buka halaman di situs web Anda di mana Anda ingin menempatkan widget ini dan masukkan kotak HTML dengan kode tersebut.

Tergantung pada CMS situs web Anda (seperti WordPress atau Wix), metode untuk menambahkan kode ini mungkin berbeda. Umumnya, semua editor situs web memungkinkan Anda menyeret dan meletakkan kotak HTML.

Berikut beberapa contohnya:

WordPress (dengan Elementor):

  • Buka halaman yang ingin Anda edit dengan Elementor.
  • Seret widget 'HTML' dari panel sebelah kiri ke halaman Anda di tempat Anda ingin widget tersebut.
  • Tempelkan kode potongan Edcommerce ke dalam kotak kode HTML.
  • Klik 'Perbarui' untuk menyimpan perubahan Anda.

WordPress (dengan Visual Composer):

  • Edit halaman tempat Anda ingin menyertakan widget.
  • Klik tombol '+' untuk menambahkan elemen baru.
  • Pilih 'Raw HTML' atau 'HTML Kustom' dari elemen konten.
  • Tempelkan kode potongan EdCommerce Anda ke dalam kotak teks.
  • Simpan perubahan Anda dengan mengklik 'Perbarui' di halaman.

Wix:

  • Navigasikan ke halaman yang ingin Anda edit di Wix Editor.
  • Klik 'Tambah' (+) di sisi kiri editor dan pilih 'Lainnya'.
  • Pilih 'iframe HTML' dari menu dropdown.
  • Klik 'Masukkan Kode', lalu tempelkan kode potongan EdCommerce ke dalam kotak Pengaturan HTML.
  • Klik 'Terapkan' untuk menyimpan dan melihat widget di halaman Anda.

Squarespace:

  • Pergi ke halaman tempat Anda ingin menambahkan widget.
  • Klik '+Tambah Blok' dan pilih 'Kode' dari menu.
  • Tempelkan kode potongan EdCommerce Anda ke dalam blok kode dan klik 'Terapkan'.

Jika Anda tidak dapat menemukan modul HTML di editor Anda, coba lakukan dengan mengedit kode dari modul 'teks kaya'.

Kasus Penggunaan

Dengan fitur ini Anda dapat mengubah situs web Anda menjadi platform yang lebih menarik dan informatif. Menanamkan widget ini di situs Anda dapat meningkatkan konten, meningkatkan keterlibatan pengguna, dan meningkatkan konversi.

Berikut beberapa contoh bagaimana widget EdCommerce dapat digunakan secara kreatif di seluruh situs Anda:

Peningkatan Postingan Blog:

Jika Anda menulis posting blog tentang belajar di lokasi tertentu, seperti Sydney, tempatkan widget di akhir postingan. Tampilkan 3 program teratas atau promosi khusus di Sydney untuk mendorong pembaca menjelajahi opsi ini. Ini dapat secara signifikan meningkatkan konversi dengan menghubungkan konten secara langsung ke program yang relevan.

Halaman Acara:

Untuk halaman web yang mempromosikan pameran pendidikan atau webinar, tanamkan widget untuk menampilkan program atau institusi yang berpartisipasi dalam acara tersebut. Ini memberi pengunjung gambaran tentang apa yang diharapkan dan dapat mendorong pendaftaran atau pertanyaan lebih lanjut.

Halaman Spesifik Lokasi:

Jika situs web Anda memiliki halaman yang didedikasikan untuk destinasi studi tertentu atau negara, tanamkan widget di halaman ini untuk menampilkan program yang tersedia di lokasi tersebut. Ini adalah cara yang bagus untuk memberikan opsi relevan kepada pengguna yang sudah tertarik pada destinasi ini.

Halaman Terima Kasih Pendaftaran Newsletter:

Setelah pengunjung berlangganan newsletter Anda, mereka diarahkan ke halaman terima kasih. Di sini, Anda dapat menyematkan widget untuk langsung melibatkan mereka dengan program populer atau unggulan.

Selama Kampanye Promosi:

Jika Anda menjalankan kampanye promosi untuk kursus atau destinasi tertentu, integrasikan widget di halaman arahan kampanye Anda. Sesuaikan widget untuk menampilkan program terkait kampanye untuk pengalaman pengguna yang kohesif.