Cách nhúng Google Biểu mẫu vào trang web của bạn

Nếu bạn đang gặp khó khăn để có được một biểu mẫu trên trang web của mình, bạn có thể cài đặt một plugin(install a plugin) cho chức năng cơ bản, nhưng điều đó có thể làm chậm trang web của bạn(slow down your site) hơn nữa nếu bạn đã có nhiều plugin.

Với Google Biểu mẫu(Google Forms) , bạn không chỉ thêm biểu mẫu vào trang web của mình nhanh hơn mà còn nhận được nhiều tính năng hơn. Ví dụ: bạn có thể chèn tệp phương tiện, nhập câu hỏi, tích hợp dễ dàng với WordPress và email, chia sẻ trên nhiều nền tảng hơn và tận hưởng thêm bộ nhớ trong Google Drive(additional storage in Google Drive) .

Ngoài ra, Google Biểu mẫu(Google Forms) cho phép bạn cộng tác với đồng đội của mình và theo dõi tất cả kết quả từ biểu mẫu của bạn từ các kênh khác nhau, không chỉ trang web của bạn.

Đây là cách bạn có thể nhanh chóng nhúng Google Biểu mẫu(Google Forms) vào trang web của mình chỉ trong vài bước đơn giản.

Cách nhúng Google Biểu mẫu vào trang web của bạn(How to Embed Google Forms on Your Website)

Để bắt đầu, bạn sẽ cần có Google Biểu mẫu(Google Form) và mã nhúng của nó, bạn sẽ thêm mã này vào trang hoặc đăng ở nơi bạn muốn biểu mẫu xuất hiện trên trang web của mình.

Tạo biểu mẫu Google(Create a Google Form)

  1. Để tạo Google Biểu mẫu(Google Form) , hãy đảm bảo rằng bạn đã đăng nhập vào tài khoản Google của mình, sau đó chọn biểu tượng Google Biểu mẫu(Google Forms) trong menu Google Apps . Ngoài ra, hãy truy cập vào form.google.com(forms.google.com) .

  1. Chọn ô trống(Blank) từ thanh công cụ để tạo biểu mẫu của bạn từ đầu hoặc chọn một mẫu(select a template) từ các tùy chọn có sẵn.

  1. Thêm tiêu đề và mô tả(title and description) vào biểu mẫu của bạn.

  1. Tiếp theo, sử dụng thanh công cụ ở bên phải để thêm câu hỏi, nhập câu hỏi từ một biểu mẫu khác, tải lên video và hình ảnh hoặc thêm một phần. 

  1. Nếu bạn muốn chọn loại câu trả lời, hãy chọn mũi tên bên cạnh phần loại câu trả lời.

  1. Từ các tùy chọn, bạn có thể chọn cho phép người dùng để lại câu trả lời ngắn hoặc đoạn văn, nhiều lựa chọn, đánh dấu hộp kiểm hoặc chọn các lựa chọn từ menu thả xuống.

  1. Để tùy chỉnh hoặc thay đổi chủ đề của biểu mẫu, hãy sử dụng biểu tượng bảng màu(palette) ở trên cùng bên phải của màn hình.

  1. Bạn cũng có thể xem trước thiết kế cuối cùng bằng biểu tượng con mắt trước khi lưu và nhúng nó vào trang web của mình.

  1. Nếu bạn muốn thu thập địa chỉ email, giới hạn mỗi người dùng ở một câu trả lời hoặc cho phép họ chỉnh sửa câu trả lời của mình sau khi gửi biểu mẫu, hãy chọn Cài đặt nâng cao(Advanced Settings) (biểu tượng bánh răng).

  1. Chọn biểu tượng ba chấm(three-dot icon) để có thêm tùy chọn như thêm cộng tác viên, hoàn tác tác vụ, thêm tùy chọn hoặc tiện ích bổ sung từ Google Workspace Marketplace .

Lưu ý(Note) : Việc chọn Thêm cộng tác viên(Add Collaborators) đặc biệt cho phép bạn mời các thành viên trong nhóm của mình làm việc(invite members of your team to work) trên biểu mẫu. Bạn có thể gửi lời mời bằng tùy chọn chia sẻ liên kết hoặc nhập địa chỉ email của họ và họ sẽ nhận được thông báo qua email cùng với lời mời.

Nhúng Biểu mẫu Google của bạn vào trang web của bạn(Embed Your Google Form on Your Website)

Bây giờ bạn đã có Biểu mẫu Google(Google Form) của mình , bước tiếp theo là thêm nó vào trang web của bạn. Để thực hiện việc này, bạn cần lấy mã nhúng của biểu mẫu, là đoạn mã duy nhất mà bạn sẽ thêm vào trang hoặc bài đăng ở nơi bạn muốn biểu mẫu xuất hiện.

  1. Để lấy mã nhúng của biểu mẫu, hãy chọn Gửi(Send) ở trên cùng bên phải của cửa sổ trình chỉnh sửa biểu mẫu.

  1. Trong biểu mẫu Gửi(Send form) , bạn sẽ thấy các tùy chọn khác nhau mà bạn có thể sử dụng để chia sẻ biểu mẫu, chẳng hạn như qua liên kết, email, mạng xã hội hoặc HTML . Bạn có thể chọn chia sẻ biểu mẫu trên Facebook hoặc Twitter hoặc gửi biểu mẫu đó vào danh sách người đăng ký email của bạn.

  1. Để nhúng biểu mẫu vào trang web của bạn, bạn cần sử dụng tùy chọn HTML . Chọn tab <>

  1. Trong trường Nhúng HTML(Embed HTML) , bạn sẽ thấy một đoạn mã, cũng như các hộp chiều rộng(width)chiều cao(height) , nơi bạn có thể thay đổi các thứ nguyên kích thước cho biểu mẫu được nhúng của mình.

  1. Chọn Sao chép(Copy) để sao chép mã nhúng và truy cập trang tổng quan của trang web của bạn.

Thêm mã nhúng của Biểu mẫu Google của bạn vào trang web của bạn(Add Your Google Form’s Embed Code to Your Website)

Bây giờ bạn đã có mã nhúng của mình, hãy đăng nhập vào bảng điều khiển quản trị trang web của bạn và truy cập trang hoặc đăng ở nơi bạn muốn nhúng biểu mẫu.

Lưu ý(Note) : Các hướng dẫn trong hướng dẫn này áp dụng cho WordPress bằng Gutenberg / Block Editor .

  1. Bước đầu tiên là thêm một khối HTML tùy chỉnh(custom HTML block) . Để thực hiện việc này, hãy mở trình chỉnh sửa khối bằng cách chọn Trang(Pages) hoặc Bài đăng(Posts) trong bảng điều khiển quản trị và tìm trang hoặc bài đăng bạn muốn chỉnh sửa.

  1. Chọn biểu tượng Add block (+) ở trên cùng bên trái của trình chỉnh sửa khối bên cạnh logo WordPress.z(WordPress)

  1. Chuyển đến phần Định dạng(Formatting) và cuộn xuống để tìm và chọn HTML tùy chỉnh(Custom HTML) .

  1. Dán đoạn mã HTML(HTML code snippet) mà bạn đã sao chép trước đó vào trường được cung cấp.

  1. Trong thanh công cụ của khối HTML tùy chỉnh , hãy chọn tab (Custom HTML)Xem trước(Preview) để xem bản xem trước về cách biểu mẫu của bạn sẽ xuất hiện trên trang web của bạn.

  1. Google Biểu mẫu(Google Form) của bạn sẽ xuất hiện trên trang hoặc bài đăng của bạn.

  1. Đảm(Make) bảo rằng bạn cập nhật bài đăng hoặc trang của mình sau khi chỉnh sửa để các thay đổi được lưu.

Tạo biểu mẫu hoàn hảo cho trang web của bạn(Craft the Perfect Form for Your Site)

Cho dù bạn muốn thêm khảo sát vào trang web của mình, biểu mẫu đặt hàng vào cửa hàng trực tuyến, đăng ký sự kiện hoặc biểu mẫu liên hệ, Google Biểu mẫu(Google Forms) có thể giúp bạn tạo các biểu mẫu hoàn hảo cho trang web của mình. 

Xem hướng dẫn của chúng tôi về cách nhúng Lịch Google vào trang web của bạn( how to embed Google Calendar on your website)cách tạo cửa sổ bật lên phiếu giảm giá của riêng bạn trong WordPress( how to create your own coupon popup in WordPress) để có thêm chức năng và trải nghiệm người dùng tốt hơn.

Bạn(Were) có thể tạo và nhúng Google Biểu mẫu(Google Forms) vào trang web của mình bằng hướng dẫn này không? Chia sẻ với chúng tôi trong các ý kiến.



About the author

Tôi là một chuyên gia máy tính và tôi chuyên về thiết bị iOS. Tôi đã giúp đỡ mọi người từ năm 2009 và trải nghiệm của tôi với các sản phẩm của Apple khiến tôi trở thành người hoàn hảo để trợ giúp về nhu cầu công nghệ của họ. Các kỹ năng của tôi bao gồm: - Sửa chữa và nâng cấp iPhone và iPod - Cài đặt và sử dụng phần mềm Apple - Giúp mọi người tìm thấy các ứng dụng tốt nhất cho iPhone và iPod của họ - Làm việc trên các dự án trực tuyến



Related posts