Nhúng Google Form vào website của bạn
Biểu mẫu nhúng là biểu mẫu trực tiếp hiển thị trong một khung trên trang của bạn. Khách truy cập trả lời mà không rời khỏi website.
Cho phép nhúng
Nhúng mặc định tắt, nên không website nào khác hiển thị được biểu mẫu của bạn.
- Trong tab Biểu mẫu của thanh bên, bấm biểu tượng bút chì ở dòng Cài đặt biểu mẫu trực tiếp
- Ở tab Chủ đề, bật Tùy chỉnh giao diện biểu mẫu trực tiếp nếu nó đang tắt
- Bật Cho phép nhúng
Ô Mã nhúng xuất hiện bên dưới công tắc.
Sao chép mã nhúng
Bấm Sao chép. Mã chỉ có một dòng:
<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>
Hãy dùng mã trong hộp thoại của chính bạn, vì nó mang ID của biểu mẫu bạn. Script đặt biểu mẫu vào một khung ngay tại chỗ bạn dán và giữ khung cao bằng biểu mẫu, nên trang không bao giờ hiện thanh cuộn thứ hai. Khung giãn ra và co lại khi người trả lời chuyển trang, thấy thông báo lỗi hoặc đến màn hình cảm ơn. Sau khi gửi, nó cuộn lại để phần đầu biểu mẫu hiện ra.
Để nhúng nhiều biểu mẫu trên một trang, hãy dán mỗi biểu mẫu một dòng.
Dán vào trang của bạn
Dán mã vào bất cứ chỗ nào website của bạn nhận HTML:
- WordPress. Thêm một khối Custom HTML.
- Wix, Squarespace, Webflow. Thêm một phần tử Embed hoặc Code và dán mã vào đó.
- HTML của riêng bạn. Dán vào nơi biểu mẫu cần xuất hiện.
Nếu website của bạn không cho phép script
Một số trình tạo website xóa thẻ <script>. Bên dưới mã nhúng, bấm Không được dùng script? Dùng iframe thông thường và sao chép mã đó thay thế:
<iframe
src="https://skyfield.cloud/forms/your-form?embed=1"
width="100%"
height="900"
style="border:0"
></iframe>
Iframe thông thường có chiều cao cố định. Đổi height="900" thành số pixel vừa với biểu mẫu của bạn, để trang không hiện thêm thanh cuộn thứ hai. Biểu mẫu có nhiều trang cần chiều cao của trang dài nhất.
Cho biểu mẫu hòa vào trang
- Bật Hòa vào trang web của tôi, bên dưới Cho phép nhúng. Nó bỏ màu trang phía sau biểu mẫu, để các thẻ nằm trên nền của chính trang bạn. Thẻ, viền và bóng đổ của phong cách vẫn giữ nguyên, và liên kết trực tiếp vẫn giữ trang của nó.
- Dùng bản xem trước Trên trang của bạn để xem biểu mẫu nhúng trên một trang trơn trước khi lưu.
- Dưới Hiển thị, tắt Powered by nếu bạn không muốn dòng đó. Chỉ ẩn được trên biểu mẫu nhúng.
- Biểu mẫu nhúng bỏ phần đệm của trang và hàng điều khiển quanh biểu mẫu.
Ngừng nhúng
Tắt Cho phép nhúng và các website khác không còn hiển thị được biểu mẫu. Tắt Tùy chỉnh giao diện biểu mẫu trực tiếp cũng cho kết quả tương tự.