How to Display Elementor Form Submissions on the Frontend Using Form Vibes

You built a registration form in Elementor for your WordPress meetup, and sign-ups are coming in. Now attendees are asking the obvious question: who else is going? Every answer is already on your site, sitting in the WordPress admin where only you can see it.

Form Vibes Pro lets you display Elementor form submissions on the frontend of your site as a searchable table or a simple counter. You choose which fields appear, rename the columns, and place the result on any page with the Form Vibes FV – Data Table widget or a shortcode.

In this guide, you’ll build a “Meet the Attendees” page from a real event registration form. Each attendee’s name, role, and company appear in a clean table and extra details open when a visitor expands a row.

Why can’t Elementor show form submissions on the frontend by default

Elementor Pro stores form submissions inside the WordPress admin, not on your website. Every entry lands under Elementor > Submissions, a screen built for site administrators to review and export data. Elementor has no built-in option to place that list on a page.

Sharing the data means exporting a CSV and copying details onto a page by hand. That copy goes out of date the moment a new person registers, so you end up repeating the job every time.

The submissions already exist. What’s missing is a live way to show them to the people who need them. If you’re not sure where your entries are stored in the first place, this guide on where WordPress form submissions go explains it for every major form plugin. Elementor’s own form submissions documentation covers the native admin screen.

What can you build with Elementor form data on a page?

Displaying Elementor form submissions on a page works anywhere people benefit from seeing collected entries without logging in to WordPress. This tutorial builds an attendee directory for a WordPress meetup, which shows the whole process from form to finished page.

The registration form collects Full Name, Email Address, Role, Company or College, City, WordPress Experience, and a Short Introduction. The “Meet the Attendees” page shows Name, Role, and Company in the main table. City, Experience, and Bio appear when a visitor expands a row. Email Address is collected but never displayed.

The same setup works for other everyday needs:

• A client page showing enquiries from their contact form, without a WordPress login
• A registration counter on an event or webinar page
• A public speaker, volunteer, or exhibitor list
• An internal page where your team tracks incoming requests

What do you need before you start?

You need Elementor Pro, Form Vibes with Form Vibes Pro, and at least one submission on your form before you begin.

How do you display Elementor form submissions with Form Vibes?

Form Vibes Pro shows Elementor form submissions on your website using a Data Profile. A Data Profile decides which submissions appear on the page and which details visitors can see.

The process has two parts. First, you create a Data Profile in the Form Vibes dashboard. Then you add it to a page with the FV – Data Table widget or a shortcode. Once the page is live, new submissions appear on it automatically.

How do you create a Data Profile?

Go to Form Vibes > Data Profile and click Add Post. Give the Data Profile a name you’ll recognise, and set the Display Type to Table. The rest of the settings are split into four tabs.

Data Source

Start by telling Form Vibes where the data comes from. Pick your meetup registration form from the Form dropdown, then set the Date Range to cover the whole registration period. If the range starts too late, your earliest sign-ups won’t appear.

Next, clean up the list. Under Data Filter, use Select Status to exclude entries marked as Spam, so fake registrations never reach a public page. If you only want certain people on the list, click Add New Condition. For example, you could show only attendees whose Role contains “Developer.” Finally, turn on Search if you want visitors to be able to look someone up.

Fields

The Fields tab is where you decide what visitors actually see. Every field from your form is listed here, along with a few details Form Vibes records on its own, like IP address and user agent.

The eye icon under Column Visibility shows or hides each field. For the attendee page, show Name, Role, and Company, and keep Email, IP, and User Agent hidden. Next to each field is a Column Label box, where you can rename it. A field name like message looks odd on a public page, so rename it to “Bio.”

Some details are useful but would crowd the table. Turn on Show data on row expand and select City, Experience, and Bio. They stay tucked away until a visitor clicks the plus icon on a row.

Table Settings

The Table Settings tab shapes how the table looks as your list grows. Default Rows sets how many attendees appear at first, and Pagination splits a long list into pages so visitors don’t have to scroll endlessly.

Limit caps the total number of rows the table can show. Leave it off for the attendee page so every registration appears, and turn it on only when you want to display a fixed number of entries. If you’d like each row numbered, turn on Show Serial Number column.

Search

Once Search is on, the Search tab decides how it works. In Search Columns, pick the fields visitors can search. Stick to public ones like Name, Role, and Company, and leave Email out, even though it’s already hidden in the table.

Search Operator controls how results match. Contain is the most forgiving option, because typing “Ava” finds “Ava Thompson.” Turn on Display filter on frontend so the search box shows on the page, then use Alignment to place it on the left, center, or right.

When everything looks right, click Publish. Form Vibes saves the Data Profile and creates a shortcode for the next step.

How do you display Elementor form submissions with the FV – Data Table widget?

The Form Vibes FV – Data Table widget places your Data Profile on any Elementor page. Open the page in Elementor, drag the FV – Data Table widget into your layout, and select your Data Profile. The fields, labels, and expand row settings come straight from that profile.

How do you add the FV – Data Table widget to your page?

• Open the page where the table should appear and click Edit with Elementor.
• Search for FV – Data Table in the Elementor widget panel.
• Drag the widget into your section or container.
• Select the Data Profile you created for the registration form.
• Click Publish or Update.

The table updates on its own. Each new registration appears on the page without anyone touching it again.

How do you style the table to match your page?

The FV – Data Table widget’s Style tab controls how the table looks, and each part of the table has its own styling options. Start with the header, where you set the background and text colors.

Next, style the content rows so the attendee details are easy to read. The expand row can be styled separately, which helps the extra details like City, Experience, and Bio stand apart from the main row when a visitor opens them. Turn on Preview Expand Section to keep the expanded row open in the editor, so you can see your changes as you make them. Finally, style the pagination so the page buttons match the rest of your design.

How do you add the table with a Form Vibes shortcode instead?

A Form Vibes shortcode displays the same Data Profile anywhere on your site, with or without Elementor. After you publish a Data Profile, Form Vibes generates a shortcode for it. Copy the shortcode and paste it into a Shortcode widget in Elementor or a Shortcode block in the WordPress block editor.

Use the shortcode when a page isn’t built with Elementor, or when you want the same table on several pages. The shortcode and the FV – Data Table widget read the same Data Profile, so the fields and labels match wherever the table appears.

How do you keep displayed form submissions private?

Display only the fields people expect to be public, and tell them before they submit. A frontend table is visible to anyone who can open the page, so privacy decisions should come before you publish.

• Keep contact and technical details out of the display. Hide email addresses, phone numbers, IP addresses, and user agent data using Column Visibility in the Data Profile. Also remove those fields from Search Columns, so a hidden field can’t be searched on the frontend.

• Tell people at the point of submission. If names and companies will appear on a public list, say so near the submit button, or add a consent checkbox to the form. A note that promises data will only be used for event communication doesn’t fit a public attendee list.

• Exclude Spam entries with the Status filter so junk submissions never go live.

• Restrict internal pages. For a team or client dashboard, use WordPress page visibility settings. Private pages are visible only to Editors and Administrators, so Password Protected is the practical choice for sharing with clients who don’t have those roles.

• Share privately with Google Sheets instead. If submissions are only meant for your team or a client, they don’t need to be on your website at all. Form Vibes Pro can sync Elementor form submissions to a Google Sheet, and only the people you share the sheet with can see it. Follow our guide on connecting Elementor forms to Google Sheets.

Frequently Asked Questions

Ready to put your Elementor form data on a page?

You created a Data Profile, chose and renamed the fields, and placed a live table on the frontend with the FV – Data Table widget or a shortcode. With a privacy check in place, your attendee list stays useful to visitors and safe for the people on it.

The same setup works for your next event, waitlist, or client form. Try Form Vibes Pro and turn submissions you’re already collecting into pages people can actually use. Using more than one form plugin? See how to display form submissions from any form plugin.