Display Your Website Data Anywhere You Choose

Make all information submitted through a form easily accessible from wherever you like. 

Want to display form data on your website front end?

Our all-in-one solution will let you do just that. Use our ready-made solution to display form data submitted through your BuddyForms form using the BuddyForms Hook Fields extension.

How to Display Form Data in the Front End in WordPress

Displaying form data in your pages and themes was complicated in WordPress. However, plugins like ACF made it possible to conveniently collect post meta data.

Although displaying form data was always difficult and has been in development for some time, it’s much easier to achieve now with the Gutenberg Block editor or other page builders like Elementor or Divi.

This new solution enables us to create page templates and use the post meta dynamically. It comes with all the features to comfortably display data in WordPress using any technique to give you all the freedom you need.

General Display Form Submissions Options
Display options for site parts, like before or after the title, and/or content.

Predefined Table
Embed a data table in your post.

 

Custom Templates

Create Templates and use Shortcodes to define where the value is to be displayed. These templates can be selected in the form builder and will overwrite the single view.

Display Form Data

Gutenberg Themes and Template

Display Form Submissions with any form value as a block in Full Site Editing. Save Gutenberg Block Templates and Template Parts and utilize them anywhere you like!

For Theme Designers
Grab any form element, such as a custom field, or use the BuddyForms Hooks plugin to get the output optimized, relieving you from thinking of specific field types 🙂

Shortcodes
Of course, we do offer Shortcodes to create template parts with dynamic data, as well as global Shortcodes. You don’t use the block editor? No problem! We keep supporting the classic editor and offer every block available as a Shortcode.

For Developers
Using the BuddyForms Hook fields extension, simply add the hook name in the form element and you are ready to go! We offer functions which retrieve the data and select the right output. This can be useful if you need to embed data into your JavaScript code, and use a localized function to get the value.

VIDEO TUTORIALS

Display Form Submissions

Looking to display Form Submissions form elements to different places by using simple options in the form builder? You can display values in several pre-defined places or via hooks. Works with any WordPress hooks!

In a Template

Create Dynamic Templates to display values dynamically. These templates can be used in the Form Builder to overwrite the single view of posts, pages, or any other post type. 

In Gutenberg FSE, Block Editor

Display any form value in the Gutenberg Block Editor, or in FSE Themes. Conveniently use form fields data as dynamic data in your Gutenberg templates.

What are Form Submissions and 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

Our solution comes with the BuddyForms pluginBuddyForms Hook Fields extension, and
step-by-step installation wizard that makes it very easy to get started.

BuddyForms Hook Fields

BuddyForms Hook Fields

BuddyForms

BuddyForms

QUICK & EASY

Z

Solution Bundle
You get a bundle of BuddyForms plugins, BuddyForms Hook Fields extension & step-by-step wizard that will guide you through the installation process.

Z

Guide & Documentation
Our solution comes with a simple wizard that makes it easy to install and update the plugins in the future. Plus, you get access to our detailed documentation!

Z

Support
We are always here to constantly support and guide you. We maintain and update our solutions frequently to make sure they are always up to standard.

Use the Setup Wizard Plugin to Install all dependencies of the Display Form Submissions Solution

Download the Wizard and install it like a regular WordPress plugin. Enter the license key in the Solutions installer and you are good to go!. Just follow the steps in the Wizard and all Dependencies will be automatically downloaded and activated for you.

You can also follow the Manual Steps and use them to help you understand the setup in detail.

SETUP WIZARD

Download our free wizard

Download our
free wizard

MANUAL SETUP

Manual step-by-step guide

Manual step-by-
step guide

Affordable Pricing 

Choose the package that’s right for you.

Personal

$39.99 / year

One Site

Display any type of Data

1 Site License

One year of support

One year of updates

Professional

$69.99 / year

5 Sites

Display any type of Data

5 sites license

One year of support

One year of updates

Agency

$99.99 / year

Unlimited Sites

Display any type of Data

Unlimited Sites License

One year of support

One year of updates

How to Display Form Data in the Front End in WordPress

Our 100% No-Risk Money Back Guarantee!

We’re excited to have you experience our solution. Over the next 14 days, if the solution isn’t the best fit, simply reach out! We’ll happily refund 100% of your money. No questions asked

Relevant Magazine Blog Posts

Benefits of customizing your template with hook fields

Benefits of customizing your template with hook fields