Cách nhúng biểu mẫu bên ngoài vào bất kỳ trang nào của EdCommerce

Last updated: July 27, 2026

Giải thích cách nhúng một biểu mẫu của bên thứ ba (ví dụ như một biểu mẫu được xây dựng trong CRM của bạn) vào trang đích EdCommerce bằng cách sử dụng khối trang 'HTML Code'. Ba bước là: tạo hoặc chỉnh sửa một trang trong 'Pages' và kéo vào một khối HTML Code, mở trình chỉnh sửa của khối và dán mã biểu mẫu của bạn, sau đó xem trước và xuất bản. Việc nhúng phải là mã IFRAME — nếu CRM của bạn chỉ xuất ra một script, hãy chuyển đổi nó bằng một công cụ như Iframe Generator trước khi dán. Các trường hợp sử dụng điển hình bao gồm các biểu mẫu CRM tùy chỉnh, hiển thị sản phẩm động với biểu mẫu liên hệ, và một trang "liên hệ chúng tôi" tái sử dụng biểu mẫu liên hệ của website hiện tại của bạn.

Trong khi Edcommerce cung cấp các biểu mẫu thông minh đồng bộ mượt mà với nền tảng Edvisor của bạn, có thể sẽ có những lúc bạn muốn sử dụng các biểu mẫu bên ngoài của riêng mình.

Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn các bước đơn giản để nhúng bất kỳ biểu mẫu bên ngoài nào vào các trang đích Edcommerce của bạn, mang lại cho bạn sự kết hợp tốt nhất của cả hai thế giới.

Các trường hợp sử dụng:

  1. Biểu mẫu tùy chỉnh: Tích hợp các biểu mẫu tùy chỉnh được tạo bởi CRM của bạn để thu thập thông tin khách hàng cụ thể từ các trang eCommerce của bạn.
  2. Hiển thị sản phẩm động: Trưng bày các đề xuất sản phẩm được tạo động hoặc nội dung cá nhân hóa dựa trên sở thích của khách hàng. Nâng cao việc thu thập khách hàng tiềm năng bằng cách nhúng biểu mẫu liên hệ của bạn vào các trang có nội dung này.
  3. Biểu mẫu liên hệ: Tạo một trang "liên hệ chúng tôi" trên EdCommerce sử dụng cùng biểu mẫu liên hệ bạn dùng trên website của mình. Ví dụ.

Hãy bắt đầu nào!

Bước 1: Tạo một khối HTML Code

Đầu tiên, bạn cần tạo hoặc chỉnh sửa một trang EdCommerce:

  • Trên tài khoản EdCommerce của bạn, điều hướng đến 'Pages' > 'Tạo trang mới'

Các trang này được xây dựng bằng các khối tùy chỉnh của nhiều loại khác nhau. Để tạo một trang với biểu mẫu bên ngoài được nhúng, bạn nên chọn tùy chọn 'HTML Code'.

Sau đó, đơn giản kéo và thả tùy chọn này vào trình chỉnh sửa trang.

Bước 2: Sao chép và Dán mã HTML của biểu mẫu của bạn

Nhấn vào khối HTML mới được thêm để mở trình chỉnh sửa.

Bây giờ, bạn cần chèn mã HTML của biểu mẫu của bạn vào trình chỉnh sửa.

Bạn có thể tìm thấy mã này trong hệ thống CRM của bạn, nơi biểu mẫu của bạn ban đầu được tạo ra. Chỉ cần sao chép mã HTML từ CRM của bạn rồi dán vào trình chỉnh sửa này trong Edcommerce.

Đừng quên lưu các thay đổi của bạn sau khi dán mã.

Để hoạt động, mã này phải là mã IFRAME.

Ví dụ:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

Trong một số trường hợp, mã HTML được tạo bởi CRM của bạn có thể ở dạng script. Để nhúng các script này vào trang của bạn, bạn sẽ cần chuyển đổi script thành iframe. Bạn có thể sử dụng các công cụ trực tuyến như Iframe Generator để thực hiện chuyển đổi này.

Đây là các bước cần làm:

  • Truy cập Iframe Generator hoặc một công cụ tương tự.
  • Sao chép script CRM của bạn vào ô.
  • Thay đổi các cài đặt như kích thước iframe nếu cần.
  • Nhấn để lấy mã iframe.
  • Sao chép và dán mã này vào khối HTML của Edcommerce của bạn.

Bước 3: Xem trước và Xuất bản Trang của bạn

Xem trước trang để đảm bảo rằng biểu mẫu nhúng hiển thị chính xác.

Nếu mọi thứ xuất hiện như mong muốn, hãy xuất bản trang để áp dụng các thay đổi cho trang thương mại điện tử của bạn.