Cách nhúng các chương trình Edcommerce vào trang web của bạn.

Last updated: July 27, 2026

Giải thích cách nhúng nội dung EdCommerce vào một trang web bên ngoài hiện có bằng cách tạo một tiện ích trong Cài đặt EdCommerce > Tiện ích, tùy chỉnh giao diện của nó, và dán đoạn mã đã tạo vào một khối HTML. Bao gồm hướng dẫn từng bước cho WordPress (Elementor và Visual Composer), Wix, và Squarespace, cùng các trường hợp sử dụng như bài đăng blog, trang sự kiện, trang địa điểm, trang cảm ơn, và chiến dịch khuyến mãi.

Với EdCommerce, bạn không chỉ có thể tạo các trang đích thương mại điện tử phong cách và thậm chí tạo toàn bộ trang web, mà còn có thể tích hợp một cách liền mạch các tính năng mạnh mẽ của nó vào bất kỳ trang web hiện có nào bạn đang sử dụng.

Điều này có nghĩa là bạn có được những lợi ích tốt nhất của cả hai thế giới – chức năng của trang web hiện tại của bạn và các tính năng mạnh mẽ của EdCommerce.

Bạn có thể làm điều này bằng cách tạo và nhúng một tiện ích. Hãy xem cách thực hiện.

Cách tạo một tiện ích EdCommerce

  1. Truy cập Cài đặt EdCommerce của bạn: Đăng nhập vào tài khoản EdCommerce của bạn và điều hướng đến phần 'Cài đặt'.
  2. Tạo một Tiện ích: Trong menu bên trái, chọn 'Tiện ích', sau đó 'Tạo tiện ích mới'.
  3. Điền thông tin Tiện ích: Hoàn thành mẫu với tên tiện ích của bạn, ngôn ngữ ưa thích, tiền tệ, và quốc tịch của học sinh.
  4. Chọn nội dung: Chọn các chương trình hoặc nhà cung cấp giáo dục để hiển thị trong tiện ích của bạn. Chỉ cần nhấp vào "Chương trình" hoặc "Nhà cung cấp" và chọn những người bạn muốn hiển thị từ danh sách bên phải.
  5. Tùy chỉnh Giao diện: Điều chỉnh giao diện của tiện ích bằng cách chỉnh sửa kiểu phông chữ, màu nền, và bóng hộp để phù hợp với thiết kế trang web của bạn. Bạn cũng có thể chỉnh sửa phần đệm để phù hợp hơn bằng cách nhấp vào biểu tượng hình vuông bên trong xem trước tiện ích.
  6. Lưu tiện ích của bạn: Khi bạn hài lòng với các cài đặt, nhấp 'Lưu'.

Sau khi lưu tiện ích của bạn, bạn sẽ nhận được một đoạn mã.

Đoạn mã này cần được thêm vào trang web của bạn, tiếp tục đọc để biết cách thực hiện.

Cách thêm tiện ích EdCommerce vào trang của bạn

Chỉ cần mở trang trên trang web của bạn nơi bạn muốn đặt tiện ích này và chèn một khối HTML với mã.

Tùy thuộc vào CMS của trang web của bạn (như WordPress hoặc Wix), phương pháp thêm mã này có thể khác nhau. Thông thường, tất cả các trình chỉnh sửa trang web đều cho phép bạn kéo và thả một khối HTML.

Dưới đây là một số ví dụ:

WordPress (với Elementor):

  • Mở trang bạn muốn chỉnh sửa bằng Elementor.
  • Kéo tiện ích 'HTML' từ bảng điều khiển bên trái vào trang của bạn nơi bạn muốn tiện ích xuất hiện.
  • Dán đoạn mã EdCommerce vào ô mã HTML.
  • Nhấp 'Cập nhật' để lưu các thay đổi của bạn.

WordPress (với Visual Composer):

  • Chỉnh sửa trang mà bạn muốn chèn widget.
  • Nhấp vào nút '+' để thêm phần tử mới.
  • Chọn 'HTML thô' hoặc 'HTML tùy chỉnh' từ các phần tử nội dung.
  • Dán mã đoạn mã Edcommerce của bạn vào ô văn bản.
  • Lưu các thay đổi của bạn bằng cách nhấp vào 'Cập nhật' trên trang.

Wix:

  • Đi tới trang bạn muốn chỉnh sửa trong Wix Editor.
  • Nhấp vào 'Thêm' (+) ở bên trái của trình chỉnh sửa và chọn 'Thêm nhiều'.
  • Chọn 'iframe HTML' từ menu thả xuống.
  • Nhấp vào 'Nhập mã', rồi dán mã đoạn mã Edcommerce vào hộp Cài đặt HTML.
  • Nhấp vào 'Áp dụng' để lưu và xem widget trên trang của bạn.

Squarespace:

  • Đi tới trang bạn muốn thêm widget.
  • Nhấp vào '+Thêm Khối' và chọn 'Mã' từ menu.
  • Dán mã đoạn mã Edcommerce của bạn vào khối mã và nhấp vào 'Áp dụng'.

Nếu bạn không thể tìm thấy module HTML trong trình chỉnh sửa của mình, hãy thử chỉnh sửa mã của một 'văn bản phong phú' module.

Trường hợp sử dụng

Với tính năng này, bạn có thể biến website của mình thành một nền tảng hấp dẫn và cung cấp nhiều thông tin hơn. Nhúng các widget này vào trang của bạn có thể nâng cao nội dung, thúc đẩy sự tương tác của người dùng và tăng tỷ lệ chuyển đổi.

Dưới đây là một số ví dụ về cách các widget Edcommerce có thể được sử dụng sáng tạo trên toàn trang của bạn:

Cải tiến Bài viết Blog:

Nếu bạn đang viết một bài blog về học tập tại một địa điểm cụ thể, như Sydney, hãy nhúng widget ở cuối bài viết. Nổi bật 3 chương trình hoặc khuyến mãi đặc biệt tại Sydney để khuyến khích độc giả khám phá các tùy chọn này. Điều này có thể tăng đáng kể tỷ lệ chuyển đổi bằng cách liên kết trực tiếp nội dung với các chương trình phù hợp.

Trang Sự kiện:

Đối với các trang web quảng bá hội chợ giáo dục hoặc hội thảo trực tuyến, nhúng widget để giới thiệu các chương trình hoặc tổ chức tham gia sự kiện. Điều này cung cấp cho khách truy cập một cái nhìn trước về những gì sẽ diễn ra và có thể khuyến khích đăng ký hoặc yêu cầu thêm thông tin.

Trang Địa điểm Cụ thể:

Nếu trang web của bạn có các trang dành riêng cho các điểm đến hoặc quốc gia học tập cụ thể, hãy nhúng widget vào các trang này để hiển thị các chương trình có sẵn tại các địa điểm đó. Đây là cách tuyệt vời để cung cấp các tùy chọn phù hợp cho người dùng đã quan tâm đến các điểm đến này.

Trang Cảm ơn Đăng ký Bản tin:

Sau khi khách truy cập đăng ký nhận bản tin của bạn, họ sẽ được chuyển hướng đến trang cảm ơn. Ở đây, bạn có thể nhúng widget để ngay lập tức thu hút họ với các chương trình phổ biến hoặc nổi bật.

Trong các Chiến dịch Quảng cáo:

Nếu bạn đang chạy các chiến dịch quảng bá cho các khóa học hoặc điểm đến nhất định, tích hợp widget vào các trang đích của chiến dịch. Tùy chỉnh widget để giới thiệu các chương trình liên quan đến chiến dịch để tạo trải nghiệm người dùng liền mạch.