Nhúng EdCommerce trên các trang web bên ngoài

Last updated: October 16, 2026

Hướng dẫn tổng hợp về cách nhúng nội dung EdCommerce trên các website và trang đích bên ngoài, bao gồm ba phương pháp. (1) Nhúng biểu mẫu khách hàng tiềm năng: sao chép iframe biểu mẫu khách hàng tiềm năng EdCommerce từ Settings > Ecommerce > Forms — theo từng văn phòng thông qua menu 3 dấu chấm hoặc một biểu mẫu duy nhất cho tất cả văn phòng thông qua nút 'Copy Iframe for Lead Form' ở menu trên cùng — và dán HTML vào bất kỳ website hoặc CMS bên ngoài nào như WordPress/Elementor, Shopify hoặc Wix; tùy chỉnh bằng cách chỉnh sửa URL iframe để thêm mã ngôn ngữ (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) hoặc mã HEX để thiết lập màu nút Gửi đi. Chỉ có biểu mẫu khách hàng tiềm năng mới có thể được nhúng bên ngoài — biểu mẫu đặt chỗ chỉ dành riêng cho EdCommerce — và các khách hàng tiềm năng đã gửi sẽ được đồng bộ với Edvisor, tự động phân công cho đúng tư vấn viên theo quy tắc kinh doanh của bạn và đưa vào đúng quy trình cùng giai đoạn. (2) Nhúng tiện ích chương trình: tạo một tiện ích trong Settings > Widgets của EdCommerce, tùy chỉnh giao diện và dán đoạn mã được tạo vào một khối HTML, với 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. (3) Thêm EdCommerce vào WordPress: liên kết một trang EdCommerce từ menu điều hướng WordPress thông qua Appearance > Menus bằng cách sử dụng Custom Link đến URL EdCommerce của bạn (tìm thấy trong Settings > EdCommerce > EdCommerce Details), lý tưởng nhất là thiết lập để mở trong tab mới.

Với EdCommerce, bạn có thể đưa nội dung của mình lên bất kỳ website hoặc trang đích bên ngoài nào — dù đó là nhúng biểu mẫu khách hàng tiềm năng, nhúng tiện ích chương trình hay thêm liên kết đến trang EdCommerce của bạn. bài báo này bao quát cả ba phương pháp.

Nhúng biểu mẫu EdCommerce

EdCommerce cung cấp một tính năng mạnh mẽ cho phép bạn tạo và cá nhân hóa các biểu mẫu khách hàng tiềm năng và đặt chỗ khác nhau, giúp bạn dễ dàng thu thập đúng thông tin từ khách hàng tiềm năng và người đặt chỗ.

Tại đây, chúng tôi sẽ hướng dẫn bạn cách nhúng các biểu mẫu khách hàng tiềm năng vào những trang khác trên website của mình, cho phép thu thập khách hàng tiềm năng không chỉ từ cửa hàng trực tuyến mà còn từ bất kỳ trang web nào.

\Những khách hàng tiềm năng này sau đó sẽ được đồng bộ hóa với tài khoản Edvisor của bạn, tự động phân công cho đúng tư vấn viên và thêm vào quy trình cùng giai đoạn phù hợp.*

*Nếu bạn chưa cấu hình biểu mẫu, hãy tham khảo lại bài báo này để tìm hiểu cách thiết lập và cá nhân hóa biểu mẫu trong trang EdCommerce của bạn.

**Xin lưu ý rằng chỉ có biểu mẫu khách hàng tiềm năng mới có thể được nhúng trên website của bạn. Biểu mẫu đặt chỗ chỉ dành riêng cho EdCommerce.

Cách nhúng biểu mẫu EdCommerce trên bất kỳ trang đích hoặc website nào

  • Đi đến: Settings > Ecommerce > Forms.

Sau đó, nhấp vào biểu tượng 3 dấu chấm bên cạnh từng văn phòng và chọn 'Copy Iframe for Lead Form' nếu bạn muốn nhúng biểu mẫu được tạo cho một văn phòng cụ thể.

Hoặc chỉ cần nhấp vào nút 'Copy Iframe for Lead Form' từ menu trên cùng để nhúng một biểu mẫu duy nhất (cho tất cả văn phòng của bạn).

Bạn sẽ nhận được mã HTML để sao chép và dán vào website của mình.

Nếu bạn đang sử dụng CMS như WordPress (với trình xây dựng trang web như Elementor hoặc Visual Composer), Shopify hoặc Wix, chúng thường cung cấp một phương thức đơn giản để nhúng các thành phần bằng đoạn mã HTML.

Đây thường là một tiện ích hoặc một mục trong hộp công cụ mà bạn có thể dễ dàng kéo và thả.

Ví dụ: nếu bạn sử dụng trình xây dựng trang web như Elementor, bạn có thể thêm thành phần này thông qua tiện ích HTML của nó.

Cách tùy chỉnh ngôn ngữ biểu mẫu của bạn

Nếu bạn muốn xác định ngôn ngữ của biểu mẫu khách hàng tiềm năng, hãy thêm mã ngôn ngữ vào cuối URL bên trong mã HTML:

Ví dụ:

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

Tại đây, bạn có thể xem mã ngôn ngữ cho các ngôn ngữ khác nhau hiện có:

  • EN = Tiếng Anh
  • PT = Tiếng Bồ Đào Nha
  • ES = Tiếng Tây Ban Nha
  • ES_MX = Tiếng Tây Ban Nha Mỹ Latinh
  • PT_BR = Tiếng Bồ Đào Nha Brazil
  • DE = Tiếng Đức
  • IT = Tiếng Ý
  • TR = Tiếng Thổ Nhĩ Kỳ
  • FR = Tiếng Pháp
  • JA = Tiếng Nhật
  • KO = Tiếng Hàn

Cách tùy chỉnh màu nút biểu mẫu của bạn

Bạn cũng có thể cá nhân hóa màu của nút 'Gửi đi' trên các biểu mẫu khách hàng tiềm năng được nhúng để phù hợp với thương hiệu của mình. Rất đơn giản:

  1. Tìm mã HEX của màu thương hiệu (Ví dụ: #4EB2F4).
  2. Thêm mã HEX này vào URL của biểu mẫu bạn muốn nhúng.

Ví dụ: nếu bạn muốn sử dụng màu có mã HEX là #4EB2F4, URL của bạn sẽ trông giống như sau:

<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>

Chỉ cần thay thế #4EB2F4 bằng mã màu HEX tùy chỉnh của bạn để thấy điều kỳ diệu xảy ra!

Sau khi một học viên hoàn tất một trong các biểu mẫu này, khách hàng tiềm năng sẽ được phân công cho đúng chuyên viên tư vấn dựa trên các quy tắc kinh doanh được thiết lập trong cài đặt EdCommerce của bạn. Những khách hàng tiềm năng này cũng được đồng bộ hóa với tài khoản Edvisor của bạn và được thêm vào đúng quy trình cùng giai đoạn.

Nhúng các chương trình EdCommerce

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ể dễ dàng tích hợp các tính năng mạnh mẽ của nó vào bất kỳ trang web hiện có nào mà 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 từ cả hai phía – chức năng của trang web hiện tại và các tính năng mạnh mẽ của EdCommerce.

Bạn có thể thực hiện việc này bằng cách tạo và nhúng một widget. Hãy cùng tìm hiểu cách thực hiện.

Cách tạo widget EdCommerce

  1. Truy cập Cài đặt EdCommerce: Đăng nhập vào tài khoản EdCommerce của bạn và đi đến phần 'Cài đặt'.
  2. Tạo widget: Trong menu bên trái, chọn 'Widget', sau đó chọn 'Tạo widget mới'.
  3. Điền thông tin widget: Hoàn thành biểu mẫu với tên widget, ngôn ngữ ưu tiên, đơn vị tiền tệ và quốc tịch 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 sẽ hiển thị trong widget. Chỉ cần nhấp vào "Chương trình" hoặc "Nhà cung cấp" và chọn những mục 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 widget 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ể điều chỉnh khoảng đệm để widget vừa vặn hơn bằng cách nhấp vào biểu tượng hình vuông bên trong phần xem trước widget.
  6. Lưu widget: Sau khi hài lòng với các cài đặt, hãy nhấp vào 'Lưu'.

Sau khi lưu widget, bạn sẽ nhận được một đoạn mã.

Bạn cần thêm đoạn mã này vào trang web của mình, hãy tiếp tục đọc để tìm hiểu cách thực hiện.

Cách thêm widget EdCommerce vào trang web của bạn

Chỉ cần mở trang trên trang web nơi bạn muốn đặt widget này và chèn một hộp HTML có chứa đoạn mã.

Tùy thuộc vào CMS của trang web (chẳng hạn như WordPress hoặc Wix), phương pháp thêm đoạn mã này có thể khác nhau. Nhìn chung, tất cả trình chỉnh sửa trang web đều cho phép bạn kéo và thả một hộp 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 widget 'HTML' từ bảng điều khiển bên trái vào vị trí trên trang nơi bạn muốn đặt widget.
  • Dán đoạn mã EdCommerce vào hộp mã HTML.
  • Nhấp vào 'Cập nhật' để lưu các thay đổi.

WordPress (với Visual Composer):

  • Chỉnh sửa trang nơi bạn muốn thêm widget.
  • Nhấp vào nút '+' để thêm một 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 đoạn mã EdCommerce vào hộp văn bản.
  • Lưu các thay đổi bằng cách nhấp vào 'Cập nhật' trên trang.

Wix:

  • Đi đến trang bạn muốn chỉnh sửa trong Wix Editor.
  • Nhấp vào 'Thêm' (+) ở phía bên trái trình chỉnh sửa và chọn 'Thêm'.
  • Chọn 'HTML iframe' từ menu thả xuống.
  • Nhấp vào 'Nhập mã', sau đó dán đ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 đến trang nơi bạn muốn thêm widget.
  • Nhấp vào '+Thêm khối' và chọn 'Mã' từ menu.
  • Dán đoạn mã EdCommerce vào khối mã và nhấp vào 'Áp dụng'.

Nếu bạn không thể tìm thấy mô-đun HTML trong trình chỉnh sửa, hãy thử thực hiện bằng cách chỉnh sửa mã của mô-đun 'văn bản có định dạng'.

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à giàu thông tin hơn. Việc nhúng các widget này vào trang web có thể nâng cao nội dung, tăng mức độ tương tác của người dùng và gia tăng 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 một cách sáng tạo trên website của bạn:

Cải thiện bài đăng blog:

Nếu bạn đang viết một bài đăng blog về việc học tập tại một địa điểm cụ thể, chẳng hạn như Sydney, hãy nhúng widget ở cuối bài viết. Giới thiệu 3 chương trình hàng đầu hoặc các chương trình khuyến mãi đặc biệt tại Sydney để khuyến khích người đọc khám phá những lựa chọn này. Điều này có thể làm 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, hãy 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 giúp khách truy cập hình dung trước những gì sẽ diễn ra và có thể khuyến khích họ đăng ký hoặc gửi yêu cầu tư vấn.

Trang dành riêng cho từng địa điểm:

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

Trang cảm ơn sau khi đăng ký nhận bản tin:

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

Trong các chiến dịch quảng bá:

Nếu bạn đang triển khai các chiến dịch quảng bá cho một số khóa học hoặc điểm đến nhất định, hãy 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 nhằm tạo ra trải nghiệm người dùng nhất quán.

Thêm EdCommerce vào WordPress

Vui lòng lưu ý rằng các hướng dẫn sau đây được thiết kế dành riêng cho người dùng sử dụng WordPress làm công cụ xây dựng website. Nếu bạn đang sử dụng một nền tảng hoặc công cụ xây dựng website khác, các bước này có thể không áp dụng được.

Bước 1

Truy cập Bảng điều khiển quản trị WordPress của bạn, đi đến mục "Giao diện" và nhấp vào "Menu".

Bước 2

Trong phần "Menu", đi đến "Liên kết tùy chỉnh", nhập URL của nền tảng EdCommerce và văn bản CTA mà bạn muốn hiển thị trong menu website.

Sau đó, nhấp vào "Thêm vào Menu" để thêm mục mới này vào menu chính của bạn.

Để tìm URL EdCommerce của bạn, hãy đi đến phần cài đặt trên nền tảng, nhấp vào "EdCommerce" rồi chọn "Chi tiết EdCommerce".

Mẹo hữu ích! Để ngăn sinh viên rời khỏi trang của bạn, hãy đảm bảo bạn tùy chỉnh menu để mở liên kết trong một tab mới.