Bạn muốn tạo một biểu mẫu nhiều bước hay bạn muốn tạo một biểu mẫu nhiều trang trong WordPress? Đây Hướng dẫn WordPress giải thích mọi thứ cho bạn ?

Nếu bạn muốn tạo các biểu mẫu hoạt động tốt trên trang web của mình, thì các biểu mẫu nhiều trang là cách để thực hiện. Trải rộng trên một số trang, chúng chống lại sự mệt mỏi và tăng mức độ tương tác của người dùng.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo một biểu mẫu nhiều trang trong WordPress để bạn có thể nhận được nhiều chuyển đổi hơn.

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. 

Nhưng, tại sao lại sử dụng các biểu mẫu nhiều trang trong WordPress?

Tại sao phải thêm một biểu mẫu nhiều trang trong WordPress?

Như chúng tôi đã đề cập ở trên, biểu mẫu nhiều trang được chia thành nhiều trang. Thêm nhiều bước vào biểu mẫu có vẻ hơi phản trực quan, nhưng nó thực sự có thể làm tăng tỷ lệ chuyển đổi biểu mẫu.

Các biểu mẫu nhiều trang giúp giảm bớt khó khăn cho người dùng, những người phải đưa ra quá nhiều lựa chọn cùng một lúc. Các tùy chọn đơn giản làm cho mỗi bước của biểu mẫu bớt áp đảo hơn và các thanh tiến trình khuyến khích người dùng tiếp tục và hoàn thành biểu mẫu.

Vì bạn đã thiết kế biểu mẫu của mình để cải thiện tỷ lệ hoàn thành, bạn sẽ ít gặp phải tình trạng bỏ qua biểu mẫu hơn. Và với việc sử dụng logic có điều kiện, bạn có thể cung cấp các trang khác nhau cho người dùng dựa trên phản hồi của họ, điều này sẽ giúp thu thập thông tin bạn cần dễ dàng hơn.

Bây giờ bạn đã biết lý do tại sao sử dụng biểu mẫu nhiều trang là lý tưởng cho Kinh nghiệm người dùng, Hãy chuyển sang tạo một biểu mẫu trong WordPress.

Cách tạo một biểu mẫu nhiều trang trong WordPress

Trong hướng dẫn này, chúng tôi sẽ sử dụng WPForms để tạo biểu mẫu nhiều trang trong WordPress. WPForms là plugin trình tạo biểu mẫu WordPress kéo và thả tốt nhất. Và với hơn 3 triệu lượt cài đặt đang hoạt động, đây là công cụ thân thiện với người mới bắt đầu nhất hiện có.

Hơn hết, nó có cả phiên bản miễn phí và trả phí, nhưng hôm nay chúng ta sẽ sử dụng phiên bản Pro của WPForms để tạo một biểu mẫu nhiều trang trong WordPress.

Cũng đọc hướng dẫn của chúng tôi về Cách tùy chỉnh các biểu mẫu WPForms với Elementor

Vì vậy, hãy bắt đầu với bước đầu tiên, đó là tạo một biểu mẫu mới.

Bước 1: Tạo một biểu mẫu mới trong WordPress

Điều đầu tiên cần làm là cài đặt và kích hoạt Plugin WPForms. Nếu bạn không biết làm thế nào, bạn có thể làm theo hướng dẫn từng bước này để cài đặt các plugin WordPress cho người mới bắt đầu.

Với WPForms, bạn có thể chia bất kỳ loại biểu mẫu nào thành nhiều phần, vì vậy hãy tiếp tục và tạo một Mẫu liên hệ đơn giản.

Đi tới menu WPForms -> Thêm để tạo một biểu mẫu mới và hiển thị các mẫu có sẵn.

Sau đó, trên trang này, đặt tên cho biểu mẫu của bạn, nhập Nhieu trang Đăng ký thông tin trong trường tìm kiếm nằm ở thanh bên trái. sau đó di chuột qua kết quả tìm kiếm của bạn và nhấp vào nút Sử dụng mẫu.

WPForms sẽ mở mẫu biểu mẫu trong trình tạo biểu mẫu kéo và thả để bạn chỉnh sửa.

Như bạn có thể thấy biểu mẫu trống, vì vậy chúng tôi sẽ bắt đầu kéo các trường vào đó. Chúng tôi sẽ loại bỏ các trường sau: 

  • tên
  • E-mail
  • Bình luận hoặc tin nhắn

Bạn có thể thêm các trường vào biểu mẫu bằng cách kéo chúng từ cột bên trái sang cột bên phải. Chỉ cần nhấp vào bất kỳ trường biểu mẫu nào để chỉnh sửa nội dung và kéo nó để sắp xếp lại vị trí của nó.

Nếu bạn muốn thêm nhiều hơn một Mẫu liên hệ vào trang web WordPress của mình, bạn cũng có thể tạo các loại biểu mẫu sau bằng WPForms:

  • Mẫu yêu cầu
  • Đơn đặt hàng trực tuyến
  • loại biểu mẫu kiểu mẫu
  • Tệp tải lên biểu mẫu

Hầu hết các loại biểu mẫu này dài hơn biểu mẫu liên hệ tiêu chuẩn, vì vậy việc chia nhỏ chúng thành nhiều bước có thể cải thiện chuyển đổi.

Bây giờ bạn đã biết cách bắt đầu, hãy học cách chia biểu mẫu của chúng ta thành các phần.

Bước 2: Chia biểu mẫu của bạn thành các phần

Khi bạn đã tùy chỉnh biểu mẫu của mình và thêm các trường bạn cần, hãy thêm trường Ngắt trang để chia biểu mẫu của bạn thành các trang khác nhau.

Để làm như vậy, hãy xem dưới tiêu đề Trường tinh vi và kéo trường biểu mẫu Ngắt trang trong bảng điều khiển bên phải.

Thả trường trên biểu mẫu của bạn ở nơi bạn muốn tách trường.

Lặp lại điều này cho mỗi phần mà bạn muốn tách biểu mẫu của mình thành một trang khác. Từ đó, tiếp tục tùy chỉnh biểu mẫu của bạn bằng cách thêm các trường bạn cần điền vào biểu mẫu đó.

Mặc dù WPForms cho phép bạn thêm bao nhiêu biểu mẫu tùy thích, nhưng điều quan trọng là tránh làm người dùng choáng ngợp với quá nhiều thông tin. Điều này có thể khiến họ từ bỏ phong độ của bạn, điều này ngược lại với những gì bạn muốn đạt được.

Bước 3: Tùy chỉnh thanh tiến trình của biểu mẫu của bạn

Để tăng quy trình của biểu mẫu, bạn có thể thêm thanh tiến trình. Thanh tiến trình hiển thị cho mọi người các phần khác nhau trong biểu mẫu của bạn và là một chỉ báo trực quan tuyệt vời về lượng công việc còn phải hoàn thành.

WPForms đi kèm với 3 thanh chỉ báo tiến trình khác nhau cho các biểu mẫu nhiều trang như sau:

  1. Kết nối - Kết nối các thanh và tiêu đề trang cho mỗi bước của biểu mẫu của bạn.
  2. Vòng kết nối - Các vòng tròn được đánh số và tiêu đề trang cho mỗi bước của biểu mẫu.
  3. Thanh tiến trình - Chỉ báo tiến độ của người dùng khi họ hoàn thành các bước biểu mẫu.

Để thay đổi thanh tiến trình và tiêu đề trang của trang đầu tiên trong biểu mẫu nhiều trang của bạn, hãy nhấp vào trường Ngắt trang đầu tiên.

Sau đó, bạn sẽ thấy một bảng điều khiển mới, nơi bạn có thể chọn loại tiến trình cho biểu mẫu của mình. Trong khu vực này, bạn cũng có thể thay đổi màu được sử dụng để làm nổi bật chỉ báo tiến trình nếu muốn.

Nếu bạn chọn các tùy chọn vòng tròn ou kết nối, bạn cũng có thể chỉnh sửa tiêu đề trang. Điều này giúp người dùng biết họ đang ở phần nào của biểu mẫu, vì vậy họ không bị lạc. Nhưng nếu bạn không muốn, một thanh tiến trình tiêu chuẩn sẽ được hiển thị cho người dùng để hướng dẫn họ điền vào biểu mẫu của bạn.

Sau đó, bạn có thể chỉnh sửa nút Trang suivante và văn bản, đưa người dùng đến trang tiếp theo trong biểu mẫu của bạn.

Để làm như vậy, hãy nhấp vào nút tiếp theo  của trang của bạn, Bạn có thể sửa đổi nhãn của nút ở cột bên trái.

tạo một biểu mẫu nhiều trang

Ngoài ra, bạn có thể thêm một nút trước bằng cách kích hoạt chuyển đổi Xem trước. Bằng cách này, người dùng sẽ có thể quay lại nếu họ quên thêm thông tin.

tạo một biểu mẫu nhiều trang

Khi bạn hoàn tất việc tùy chỉnh thanh tiến trình của mình, hãy nhấp vào Enregistrer và chuyển sang bước tiếp theo.

Bước 4: Chỉnh sửa cài đặt biểu mẫu của bạn

Bây giờ hãy chuyển sang thay đổi cài đặt biểu mẫu của bạn. Để làm như vậy, hãy truy cập Cài đặt -> Chung.

Trong phần này, bạn có thể đặt các tùy chọn sau:

  • Tên biểu mẫu - Đặt tên mới cho biểu mẫu của bạn nếu bạn muốn.
  • Mô tả của biểu mẫu - Thêm mô tả vào biểu mẫu của bạn để tham khảo.
  • Gửi văn bản nút - Chỉnh sửa văn bản nút gửi của bạn.
  • Bật tính năng bảo vệ chống thư rác  - Kích hoạt tùy chọn chống thư rác để ngăn những người gửi thư rác gửi các bài gửi không mong muốn.

Khi cài đặt của bạn được định cấu hình, hãy nhấp vào Enregistrer.

Bước 5: Đặt thông báo biểu mẫu của bạn

Cài đặt thông báo trong WPForms, gửi email khi biểu mẫu được gửi trên trang web WordPress của bạn.

Bạn có thể tìm cài đặt thông báo bằng cách nhấp vào Cài đặt -> Thông báo.

Nếu bạn không tắt thông báo biểu mẫu, bạn sẽ nhận được email cho mọi biểu mẫu được gửi trên trang web của mình.

Mặt khác, bạn có thể sử dụng thẻ thông minh để gửi email đến những người điền vào biểu mẫu của bạn. Thẻ thông minh là một cách tuyệt vời để cho họ biết rằng biểu mẫu của họ đã được điền chính xác và bạn đã nhận được.

Sẽ tốt hơn nếu sử dụng tính năng này trên các biểu mẫu dài với nhiều bước, vì chúng có thể mất nhiều thời gian hơn để điền. Ngoài ra, nó giúp người dùng không phải đi lang thang nếu mọi thứ diễn ra tốt đẹp. Để được trợ giúp thêm, bạn có thể xem tài liệu về cách thiết lập thông báo biểu mẫu ici.

Khi bạn thiết lập xong thông báo, hãy chuyển sang thiết lập thông báo xác nhận biểu mẫu của bạn.

Bước 6: Đặt thông báo xác nhận biểu mẫu của bạn

Thông báo xác nhận biểu mẫu là thông báo ngắn được hiển thị cho người dùng khi họ đã gửi biểu mẫu trên trang web của bạn. Đó là một cách tuyệt vời để cho mọi người biết rằng biểu mẫu của họ đang được xử lý và những bước cần thực hiện.

Có 3 loại thông báo xác nhận trong WPForms là:

  1. Tin nhắn - Tin nhắn đơn giản thông báo cho người dùng rằng biểu mẫu của họ đã được gửi.
  2. Hiển thị trang - Đưa người dùng đến một trang khác, chẳng hạn như trang cảm ơn sau khi gửi biểu mẫu của họ.
  3. Đi tới URL (chuyển hướng) - Đưa khách truy cập trang web đến một trang web khác sau khi gửi biểu mẫu.

Để định cấu hình thông báo xác nhận của bạn, hãy nhấp vào Cài đặt -> Xác nhận.

Sau đó, chọn loại thông báo bạn muốn hiển thị cho khách truy cập sau khi hoàn thành biểu mẫu của mình. Đối với hướng dẫn này, chúng tôi sẽ chọn Tin nhắn.

Bây giờ tùy chỉnh văn bản của tin nhắn theo nhu cầu của bạn và nhấp vào Enregistrer khi bạn hài lòng.

Bây giờ bạn đã sẵn sàng để thêm biểu mẫu của mình vào WordPress.

Bước 7: Thêm biểu mẫu của bạn vào WordPress

Khi bạn đã tạo biểu mẫu nhiều trang của mình, đã đến lúc thêm nó vào trang web WordPress của bạn. Với WPForms, bạn có thể thêm biểu mẫu của mình vào nhiều khu vực trên trang web của bạn. Đây có thể là các trang, bài đăng, thanh bên và bất kỳ khu vực nào khác sẵn sàng cho tiện ích con.

Hãy xem cách thêm biểu mẫu nhiều trang của bạn vào một trang WordPress.

Để bắt đầu, hãy điều hướng đến khu vực quản trị viên WordPress của bạn và nhấp vào Trang -> Thêm.

Sau đó nhấp vào biểu tượng dấu cộng trong trình chỉnh sửa WordPress để thêm khối nội dung mới. Trong hộp tìm kiếm, gõ WPForms để dễ dàng tìm thấy nó.

tạo một biểu mẫu nhiều bước

Bây giờ hãy nhấp vào khối WPForms để thêm nó vào trang của bạn.

Khi WPForms xuất hiện bên trong khối của bạn, hãy nhấp vào mũi tên thả xuống để chọn biểu mẫu nhiều trang của bạn từ danh sách và chèn nó vào trang của bạn.

Ngay sau khi biểu mẫu nhiều trang được chọn, nó sẽ xuất hiện trên trang của bạn.

tạo một biểu mẫu nhiều bước

Và đó là tất cả ! Bạn đã học cách tạo một biểu mẫu nhiều trang.

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

Kết luận

Ở đó ! Đó là nó cho hướng dẫn này. 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 nhiều bước hoặc nhiều trang.

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.

Tuy nhiên, trong thời gian chờ đợi, đừng quên để lại cho chúng tôi ý kiến và đề xuất trong phần dành riêng.

...