Cách nhúng Google Biểu mẫu vào WordPress

Cập nhật tháng 7 năm 2026 · 8 phút đọc

Nhúng một Google Biểu mẫu trực tiếp vào trang hoặc bài viết WordPress giữ chân khách truy cập trên trang web của bạn thay vì đưa họ đến một liên kết forms.google.com riêng biệt. Cơ chế thì đơn giản — đó là cùng một mã nhúng iframe mà Google cung cấp cho bất kỳ trang web nào — nhưng WordPress có một vài điểm đặc biệt đáng biết trước khi bạn dán vào. Hướng dẫn này bao gồm các bước dành riêng cho WordPress; để biết quy trình nhúng chung trên bất kỳ nền tảng nào, xem hướng dẫn của chúng tôi về nhúng một Google Biểu mẫu vào trang web.

Bước 1: lấy mã nhúng từ Google Biểu mẫu

Mở biểu mẫu bạn muốn nhúng và nhấp Gửi ở góc trên bên phải. Trong hộp thoại Gửi, nhấp vào biểu tượng nhúng — trông giống như < > — cạnh biểu tượng liên kết và email. Google tạo ra một thẻ iframe, và bạn có thể điều chỉnh chiều rộng và chiều cao mặc định ngay trong hộp thoại đó trước khi sao chép. Nhấp Sao chép để lấy toàn bộ đoạn mã HTML.

Bước 2: thêm khối HTML tùy chỉnh trong WordPress

Mở trang hoặc bài viết nơi bạn muốn biểu mẫu xuất hiện, trong trình chỉnh sửa khối WordPress. Nhấp + để thêm khối mới, tìm Custom HTML, và chọn nó. Dán mã iframe bạn đã sao chép từ Google Biểu mẫu trực tiếp vào khối đó — không cần sửa đổi trừ khi bạn muốn điều chỉnh kích thước. Dùng tab Preview của khối (cạnh tab HTML, bên trong khối) để kiểm tra nó hiển thị trước khi lưu trang.

Khi iframe bị loại bỏ: khắc phục biểu mẫu không hiển thị

Trên một số cấu hình WordPress, biểu mẫu đơn giản là không xuất hiện sau khi bạn lưu hoặc xuất bản, ngay cả khi bạn đã dán mã đúng cách. Điều này thường xảy ra vì một plugin bảo mật hoặc thiết lập lưu trữ được tăng cường bảo mật lọc bỏ thẻ iframe thô khỏi nội dung bài viết, vì iframe có thể là rủi ro bảo mật nếu không được kiểm soát từ các nguồn không đáng tin cậy. Nếu điều này xảy ra với bạn, cách khắc phục thường là tìm một plugin WordPress đơn giản, được đánh giá tốt có chức năng chuyên biệt là cho phép nhúng iframe hoặc dựa trên shortcode vượt qua bộ lọc nội dung — tìm kiếm thư mục plugin WordPress cho các plugin "iframe" hoặc "embed" và kiểm tra đánh giá cùng thời gian cập nhật gần đây trước khi cài đặt, vì chúng tôi chưa thử nghiệm hoặc chứng thực một plugin cụ thể nào ở đây. Ngoài ra, hãy kiểm tra xem plugin bảo mật hiện có của bạn có cài đặt cho phép các thẻ HTML cụ thể như iframe hay không.

Bước 3: khắc phục thanh cuộn cắt mất biểu mẫu của bạn

Chiều cao nhúng mặc định của Google thường quá ngắn cho bất cứ thứ gì nhiều hơn vài câu hỏi, có nghĩa là người trả lời sẽ có thanh cuộn nội bộ bị nhét vào một hộp nhỏ thay vì thấy toàn bộ biểu mẫu. Mở khối HTML tùy chỉnh, tìm thuộc tính height="…" trong thẻ iframe, và tăng con số lên — với một biểu mẫu dài hơn, đừng ngại đặt nó cao hơn nhiều so với mặc định, vì khoảng trắng thừa ở dưới cùng ít gây khó chịu cho khách truy cập hơn nhiều so với một cửa sổ cuộn chật chội. Không có công thức chính xác; chiều cao phù hợp phụ thuộc vào số câu hỏi bạn có, vì vậy hãy điều chỉnh và xem trước cho đến khi toàn bộ biểu mẫu hiển thị mà không có thanh cuộn riêng của nó.

Khả năng đáp ứng trên di động khác nhau tùy theo giao diện

Một Google Biểu mẫu đã nhúng tự thân là đáp ứng, nhưng cách nó nằm trong bố cục giao diện WordPress của bạn phụ thuộc vào giao diện — một số giao diện gò iframe đã nhúng gọn gàng trong chiều rộng nội dung của chúng, trong khi những giao diện khác để một iframe chiều rộng cố định tràn ra khỏi trang trên màn hình điện thoại. Vì điều này khác nhau nhiều tùy theo giao diện và trình tạo trang, đừng chỉ tin vào bản xem trước trên máy tính: mở trang đã xuất bản trên một điện thoại thật và cuộn qua biểu mẫu đã nhúng trước khi coi công việc đã hoàn thành.

Khi nào chỉ nên liên kết thay vì nhúng

Nhúng rất tốt khi bạn muốn biểu mẫu cảm giác như một phần của trang, nhưng không phải lúc nào cũng cần thiết. Nếu bạn chỉ cần khách truy cập điền vào biểu mẫu và không quan tâm đến việc giữ họ trên trang WordPress của mình, một liên kết đơn giản dễ hơn, không có rủi ro bị loại bỏ iframe, và mở biểu mẫu trong bố cục tối ưu hóa di động của riêng Google thay vì bên trong các ràng buộc của giao diện của bạn. Xem hướng dẫn của chúng tôi về chia sẻ một Google Biểu mẫu để biết các tùy chọn liên kết và mã QR khác nhau.

Danh sách kiểm tra nhanh

• Sao chép mã iframe từ Gửi > Nhúng trong Google Biểu mẫu của bạn.
• Dùng khối HTML tùy chỉnh, không phải khối đoạn văn thông thường hoặc khối nhúng, trong trình chỉnh sửa WordPress.
• Nếu biểu mẫu biến mất sau khi lưu, hãy tìm một plugin cho phép nhúng iframe, hoặc kiểm tra cài đặt lọc HTML của plugin bảo mật của bạn.
• Tăng giá trị chiều cao nếu thanh cuộn đang cắt mất phần dưới của biểu mẫu.
• Luôn kiểm tra trên điện thoại thật trước khi coi việc nhúng đã hoàn thành — hành vi giao diện khác nhau quá nhiều để chỉ tin vào bản xem trước trên máy tính.

Câu hỏi thường gặp

Hướng dẫn liên quan

• Cách nhúng một Google Biểu mẫu vào trang web
• Dùng Google Biểu mẫu làm biểu mẫu liên hệ cho trang web của bạn
• Cách chia sẻ một Google Biểu mẫu