Bỏ qua đến nội dung chính

Làm thế nào để tích hợp Google Biểu mẫu WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Có một số plugin ấn tượng có sẵn cho phép bạn thêm các loại biểu mẫu khác nhau vào blog của mình, cho dù đó là hình thức liên lạc hoặc mẫu khảo sát thông qua các hình thức cao cấp với các lĩnh vực tùy biến.

Nhưng trước khi tải xuống plugin WordPress mới nhất để tạo các biểu mẫu thời trang, bạn có thể cần xem xét sử dụng Google Forms.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn

Sau đó trở lại lý do tại sao chúng ta ở đây.

Tổng quan về Google Forms

Hình thức Google là một công cụ vừa miễn phí vừa vô cùng linh hoạt. Được bao gồm trong dịch vụ Google Drive, tính năng này bị ẩn đến mức nhiều người dùng thậm chí không biết đến sự tồn tại của nó.

Nếu bạn chưa có Google Drive, bạn có thể thiết lập nó ngay lập tức. Nhưng nếu đó là trường hợp, hãy kết nối với "Ổ đĩa của tôi".

google-drive-hình thức

Có Google Forms bạn có thể:

  • Tạo khảo sát, bảng câu hỏi, thi hạch miệng
  • Định dạng các trường, đoạn văn, hộp kiểm tùy chỉnh của bạn
  • Thu thập địa chỉ email cho bản tin
  • Sử dụng giao diện « Kéo và thả Để đặt câu hỏi
  • Thêm hình ảnh và video Youtube
  • Chọn một chủ đề
  • Cộng tác với người dùng Google Forms khác
  • và nhiều hơn nữa ...

Chia sẻ liên kết của một biểu mẫu khá đơn giản, nhưng bạn có biết rằng bạn có thể thêm biểu mẫu này vào blog WordPress của mình không?

Khám phá của chúng tôi Các plugin 10 WordPress để chia sẻ bài viết của bạn trên các mạng xã hội

Giải pháp nhanh nhất là sử dụng tích hợp tính năng, có thể được thực hiện bằng cách nhấp vào " Hồ sơ Ở đầu trình đơn, nơi bạn chỉnh sửa biểu mẫu Google của mình. Sau đó bấm vào " tích hợp«

hội nhập-google-form

Bạn sẽ thấy một cửa sổ mới với mã để nhúng vào blog của bạn.

Mã-một-tích hợp

Vấn đề với mã để tích hợp là bạn sẽ không thể thay đổi kiểu của nó (kiểu màu của Google), và do đó, rất có thể nó không thích ứng với phong cách của chủ đề WordPress của bạn.

May mắn thay, có một plugin cho phép để sửa chữa các mối quan tâm.

Trình bày plugin Google Forms cho WordPress

Lê Plugin Google Forms WordPress, cho phép bạn tích hợp và quản lý các biểu mẫu khác nhau từ tableau de bord WordPress. Google Biểu mẫu-WordPress-Plugin

Nó cũng cung cấp một số tùy chọn để tích hợp và tùy chỉnh tốt hơn so với tích hợp mã HTML.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Đây là cách bạn có thể bắt đầu sử dụng nó.

Sử dụng plugin Google Forms để thêm các biểu mẫu của Google vào WordPress

Khi bạn đã cài đặt và kích hoạt plugin, bạn sẽ thấy một menu mới có sẵn trên bảng điều khiển của bạn. Khi chuột của bạn di chuyển trên menu, các menu con sẽ được hiển thị.

Google Biểu mẫu-in-the-WP-Menu

Tab « Hình thức Google Cho phép bạn xem tất cả các biểu mẫu của bạn (nó giống như danh sách các bài báo hoặc trang WordPress), vì vậy bạn có thể áp dụng các hành động tổng hợp trên các biểu mẫu (chỉnh sửa, xóa).

Khám phá quá Làm thế nào để tạo ra một hình thức nhiều trang trên WordPress

Nếu bạn chưa có biểu mẫu, bảng này sẽ trống. Bấm vào Thêm Biểu mẫu mới của Google '(Tạo một biểu mẫu Google mới), để tạo một biểu mẫu mới và cung cấp một tiêu đề và điền vào các trường.

Plugin Google Forms không cho phép bạn tạo biểu mẫu, vì vậy nếu bạn chưa làm như vậy, hãy đi tới Hình thức Google, để tạo biểu mẫu của bạn. Khi bạn đã tạo biểu mẫu của mình, hãy thêm địa chỉ của nó vào trường đầu tiên "Mẫu url". Để có URL này, hãy quay lại Google Forms và nhấp vào " Gửi biểu mẫu«.

gửi-le-form

Sao chép địa chỉ vào liên kết chia sẻ và thêm nó vào trường " URL Mẫu«

Google Biểu mẫu-ruộng-to-fill-out

Sau đó, bạn có thể thêm một URL xác nhận. Vì trang xác nhận mặc định khá cơ bản và không thể được tích hợp vào blog WordPress của bạn, chúng tôi khuyến khích bạn hoàn thành trường này.

Đối với lĩnh vực Kiểu trang xác nhận tùy chỉnh", Bạn có thể chỉ định cách nó sẽ được hiển thị bằng cách chọn "Chuyển hướng" ou "AJAX". Hãy nhớ rằng nếu bạn để lại giá trị mặc định "Không" sau đó "Chuyển hướng" (để chuyển hướng), sẽ được chọn theo mặc định. Đây là các trường 3 mặc định mà bạn có thể định cấu hình trên blog của mình.

Đi xa hơn với chuyển hướng bằng cách tư vấn Làm thế nào để thực hiện một chuyển hướng trên blog WordPress của bạn

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Sau đó, hãy trở lại hình thức của chúng tôi

Cách điền vào các trường Bổ sung của Google Forms

Có một số lĩnh vực bên dưới " URL Mẫu "Và" Xác nhận URL"Nhưng bạn sẽ phải cấu hình tất cả. Hãy cùng nhau khám phá những gì họ có thể làm cho bạn

  • Cảnh báo : Cho phép bạn hiển thị thông báo xác nhận cho người dùng, bạn có thể chỉ định một văn bản đơn giản như "Cảm ơn bạn đã đóng góp ... !!! Mà sẽ được hiển thị trong một JavaScript thay đổi.
  • Class: nếu bạn muốn thêm tuỳ chỉnh nhiều hơn, bạn có thể sử dụng thuộc tính "Lớp học" để áp dụng một phong cách cụ thể.
  • E-mail: Quản trị viên sẽ có thể nhận được email khi gửi biểu mẫu.
  • Để gửi: Nếu tùy chọn trước đó được điền, trong trường này, bạn có thể chỉ định tên của tác giả của email (blog của bạn trong trường hợp này).
  • Mẫu CSS: trường này cho phép bạn nhập mã CSS tùy chỉnh để làm cho các trường mở rộng hơn. Nhìn vào sự xuất hiện của các hình thức của bạn trên blog của bạn.
  • Bộ nhớ đệm Mẫu : cho phép bạn lưu dữ liệu biểu mẫu tạm thời trong bộ đệm
  • Xác nhận trường biểu mẫu của Google: Tính năng này bị tắt theo mặc định. Nó cho phép bạn thêm xác thực bằng cách sử dụng plugin Xác thực jQuery, ví dụ này sẽ cho phép bạn thực hiện tất cả các trường bắt buộc.
  • Fields hình thức ẩn danh của Google: Nếu bạn có các trường ẩn trên biểu mẫu mà bạn muốn định cấu hình, bạn có thể thực hiện việc này trong hộp này, điều này cũng bị tắt theo mặc định. Bạn sẽ cần tên của trường (thuộc tính name), từ biểu mẫu Google. Giá trị, Url và dấu thời gian là các loại có thể được sử dụng với giá trị tùy chọn của trường.
  • Công cụ giữ chỗ trường biểu mẫu của Google: Nếu bạn đã sử dụng trình giữ chỗ trên các trường của mình, tùy chọn này cho phép bạn đặt giá trị được hiển thị.

Cách định cấu hình plugin Google Form

Chúng tôi chưa hoàn thành. Mặc dù có các trường tùy chọn, bạn có thể định cấu hình thêm cài đặt để làm cho biểu mẫu hoạt động theo cách bạn muốn bằng cách tìm các tùy chọn Google Form trên cột bên phải của tất cả các trường đã được đề cập ở trên.

  • Captcha: Cho phép bạn tăng cường bảo mật bằng cách di chuyển khỏi thư rác.
  • Cột: Biểu mẫu của Google hiển thị trong một cột mặc định. Với tính năng này, bạn có thể tách các trường biểu mẫu thành hai hoặc nhiều cột. Bạn cũng có thể chỉ định thứ tự của một cột bằng cách chọn "Từ trái sang phải" hoặc "Từ phải sang trái".
  • Người dùng Cuối Email: Bằng cách kích hoạt tính năng này, bạn sẽ có thể gửi email cho người dùng của biểu mẫu này.
  • Pháp lý: Biểu mẫu Google sử dụng "Được cung cấp bởi Google Docs", một tùy chọn có thể bị vô hiệu hóa.
  • Chỉ đọc: Nếu bạn muốn vô hiệu hóa chỉnh sửa biểu mẫu.
  • BR: Cho phép bạn thêm ngắt dòng trên biểu mẫu và trên từng trường.
  • Tiền tố CSS: Bằng cách thêm tiền tố này, bạn sẽ có thể tránh xung đột với tùy chỉnh CSS.
  • CSS Suffix: thêm một hậu tố sau mỗi nhãn.
  • Chức vụ: Nếu bạn không muốn tiêu đề của biểu mẫu Google của mình xuất hiện, bạn có thể tắt tùy chọn này.

Khám phá quá Forminator: trình tạo biểu mẫu miễn phí với các tính toán và thanh toán trên WordPress

Làm thế nào để xuất bản mẫu Google của bạn trên WordPress

Bây giờ bạn có một biểu mẫu mới được định cấu hình, bạn có thể lưu hoặc xuất bản nó. Để xem trước biểu mẫu, tất cả những gì bạn phải làm là nhấp vào liên kết " Xem Mẫu Google«.

bản demo dạng

Bạn cũng có thể sử dụng mã ngắn các hình thức bằng cách truy cập danh sách các hình thức tạo ra.

Google-Mẫu-ngắn-code

Khám phá thêm một số chủ đề và plugin WordPress cao cấp

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. YIT Lời chứng thực giới thiệu cho WordPress

YIT Testimonials Showcase là plugin WordPress được sản xuất tốt nhất và cập nhật nhất để đăng lời chứng thực và đánh giá của người dùng. Nó có các kiểu độc đáo 150 được mã hóa hoàn toàn bằng HTML5 và chỉ có thể tùy chỉnh. Tất cả những gì bạn phải làm là tạo mã ngắn của phần tử để hiển thị, chọn tùy chọn mong muốn, chọn chủ đề WordPress và chọn một trong các bảng màu được xác định trước và lần lượt sẽ được phát.

YIT Testimonial Showcase WordPress Plugin

Plugin WordPress này rất lý tưởng để hiển thị và quản lý lời chứng thực của bạn dưới dạng lưới phản hồi hoặc dưới dạng thanh trượt động.

Tải về | Bản demo | Web hosting

2. WooCommerce Phục hồi Giỏ hàng bị bỏ rơi

khách hàng của bạn thường điền vào giỏ của họ và để lại chúng: nhờ WooCommerce Recover Giỏ Abandoned bạn sẽ có thể liên hệ với họ, nhắc nhở họ về những gì họ đã mua và mời họ hoàn thành hành động của họ.

Recover Abandoned Cart for WooCommerce

Đặt khoảng thời gian giữa khi giỏ hàng bị bỏ rơi và khi email nhắc nhở được cá nhân hóa được gửi đến khách hàng của bạn bằng liên kết trực tiếp đến trang mua sắm để họ có thể thấy những gì họ đã ở trên điểm mua.

Tải về | Bản demo | Web hosting

3. Paypal Addon cho Arforms

Plugin này cho phép bạn trong 5 phút để chấp nhận thanh toán PayPal trên trang web của bạn. Đây là một giải pháp rất đơn giản cho người dùng muốn nhanh chóng bán sản phẩm trên internet hoặc nhận đóng góp / đóng góp trên một trang web.

Paypal Addon for Arforms 1

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Paypal Addon hoàn toàn tương thích với plugin ARForms. Cái sau cho phép bạn tạo các biểu mẫu, trước khi định cấu hình chúng với PayPal. Người dùng sẽ được chuyển hướng đến PayPal sau khi nộp mẫu đơn.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Khám phá các tài nguyên được đề xuất khác sẽ đồng hành cùng bạn trong việc tạo và quản lý trang web của bạn.

Kết luận

Voila! Đó là nó cho hướng dẫn này. Chúng tôi hy vọng rằng nó sẽ cho phép bạn dễ dàng tích hợp các biểu mẫu Google trên trang web hoặc blog WordPress của bạn. Stôi thích bạn, đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Nhưng trong lúc này, hãy cho chúng tôi biết về bạn ý kiến và đề xuất trong phần dành riêng.

...

Bài viết này chứa comments 3

  1. Xin chào, cảm ơn vì phương pháp này do bạn đề xuất nhưng theo tôi thì việc sao chép mã tích hợp sẽ dễ dàng hơn (bằng cách nhấp vào nút gửi gần các biểu tượng của mạng xã hội <iframe src = "https://docs.google.com/forms/.............) Mã này phải được chèn vào tab văn bản gần hình ảnh trong khu vực sáng tạo bài viết ví dụ như trên trang web của tôi: http://www.cosmafree.com/blog/fr/quiz-10-questions-fans-de-foot/

      1. có giải pháp này là không thích hợp cho những người không có một blog wordpress nhưng tích hợp trên CMS khác vẫn còn khả thi không? Tôi đã đề xuất giải pháp này bởi vì nó sẽ chăm sóc đặc biệt của wordpress như được chỉ ra trong tiêu đề của bài viết

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
1 cổ phiếu
cổ phiếu1
tweet
Enregistrer