Frontend Listing

The Frontend Listing for Everest Forms is a premium addon that empowers administrators to showcase form entries and retain complete control over displayed fields, detail views (popup or page), and editing permissions. Follow the simple steps below to showcase the entries on any page on your website.

Installation #

1. Firstly, you need to purchase the Everest Forms Pro plugin.
2. After the successful purchase, you will get the plugin zip file under your WPEverest account page.
3. Now, you can download the Everest Forms Pro plugin and Frontend Listing add-on from there.
4. Through your WordPress Dashboard, visit Plugins -> Add New -> Upload and then choose the downloaded zip file and then install and activate it.
5. Now, you are ready to use this add-on for your site.

Alternative Method:

1. Once you have entered the Everest Forms Pro license on your site, go to Everest Forms > Add-ons.
2. Search for the ‘Frontend Listing‘ add-on.
3. Click on ‘Install. ‘
4. Once the installation is finished, click on ‘Activate. ‘ The add-on will be activated.

Setup and Configuration #

Once you have finished installing the add-on, you will have to create frontend listing/s as per your requirements. To do this, go to Everest Forms > Frontend Listing > Add New.

Creating a List #

After clicking on the ‘Add New’ button, you will be able to create a new frontend listing.

General Settings #

Configure basic display and access options.

• Choose form to display entries: Choose the form whose entries you want to display.
• Allow Access to Guest: Enable to let non-logged-in users view the list.
• Allow Export from list: Enable to let users download entries as CSV.
• Choose Listing Color: Pick a color scheme to match your website’s design.

Filter Settings #

Control what content is shown and how it’s filtered from here.

• Display Search Form: Enable this option to show or hide the search box for the frontend listing.
• Fields to be displayed in table: Select which form fields (e.g., Name, Email) appear in the entry list.
• Fields to be displayed in detail page: Choose fields to be displayed when users click “View Details.”
• Hide View Details: If you don’t want visitors to see the details, you can leave this option unchecked.
• View Details in popup: If you’re allowing visitors to see the details of your list, you can choose to show the details in the pop-up. The details will be shown on a new page if this option is unchecked.
• Edit Details: Enable Edit Details to let users modify entries directly from the frontend.

Pagination and Results Settings #

From here, you can manage how entries are paginated and displayed

• Display Amount Filter: Check to let visitors choose how many entries they want to view (e.g., 10, 25, 50).
• Default number of entries per page: Set the default number of entries shown (e.g., 10, 20).
• Number of entries per page: You can set how many entries you want to show on a page out of the total entries from here.
• Info Text: Enter your message here to display the number of entries out of the total.
• Access denied text: For restricted access, you can add custom texts to show when access is denied (e.g., “You must log in to view entries”).
• Search box placeholder text: Edit the search bar’s placeholder text (e.g., “Search entries…”)

Adding the List on a Page or Post #

Once all the configuration has been finished, you can copy the shortcode from the ‘Shortcode’ meta box.

Next, add it to the page/post where you want to display the frontend lists.

Click Update or Publish to save the page. Now, the list is ready to be viewed on the frontend of your website. Visit the page/post on your website’s frontend. The list will display entries based on your configuration.

Frontend View:

Frontend List Interactions #

Users can view, export, edit, and manage entries if permissions are enabled.

Export List #

To export the list, users can click on the Export button, which downloads the file in CSV format.

Detail View #

For the detailed view option, uncheck Hide View Details. You can check this option if you don’t want users to see the details.

Next, you can check View Details in the popup to show the details in a popup. It will display all fields selected for display.

Here’s an example of a Popup view for details:

Edit Entries #

To let users edit the details, ensure Edit Details is enabled in your Frontend Listing settings (Filter Settings > Check Edit Details).

On the frontend listing, click the Edit button in the “Edit” column, and users will be redirected to the original form, pre-filled with the entry’s data.

Modify the entry and click Submit.

You’ll return to the frontend list, and changes will reflect immediately.

For security and privacy reasons, we recommend hiding sensitive fields in the frontend listing of the form. Also, restrict editing options for such forms to ensure data protection. Hence, always align the frontend settings based on the use case’s security and workflow needs.