Cách hiển thị bảng HTML WordPress từ các mục nhập Gravity Forms

WP Table Manager có tích hợp tuyệt vời với Gravity Forms cho phép chúng tôi tạo bảng HTML dựa trên các mục nhập, cho phép chúng tôi lọc, thiết kế và hiển thị với đồng bộ hóa tức thì các mục nhập theo cách tốt nhất có thể.

Hiển thị các mục nhập biểu mẫu là một khía cạnh quan trọng mà chúng ta cần trên mọi trang web vì đó là cách tốt nhất để tận dụng những gì biểu mẫu của chúng ta thu thập, và bảng là tốt nhất cho việc này, điều này không chỉ giúp ích cho các quy trình nội bộ mà còn giúp ích rất nhiều khi chúng ta muốn hiển thị các gửi này trên trang hoặc bài viết của mình, ví dụ như khi chúng ta có biểu mẫu liên hệ thu thập dữ liệu từ nhà cung cấp và hiển thị thông tin đó cho khách hàng của mình.

Trong hướng dẫn này, chúng ta sẽ xem cách thêm các mục nhập Gravity Form trực tiếp vào bảng HTML với khả năng thêm chúng vào trang hoặc bài viết như nhau.

Tạo và tùy chỉnh bảng HTML WordPress với các mục nhập biểu mẫu

Điều quan trọng cần lưu ý là chúng tôi cần Gravity Forms và WP Table Manager để theo dõi hướng dẫn này.

Hãy bắt đầu với việc tạo bảng, chúng tôi đã có một số Gravity Forms được tạo sẵn với một số mục nhập cho hướng dẫn này.

Bây giờ với các biểu mẫu của chúng tôi đã sẵn sàng, chúng tôi cần đi đến WP Table Manager > Tất cả các bảng và nhấp vào + Tạo, nếu chúng tôi đã cài đặt Gravity Forms, Bảng Từ Gravity Form sẽ được hiển thị, nhấp vào nó.

Điều này sẽ hiển thị tất cả các biểu mẫu đang hoạt động, chúng ta chỉ cần chọn biểu mẫu sẽ được sử dụng và sau đó chọn các trường mà chúng ta muốn hiển thị, hoặc chỉ hiển thị tất cả các trường, và nhấp vào Xong.

Bảng của chúng tôi sẽ tự động tải với các mục từ biểu mẫu, thêm đường viền chỉ vào tiêu đề để chúng tôi có thể dễ dàng xác định những mục đó.

Bây giờ điều đầu tiên chúng ta có thể thấy là chúng ta có tất cả các tùy chọn tùy chỉnh từ WP Table Manager có sẵn để bắt đầu tạo bộ lọc, điều này hữu ích khi chúng ta có nhiều mục nhập trong một biểu mẫu.

Để tạo bộ lọc, hãy nhấp vào Định dạng > Sắp xếp và Bộ lọc, một cửa sổ bật lên sẽ xuất hiện nơi chúng ta có thể chọn những gì cần lọc và liệu chúng ta có muốn tùy chọn sắp xếp hay không, đây là cách nó sẽ trông như sau khi thiết lập Bật Bộ lọc tùy chọn từ Không sang Bên trong Cột và kích hoạt sắp xếp.

Các bộ lọc và sắp xếp chỉ xuất hiện ở mặt trước của trang web nên chúng ta nên thêm bảng vào trang/bài viết của mình để xem nó, việc thêm bảng của chúng ta cũng dễ dàng như tìm kiếm khối Bảng WP Table Manager và thêm nó vào bài viết/trang của chúng ta.

Bộ lọc tuyệt vời với tùy chọn sắp xếp nhưng chúng tôi vẫn có thể tùy chỉnh bảng của mình, để làm điều này, chúng tôi có thể sử dụng tất cả các tùy chọn từ trình chỉnh sửa bảng trong WP Table Manager, từ căn chỉnh đến đường viền và phông chữ đậm, chúng tôi có tất cả các tùy chọn sau có sẵn.

Đối với hướng dẫn này, tôi sẽ đặt tất cả các phông chữ thành đậm và sẽ sử dụng Theme > Màu thay thế phần sẽ tăng tốc độ tạo bảng của chúng tôi.

Điều tuyệt vời nhất là bảng của chúng tôi sẽ tiếp tục cập nhật ô với tất cả các mục đã gửi, hãy xem biểu mẫu của chúng tôi trên trang mà chúng tôi đã xuất bản trước đó.

Và xong! Các mục nhập của chúng tôi sẽ được hiển thị và các tùy chọn để tùy chỉnh bảng sẽ cho phép chúng tôi làm cho nó phù hợp với bất kỳ themenào!

Từ các mục nhập Gravity Form đến Biểu đồ

Chúng ta có thể nghĩ rằng WP Table Manager chỉ cho phép chúng ta tạo bảng từ các mục nhập và câu trả lời là không! Chúng ta cũng có thể tạo biểu đồ dựa trên thông tin và nó dễ dàng như nhấp vào Biểu đồ > Tạo Biểu đồ từ dữ liệu.

Và phép thuật đã được thực hiện! Dữ liệu bảng của chúng tôi giờ đây đang xuất hiện trong một biểu đồ, và chúng tôi có một bảng điều khiển bên cạnh với nhiều công cụ tùy chỉnh như áp dụng một theme khác hoặc chọn dữ liệu nào nên được sử dụng cho biểu đồ, bây giờ chúng ta có thể, ví dụ, tạo một biểu đồ dựa trên số lượng sản phẩm đã mua bằng cách sử dụng các biểu mẫu của chúng tôi!

Ở phần đầu tiên của bảng điều khiển bên, chúng tôi có thể chọn themevà chọn dữ liệu và màu sắc sẽ được sử dụng.

Và phần thứ hai với Cấu hình sẽ cho phép chúng ta tùy chỉnh thêm biểu đồ của mình và chỉnh sửa các nhãn được sử dụng để xác định từng phần của biểu đồ, nó cũng chứa shortcode mà chúng ta có thể sử dụng để hiển thị biểu đồ của mình ở bất cứ đâu chúng ta muốn.

Trong trường hợp này, chúng tôi đang so sánh 2 sản phẩm nên đã sử dụng biểu đồ tròn với 2 màu khác nhau để có thể dễ dàng thấy sự khác biệt về số lượng bán.

Quá trình xuất bản này sẽ tương tự như việc hiển thị bảng thông thường, chúng ta có thể sử dụng bất kỳ trình tạo trang nào với khối Biểu đồ WP Table Manager (có sẵn trên tất cả các trình tạo trang chính).

Một hộp sẽ được mở ra nơi chúng ta có thể chọn biểu đồ mà chúng ta muốn hiển thị, chúng ta cần chọn nó và xong! Biểu đồ đã được xuất bản.

Bây giờ chúng tôi có một bảng với các mục nhập của chúng tôi và một biểu đồ tuyệt vời giúp chúng tôi hiểu bảng cũng như vậy, chúng tôi có thể nói rằng tích hợp này là một công cụ hoàn toàn hoàn chỉnh! Phải không?

Bắt đầu sử dụng Gravity Forms và WP Table Manager

Như bạn có thể thấy WP Table Manager + Gravity Forms, là một sự kết hợp hoàn hảo để giữ tất cả các mục nhập và dữ liệu của chúng tôi theo thứ tự, chúng tôi có nhiều cách để hiển thị nó và tích hợp dễ dàng như nhấp vào một nút, thật tuyệt vời! Phải không? Bạn đang chờ đợi điều gì? Đi đây và tải WP Table Manager ngay bây giờ.