Nếu bạn đang gặp khó khăn khi muốn đưa một biểu mẫu lên trang web, bạn có thể cài đặt một plugin để có chức năng cơ bản, nhưng điều đó có thể làm chậm trang web của bạn nếu đã cài quá nhiều plugin.
Với Google Forms, bạn không chỉ thêm biểu mẫu vào trang web nhanh hơn mà cò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 dung lượng lưu trữ thêm trên Google Drive.
Ngoài ra, Google Forms cho phép bạn cộng tác với đồng nghiệp và theo dõi tất cả kết quả từ các biểu mẫu của bạn từ nhiều kênh khác nhau, không chỉ từ trang web của bạn.
Dưới đây là cách bạn có thể nhanh chóng nhúng Google Forms vào website chỉ trong vài bước đơn giản.
Cách Nhúng Google Forms vào Website
Để bắt đầu, bạn sẽ cần một Google Form và mã nhúng của nó, sau đó thêm mã này vào trang hoặc bài viết nơi bạn muốn biểu mẫu hiển thị trên trang web.
Tạo Google Form
- Để tạo Google Form, hãy đảm bảo bạn đã đăng nhập vào tài khoản Google của mình, sau đó chọn biểu tượng Google Forms trong menu Google Apps. Hoặc truy cập trực tiếp forms.google.com.
- Chọn ô Blank (Trống) từ thanh công cụ để tạo biểu mẫu từ đầu, hoặc chọn một mẫu có sẵn từ các tùy chọn.
- Thêm tiêu đề và mô tả cho biểu mẫu của bạn.
- 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ừ biểu mẫu khác, tải video và hình ảnh lên, hoặc thêm một phần mới.
- 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.
- Từ các tùy chọn, bạn có thể cho phép người dùng nhập câu trả lời ngắn hoặc đoạn văn, trắc nghiệm, đánh dấu ô kiểm, hoặc chọn từ menu thả xuống.
- Để 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) ở góc trên bên phải của màn hình.
- Bạn cũng có thể xem trước thiết kế cuối cùng bằng biểu tượng hình con mắt trước khi lưu và nhúng vào website.
- Nếu bạn muốn thu thập địa chỉ email, giới hạn mỗi người một lần trả lời, hoặc cho phép họ chỉnh sửa phản hồi sau khi gửi, hãy chọn Cài đặt nâng cao (biểu tượng bánh răng).
- Chọn biểu tượng ba chấm để truy cập thêm các tùy chọn như thêm cộng tác viên, hoàn tác hành động, thêm tùy chọn ưu tiên, hoặc các add-on từ Google Workspace Marketplace.
Lưu ý: Việc chọn Add Collaborators (Thêm cộng tác viên) cho phép bạn mời thành viên trong nhóm làm việc trên biểu mẫu. Bạn có thể gửi lời mời qua 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 email kèm lời mời.
Nhúng Google Form của Bạn vào Website
Bây giờ bạn đã có Google Form sẵn sàng, bước tiếp theo là thêm nó vào website. Để làm điều này, bạn cần lấy mã nhúng của biểu mẫu – một đoạn mã duy nhất mà bạn sẽ thêm vào trang hoặc bài viết nơi muốn biểu mẫu xuất hiện.
- Để lấy mã nhúng của biểu mẫu, chọn Send (Gửi) ở góc trên bên phải của cửa sổ chỉnh sửa biểu mẫu.
- Trong hộp thoại Send form (Gửi biểu mẫu), bạn sẽ thấy nhiều tùy chọn chia sẻ như qua liên kết, email, mạng xã hội, hoặc HTML. Bạn có thể chọn chia sẻ trên Facebook, Twitter, hoặc gửi đến danh sách email người đăng ký.
- Để nhúng biểu mẫu vào website, bạn cần sử dụng tùy chọn HTML. Chọn tab <>.
- Trong trường Embed HTML (Nhúng HTML), bạn sẽ thấy một đoạn mã, cũng như các ô width (chiều rộng) và height (chiều cao) để thay đổi kích thước cho biểu mẫu nhúng.
- Chọn Copy (Sao chép) để sao chép mã nhúng, sau đó truy cập bảng điều khiển của website.
Thêm Mã Nhúng Google Form vào Website
Bây giờ bạn đã có mã nhúng, hãy đăng nhập vào bảng điều khiển quản trị của trang web và truy cập trang hoặc bài viết nơi bạn muốn nhúng biểu mẫu.
Lưu ý: Hướng dẫn trong bài này áp dụng cho WordPress sử dụng trình soạn thảo Gutenberg/Block Editor.
- Bước đầu tiên là thêm một khối HTML tùy chỉnh (Custom HTML block). Để làm điều này, mở trình soạn thảo khối bằng cách chọn Pages (Trang) hoặc Posts (Bài viết) trong bảng điều khiển quản trị và tìm trang/bài viết bạn muốn chỉnh sửa.
- Chọn biểu tượng Add block (+) (Thêm khối) ở góc trên bên trái của trình soạn thảo khối, bên cạnh logo WordPress.
- Đi đến phần Formatting (Định dạng) và cuộn xuống để tìm và chọn Custom HTML.
- Dán đoạn mã HTML bạn đã sao chép trước đó vào trường được cung cấp.
- Trong thanh công cụ của khối Custom HTML, chọn tab Preview (Xem trước) để xem biểu mẫu sẽ hiển thị như thế nào trên website.
- Google Form của bạn sẽ xuất hiện trên trang hoặc bài viết.
- Đảm bảo bạn cập nhật (Update) bài viết hoặc trang sau khi chỉnh sửa để thay đổi được lưu lại.
Tạo Biểu Mẫu Hoàn Hảo cho Trang Web của Bạn
Dù bạn muốn thêm một khảo sát vào trang web, biểu mẫu đặt hàng cho cửa hàng trực tuyến, đăng ký sự kiện, hay biểu mẫu liên hệ, Google Forms đều có thể giúp bạn tạo ra những biểu mẫu hoàn hảo cho website.
Hãy xem thêm các hướng dẫn của chúng tôi về cách nhúng Google Calendar vào website và cách tạo popup coupon trong WordPress để có thêm chức năng và trải nghiệm người dùng tốt hơn.
Bạn có thành công tạo và nhúng Google Forms vào website nhờ hướng dẫn này không? Hãy chia sẻ với chúng tôi trong phần bình luận.