Using Display Form Entries with Elementor, Gutenberg, and Shortcodes

This guide explains how to display form entries using the Display Form Entries plugin across different WordPress editors, including Gutenberg (Block Editor), Elementor, and classic text or widget areas using shortcodes.

Whether you are building pages visually or working inside widgets or layouts, you have flexible options to display entries exactly where you need them.

Option 1: Using the Block Editor (Gutenberg)

This is the recommended and easiest method when working inside the WordPress Block Editor.

How to add the block

1. Open the page or post in the WordPress Block Editor.
2. Click the ( + ) Add Block button.
3. Search for Display Form Entries.
4. Select the block to add it to your page.

Block settings and controls

Once the block is selected, you can configure everything from the right-hand sidebar:

• Choose the Form you want to display entries from
• Select a Template View (Table, List, or Cards)
• Pick which Fields should be visible
• Adjust layout-related options provided by the block

Live preview

The block includes a live preview, so you can see how your entries will appear on the front end directly inside the editor. This makes it easy to fine-tune the layout without guessing how the output will look.

Option 2: Using Elementor Page Builder

If you are using Elementor, the Display Form Entries block itself will not appear as a native Elementor widget. However, you can still display entries using shortcodes, which work fully inside Elementor.

How to use Display Form Entries in Elementor

1. Open your page in Elementor.
2. Drag a Shortcode widget onto the page.
3. Paste one of the supported shortcodes (see examples below) into the shortcode field.
4. Save and preview the page.

Elementor will render the shortcode output on the front end exactly as expected.

Option 3: Manual Shortcode Usage (Classic Editor, Widgets, or Builders)

Shortcodes are ideal when blocks are not supported or when working inside:

• Elementor
• Classic Editor
• Text widgets
• Theme builders
• Custom layouts

Available shortcodes

Display multiple form entries

Displays all entries for a specific form:

[dfe_entries form_id="XX"]

Replace XX with your actual form ID.

Display a single specific entry

Displays one entry using its entry ID:

[dfe_entry entry_id="XX"]

Replace XX with the entry ID you want to show.

Display a specific field value

Displays a single field value from a specific entry:

[dfe_field field_id="XX" entry_id="YY"]

Replace:

• XX with the field ID
• YY with the entry ID

Which option should I use?

• Gutenberg users: Use the Display Form Entries block for the best visual editing experience and live preview.
• Elementor users: Use the Shortcode widget with the supported shortcodes.
• Widgets or Classic Editor: Use shortcodes directly in text areas.

All methods use the same underlying functionality, so the output and behavior remain consistent across editors.

Need help?

If you’re unsure which form ID, entry ID, or field ID to use, or if something isn’t displaying as expected, please contact our support team and include:

• The editor you’re using (Gutenberg, Elementor, Classic)
• The shortcode or block configuration you’re trying
• Screenshots, if possible

We’ll be happy to help you get everything set up correctly.