Do you want to show form submission entries in an Elementor table? After collecting data through a form, you may want to display those entries directly on your website. For example, you might want to show a list of event registrations, customer feedback, or volunteer sign-ups in a neat and organized way.
Best Used For:
- Event registration pages that need to display attendee lists publicly after each sign-up
- Membership sites collecting user details via form and showing them in a searchable on-page directory
- Survey pages that want to display community responses in a structured, sortable table
With the Table and Form widgets from The Plus Addons for Elementor, you can display form submissions in a table on any Elementor page.
To check the complete feature overview documentation of The Plus Addons for Elementor Table widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.
To do that, add the Form widget from The Plus Addons for Elementor to the page and follow the steps below.
1. Add the required form fields from the General tab. This defines what data visitors will submit through the form.
2. Go to the Submit Actions tab and select Database Entry from the Add Action dropdown. This saves each form submission to the WordPress database so the Table widget can retrieve the entries.
3. Add a form ID from the Extra Options tab. The form ID tells the Table widget which form’s entries to pull and display.
4. Add the Table widget from The Plus Addons for Elementor to a different page. If you also want to pull data from the WordPress database directly, see How to Show WordPress Database Entries in an Elementor Table?
Note: You have to refresh the page if you want to add the table to the same page.
5. Select Plus Form from the Content Table dropdown.
Note: Make sure you’ve enabled the Form Compatibility toggle from the Table Features popup to see the option.
6. Go to the Form Settings tab and select your form from the Select Form dropdown.
From the Show Columns dropdown, select which columns appear in the table. Use All Columns to show every form field, or choose specific columns to display only the fields relevant to your visitors. This is useful when your form collects many fields but you only want to show certain ones publicly.
When someone submits the form, the entry will appear automatically in the table on the page.
To visualize your collected form entries as a chart, see How to Create an Elementor Chart Using CSV Data?
