How to

How to Display Form Data in the Front End in WordPress

Video Tutorials

FAQs

Your Guide to Displaying Form Data

• What are form submissions?

  Form Submissions are any data that has been submitted by a form on your site. If you click ‘send’ on a form on a website, you create some kind of a form submission.

• How do I see my form submissions?

  In BuddyForms, we have two ways to see my submissions.

  In the WordPress Admin Back End,
  Every submission is accessible in one centralized place, where you can see all BuddyForms submissions and filter them by form. Please see the documentation for more information. View Form Submissions.

  If you use a post form, you can also find any submission under the post types. So, if you submit a post form, a new post is created under posts. Same applies for pages and any custom post types. Let’s take books for example. You would find your submitted books in the BuddyForms Submissions overview under the ‘books’ post type. If you click on ‘edit’ in the BuddyForms submission list, you will get redirected to the correct post type admin view.

  In the Front End 

  BuddyForms can display ‘my submissions’ in the front end. You can show submissions in the front end to your logged-in users to find and manage all submissions, as well as embed user submissions lists on pages using Shortcodes.

• How do I show form submissions in WordPress?

  Every submission you’d like to display must be from a post form. Post forms create new posts in WordPress, and can be done with any post type.

  Posts
  If you submit a post form in a post type called ‘post’, all your submissions will be stored in your Blog.

  Pages
  If the selected post type is ‘page’, all submissions will be viewable as WordPress Pages.

  Custom Post Type
  You can create any custom post types like ‘products’, ‘books’, ‘students’ or ‘artists.’ Anything you desire! If you are building a WordPress site, most of the time your submissions will be managed by the theme, and all you have to take care of is content creation.

• How do I display form data?

  Form Submissions are stored as posts in WordPress. The form fields are stored as post_meta data. New user registrations are stored as a user, and the registration fields as user_meta. You can work with the form submissions data just like with any other data in WordPress, and use it in your Gutenberg Templates, Theme or in your PHP.

  Display Post and User Data

  1. Gutenberg Blocks
  If you use Gutenberg, you can use the BuddyForms Gutenberg Block to display any data formatted correctly.

  2. Shortcodes
  You can use Shortcodes to display data in any place. They work with Gutenberg, as well as other page builders like Elementor and Divi.

  3. In Theme Files
  Use PHP in theme template files and display any form submitted data natively, like post and user data. You can use any WordPress function to get the data, along with BuddyForms Functions to get the value formatted in the correct field type.

  4. With WordPress Hooks
  WordPress comes with a fantastic Hook system, and if you create hooks in your theme file or use hooks provided by your theme, you can hook any data to that place. Just add the hook name into the form field settings!

• How do I show form data in HTML?

  Use dynamic data in Gutenberg Blocks, any Page Builder, or in your HTML theme files.

  By using Shortcodes, Blocks or PHP functions provided by BuddyForms, you make sure that the data is displayed in its correct type. A date is displayed as a date, and an image is displayed as an image, or maybe just as a URL, so that you can use it in your HTML.

  You can also get any data by using post meta functions from WordPress. 

• How do I display form data on the same page?

  Use the Hook Fields Extension and create a dynamic template. Use this template in your form to overwrite the single view with the newly created form. Read the documentation on How to create templates to display a single post

   This also works with Gutenberg, Elementor, Divi, or any other Page Builder.

What’s included

It's got it all

BuddyForms Hook Fields – Display Submissions Data

BuddyForms

Setup Wizard

Quick & Easy