2 cách hiển thị form entries trên website WordPress

4 tháng ago, Hướng dẫn WordPress, Views
2 cách hiển thị form entries trên website WordPress

Giới thiệu về hiển thị form entries trên website WordPress

WordPress là một nền tảng quản lý nội dung (CMS) phổ biến, được sử dụng rộng rãi để xây dựng các trang web đa dạng, từ blog cá nhân đến trang web doanh nghiệp. Một trong những tính năng quan trọng của WordPress là khả năng tạo form (biểu mẫu) để thu thập thông tin từ người dùng. Sau khi người dùng điền vào form và gửi đi, các thông tin này (form entries) cần được hiển thị trên website để quản lý và sử dụng. Bài viết này sẽ giới thiệu hai cách phổ biến để hiển thị form entries trên website WordPress của bạn.

Cách 1: Sử dụng Plugin chuyên dụng

Cách đơn giản và hiệu quả nhất để hiển thị form entries trên WordPress là sử dụng các plugin chuyên dụng. Có rất nhiều plugin miễn phí và trả phí trên thị trường, cung cấp các tính năng khác nhau để quản lý và hiển thị dữ liệu form. Dưới đây là một số plugin phổ biến:

  • Formidable Forms
  • Gravity Forms
  • WPForms

Ưu điểm của việc sử dụng Plugin

Sử dụng plugin mang lại nhiều lợi ích:

  • Dễ dàng cài đặt và sử dụng: Hầu hết các plugin đều có giao diện trực quan, dễ hiểu và hướng dẫn chi tiết.
  • Tiết kiệm thời gian và công sức: Bạn không cần phải viết code phức tạp để hiển thị dữ liệu form.
  • Nhiều tính năng tùy chỉnh: Các plugin thường cung cấp nhiều tùy chọn để bạn tùy chỉnh giao diện, cách sắp xếp dữ liệu, và các tính năng bổ sung khác.

Ví dụ với Formidable Forms

Formidable Forms là một plugin mạnh mẽ, cho phép bạn tạo form và quản lý entries một cách dễ dàng. Dưới đây là các bước cơ bản để hiển thị form entries bằng Formidable Forms:

  1. Cài đặt và kích hoạt plugin Formidable Forms.
  2. Tạo form mới hoặc sử dụng form đã có.
  3. Trong trang quản lý form, chọn tab “Entries”.
  4. Bạn sẽ thấy danh sách tất cả các entries đã được gửi thông qua form.
  5. Để hiển thị entries trên trang web, bạn có thể sử dụng shortcode được cung cấp bởi Formidable Forms. Ví dụ: [formidable id=X], trong đó X là ID của form.

Ví dụ với Gravity Forms

Gravity Forms cũng là một lựa chọn tuyệt vời để quản lý form entries. Các bước hiển thị entries tương tự như Formidable Forms:

  1. Cài đặt và kích hoạt plugin Gravity Forms.
  2. Tạo form mới hoặc sử dụng form đã có.
  3. Trong trang quản lý form, chọn “Entries”.
  4. Bạn sẽ thấy danh sách tất cả các entries đã được gửi.
  5. Để hiển thị entries trên một trang, bạn có thể sử dụng Gravity Views hoặc các add-on khác.

Cách 2: Viết code tùy chỉnh

Nếu bạn có kiến thức về lập trình WordPress, bạn có thể viết code tùy chỉnh để hiển thị form entries. Cách này cho phép bạn kiểm soát hoàn toàn giao diện và chức năng, nhưng đòi hỏi kỹ năng lập trình và thời gian nhiều hơn.

Lấy dữ liệu từ Database

Form entries thường được lưu trữ trong database của WordPress. Bạn cần sử dụng các hàm của WordPress để truy vấn database và lấy dữ liệu cần thiết. Ví dụ, nếu bạn sử dụng Contact Form 7, dữ liệu có thể được lưu trữ trong bảng wp_cf7db (tên bảng có thể khác tùy thuộc vào plugin bạn sử dụng).

Dưới đây là một ví dụ về cách lấy dữ liệu từ database bằng PHP và hiển thị nó:


<?php
global $wpdb;
$table_name = $wpdb->prefix . 'cf7db'; // Thay đổi thành tên bảng của bạn

$results = $wpdb->get_results( "SELECT * FROM $table_name" );

if ( $results ) {
  echo '<table>';
  echo '<thead><tr><th>Field 1</th><th>Field 2</th><th>Submission Date</th></tr></thead>';
  echo '<tbody>';
  foreach ( $results as $result ) {
    echo '<tr>';
    echo '<td>' . $result->field_1 . '</td>'; // Thay đổi thành tên cột của bạn
    echo '<td>' . $result->field_2 . '</td>'; // Thay đổi thành tên cột của bạn
    echo '<td>' . $result->submit_time . '</td>'; // Thay đổi thành tên cột của bạn
    echo '</tr>';
  }
  echo '</tbody>';
  echo '</table>';
} else {
  echo 'Không có entries nào.';
}
?>

Lưu ý:

  • Thay đổi $wpdb->prefix . 'cf7db' thành tên bảng thực tế của bạn.
  • Thay đổi $result->field_1, $result->field_2, và $result->submit_time thành tên cột trong bảng của bạn.
  • Đặt code này vào một template file (ví dụ: page.php hoặc single.php) hoặc tạo một shortcode để dễ dàng chèn vào trang hoặc bài viết.

Sử dụng WordPress API

Thay vì truy vấn database trực tiếp, bạn nên sử dụng WordPress API để lấy dữ liệu. Điều này giúp bảo đảm tính tương thích và bảo mật của code của bạn. Ví dụ, nếu bạn sử dụng plugin Contact Form 7, bạn có thể sử dụng các hook và filters của plugin để truy cập và hiển thị dữ liệu.

Ưu điểm của việc viết code tùy chỉnh

  • Kiểm soát hoàn toàn giao diện và chức năng.
  • Tối ưu hóa hiệu suất.
  • Khả năng tích hợp sâu với các tính năng khác của website.

Nhược điểm của việc viết code tùy chỉnh

  • Đòi hỏi kỹ năng lập trình.
  • Tốn nhiều thời gian và công sức.
  • Khó bảo trì và cập nhật.

So sánh hai cách tiếp cận

Việc lựa chọn giữa sử dụng plugin và viết code tùy chỉnh phụ thuộc vào nhiều yếu tố, bao gồm:

  • Kỹ năng lập trình của bạn.
  • Thời gian và ngân sách.
  • Yêu cầu về tùy chỉnh.

Nếu bạn không có nhiều kinh nghiệm lập trình và muốn một giải pháp nhanh chóng và dễ dàng, thì sử dụng plugin là lựa chọn tốt nhất. Tuy nhiên, nếu bạn muốn kiểm soát hoàn toàn giao diện và chức năng, và bạn có đủ kỹ năng và thời gian, thì viết code tùy chỉnh có thể là lựa chọn phù hợp hơn.

Kết luận

Việc hiển thị form entries trên website WordPress là một bước quan trọng trong việc quản lý và sử dụng dữ liệu thu thập được từ người dùng. Có hai cách phổ biến để thực hiện việc này: sử dụng plugin chuyên dụng và viết code tùy chỉnh. Mỗi cách đều có ưu và nhược điểm riêng. Hy vọng bài viết này đã cung cấp cho bạn những thông tin hữu ích để lựa chọn phương pháp phù hợp nhất với nhu cầu của bạn.

Related Topics by Tag
, , , ,

..