Google Form là một công cụ cho phép người dùng tạo các biểu mẫu với mục đích thăm dò ý kiến, khảo sát hoặc thu thập thông tin. Dữ liệu thu thập được từ Google Form có thể thống kê ra biểu đồ trực quan và có thể xuất bản ra Google Spreadsheet hoặc Microsoft Excel.
Tuy nhiên, khi nhúng Google Form vào trang web của mình, một số bạn sẽ không thích khoảng cách giữa các ô nhập liệu quá lớn. Điều này dẫn đến form được nhúng vào trang web sẽ bị cuộn lại mặc dù form có rất ít ô nhập liệu.
Do đó, trong bài viết này, mình sẽ hướng dẫn các bạn thay đổi giao diện của Google Form bằng giao diện Bootstrap, hoặc có thể tự sửa lại giao diện theo ý mình.
Chuẩn bị
- Tài khoản Google
- Máy tính có kết nối internet
Thực hiện
Đầu tiên, các bạn cần phải có sẵn một biểu mẫu trong Google Form để xuất ra form mới.
Nếu chưa có, các bạn truy cập vào Google Form và tạo một biểu mẫu mới. Lưu ý, trong phần cài đặt, các bạn nhớ bỏ chọn mục “Limit to 1 response” để công cụ có thể tìm đến form của bạn mà không bị yêu cầu đăng nhập.
Sau khi tạo xong biểu mẫu, nhấn vào nút Send và chọn Send via Link, sau đó sao chép đường dẫn liên kết đến form.
Tiếp theo truy cập vào trang web Sửa Google Form, dán đường dẫn liên kết đã sao chép vào ô nhập liệu rồi nhấn nút “Tạo biểu mẫu” và chờ kết quả xuất hiện phía dưới.
Trong kết quả, các bạn có thể dùng iframe để nhúng trực tiếp vào trang web, hoặc tải mã nguồn về và sửa lại CSS của riêng mình.