Bạn có muốn tạo các biểu mẫu tuân thủ AMP trên trang web WordPress của mình không?
Các trang di động được tăng tốc, hay AMP, là một dự án của Google giúp các trang web tải nhanh hơn trên các thiết bị di động.
Mặc dù AMP cung cấp trải nghiệm duyệt web di động tuyệt vời bằng cách làm cho các trang web của bạn tải nhanh hơn, nhưng nó vô hiệu hóa nhiều tính năng hữu ích trên trang web của bạn.
Một trong số đó là các hình thức liên lạc. Vì AMP sử dụng một bộ HTML và JavaScript giới hạn, bạn không thể tải các biểu mẫu WordPress của mình một cách chính xác trên các trang AMP.
Nhưng may mắn thay, bây giờ có một giải pháp dễ dàng có sẵn. WPForms, plugin biểu mẫu WordPress thân thiện với người mới bắt đầu nhất hiện nay giúp bạn tạo các biểu mẫu WordPress sẵn sàng AMP. Nhóm của anh gần đây đã làm việc với Google để tạo điều kiện cho các hình thức AMP cho WordPress.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách tạo biểu mẫu AMP trong WordPress bằng WPForms (cách dễ dàng).
Tạo biểu mẫu AMP trong WordPress (từng bước)
Để sử dụng AMP với WordPress, bạn phải cài đặt và kích hoạt plugin AMP chính thức cho WordPress. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Sau khi được kích hoạt, plugin sẽ tự động thêm hỗ trợ Google AMP cho trang web WordPress của bạn.
Tuy nhiên, bạn có thể thay đổi cài đặt AMP cho trang web của mình bằng cách đi đến AMP »Chung từ bảng điều khiển của bạn.
Từ trang cài đặt AMP, bạn có thể bật hoặc tắt AMP trên trang web của mình, chọn chế độ trang web cho AMP và chọn các mẫu được hỗ trợ.
Khi bạn đã thiết lập AMP, bước tiếp theo là tạo biểu mẫu liên hệ tuân thủ AMP trên trang web WordPress của bạn.
Anh ấy đã qua 1. Tạo một biểu mẫu WordPress với WPForms
Để bắt đầu, hãy cài đặt và kích hoạt plugin WPForms Lite trên trang web của bạn. Đây là phiên bản rút gọn của plugin WPForms Pro.
Cả hai phiên bản rút gọn và chuyên nghiệp của WPForms đều cho phép bạn tạo một biểu mẫu liên hệ cơ bản sẵn sàng AMP. Trong bài viết của chúng tôi, chúng tôi sẽ sử dụng phiên bản miễn phí cho ảnh chụp màn hình.
Khi plugin được cài đặt và kích hoạt, bạn nên truy cập WPForms »Thêm mới trang để tạo một hình thức WordPress mới.
Trên màn hình cài đặt biểu mẫu, bạn có thể chọn một mẫu biểu mẫu để bắt đầu nhanh chóng. Bạn có thể chọn mẫu trống nếu bạn muốn bắt đầu từ đầu.
Tiếp theo, trang xây dựng biểu mẫu sẽ mở ra.
Từ đây, bạn có thể thêm hoặc xóa các trường mẫu. Để thêm một trường mới vào biểu mẫu của bạn, chỉ cần nhấp vào trường biểu mẫu từ khung bên trái và nó sẽ xuất hiện trong bảng điều khiển trình tạo biểu mẫu ở bên phải.
Sau đó, bạn có thể cấu hình các tùy chọn trường. Chỉ cần nhấp vào một trường và sau đó Tùy chọn trường sẽ xuất hiện.
Tương tự, bạn có thể tùy chỉnh tất cả các lĩnh vực khác.
Sau đó, bạn có thể nhấp vào tab Cài đặt để định cấu hình cài đặt biểu mẫu của mình.
Cài đặt chung cho phép bạn thay đổi tên của biểu mẫu của bạn, gửi văn bản nút, gửi văn bản xử lý nút, bật chống spam Honeypot và hơn thế nữa.
Sau đó, bạn có thể nhấp vào tab Thông báo để thiết lập thông báo email thông báo cho bạn khi người dùng hoàn thành biểu mẫu.
Sau đó, bạn có thể nhấp vào tab Xác nhận để thiết lập thông báo xác nhận để hiển thị khi người dùng gửi biểu mẫu.
Sau khi thiết lập xong, bạn có thể lưu biểu mẫu của mình.
Anh ấy đã qua 2. Thêm mẫu AMP của bạn vào một trang
Bây giờ biểu mẫu WordPress của bạn đã sẵn sàng, bạn có thể thêm nó vào một trang.
Trước tiên, bạn phải tạo một trang mới hoặc mở một trang hiện có nơi bạn muốn thêm biểu mẫu.
Trên màn hình chỉnh sửa trang của bạn, nhấp vào biểu tượng Thêm khối mới và chọn khối WPForms.
Sau đó, bạn có thể thấy tiện ích WPForms được thêm vào màn hình chỉnh sửa trang của bạn. Bạn chỉ cần chọn biểu mẫu bạn đã tạo trước đó và tiện ích sẽ ngay lập tức tải nó vào trình chỉnh sửa trang.
Sau đó bạn có thể xuất bản hoặc cập nhật trang của bạn.
Đó là tất cả! Bạn không cần phải cấu hình bất cứ điều gì khác. Plugin WPForms Lite sẽ thêm hỗ trợ AMP đầy đủ vào biểu mẫu của bạn ngay bây giờ.
Nếu bạn muốn xem nó trông như thế nào, bạn có thể mở trang trên điện thoại di động của bạn.
Hoặc bạn có thể mở trang trong trình duyệt máy tính để bàn của mình bằng cách thêm / amp / hoặc /? Ampe đến cuối URL trang của bạn. Ví dụ: https://www.example.com/contact/?amp.
Thêm Google reCAPTCHA vào biểu mẫu AMP của bạn
Theo mặc định, WPForms bao gồm một honeypot chống thư rác để bắt và chặn thư rác. Ngoài ra, bạn có thể sử dụng Google reCAPTCHA để giảm việc gửi thư rác.
Để sử dụng Google reCAPTCHA với các biểu mẫu AMP của bạn, bạn phải đăng ký trang web của mình cho Google reCAPTCHA v3 và lấy các khóa Google API.
Truy cập trang web Google reCAPTCHA và nhấp vào nút “Bảng điều khiển quản trị” ở góc trên bên phải của trang.
Sau đó, bạn cần đăng nhập bằng tài khoản Google của mình. Khi điều này được thực hiện, bạn sẽ thấy trang “Đăng ký một trang web mới”.
Đầu tiên, bạn phải nhập tên trang web của bạn vào trường Nhãn. Google AMP chỉ hỗ trợ reCAPTCHA v3, vì vậy bạn cần chọn nó từ các tùy chọn loại reCAPTCHA.
Sau đó, nhập tên miền của bạn trong phần Tên miền.
Phần Chủ sở hữu hiển thị địa chỉ email của họ theo mặc định. Bạn cũng có thể thêm một email khác nếu bạn muốn.
Sau đó, bạn phải đồng ý với Điều khoản dịch vụ của reCAPTCHA để tiếp tục. Ngoài ra, chọn hộp kiểm Gửi Gửi thông báo cho chủ sở hữu, hộp kiểm này sẽ cho phép Google thông báo cho bạn về các vấn đề như cài đặt không chính xác và lưu lượng truy cập đáng ngờ trên trang web của bạn.
Sau khi hoàn thành, nhấp vào nút Gửi.
Sau đó, bạn sẽ thấy một thông báo thành công cùng với khóa trang web và khóa bí mật để thêm reCAPTCHA trên trang web của bạn.
Bây giờ bạn có các khóa Google API để thêm reCAPTCHA vào biểu mẫu của mình. Tuy nhiên, cần thêm một điều chỉnh để đảm bảo khả năng tương thích AMP với reCATCHA. Nhấp vào liên kết “Chuyển đến cài đặt” ở đó.
Sau đó, bạn sẽ thấy lại cài đặt reCAPTCHA với hộp kiểm “Cho phép khóa này hoạt động với các trang AMP”. Chỉ cần chọn hộp và nhấp vào nút Lưu bên dưới.
Bây giờ bạn có các khóa Google API để thêm reCAPTCHA trong các biểu mẫu AMP, bạn nên mở WPForms »Cấu hình» reCAPTCHA trang trong bảng điều khiển WordPress của bạn.
Trên màn hình này, bạn cần chọn tùy chọn reCAPTCHA v3 và dán khóa trang web và khóa bí mật. Sau đó, nhấp vào nút Lưu Cài đặt.
Giờ đây, Google reCAPTCHA đã được thêm vào WPForms, bạn có thể kích hoạt nó trên các biểu mẫu của mình khi cần thiết. Đi WPForms »Tất cả các hình thức và chọn biểu mẫu mà bạn muốn kích hoạt reCAPTCHA.
Khi màn hình cài đặt biểu mẫu xuất hiện, nhấp vào tab Cài đặt và chọn phần Cài đặt chung. Ở phía dưới, bạn có thể thấy hộp kiểm Bật Bật Google v3 reCAPTCHA.
Chọn hộp và sau đó lưu biểu mẫu của bạn bằng cách nhấp vào nút Lưu ở góc trên bên phải.
Sau đó, bạn có thể truy cập lại trang liên hệ của họ và xem biểu mẫu AMP với reCAPTCHA đang hoạt động.
Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo biểu mẫu AMP trong WordPress một cách dễ dàng. Bạn cũng có thể xem hướng dẫn của chúng tôi về cách tạo biểu mẫu tuân thủ GDPR trong WordPress.
Nếu bạn thích bài viết này, đăng ký kênh của chúng tôi YouTube để xem video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi tại Twitter và Facebook
