Grouped Collapsible Pages

This is a Pro feature.
Don’t have the Pro version yet? Purchase it Here

What is it?

Since v2.1 it is possible to groups fields in the summary by their Page/Step in the form. Only selected fields will be grouped.

How to use this?

1. Group selected fields by their page/step

This setting is available for multi-step forms. You can enable it in the General Settings. When enabled, the selected fields will be grouped based on their page or step in the form.
Note: If you don’t select any fields for a specific page, that page will not appear in the summary.

1.1. Page titles and auto numbering

The steps in the summary will use the page names you have defined under the default Gravity Forms Pagination settings. If you have not defined any page names then the title will default to “Step X” where X is the page number. Example: “Step 1”

It is possible to change the wording of “Step”. This can be useful if you want to translate it to your own language without using an additional translation plugin. For that, use the following code and copy it to your functions.php of your child theme or to your snippet plugin

add_filter('gotrls_default_labels', function( $labels ) {
	$labels['collapsible_step'] = 'Stap'; // Change 'Stap' to what you want it to be. Keep the quotes.
	return $labels;
}, 10, 2);

2. Make pages collapsible

This option becomes available once Group by Page Toggle is enabled. When activated, each page in the summary will be displayed as a collapsible section. If you also enable this for the side summary, the current active page will automatically be expanded as the user is navigating through the form.

3. Show edit buttons

This setting is also available when Group by Page is enabled. It adds an “Edit” link next to each page title in the summary. When users click the link, they’ll be taken directly back to that step in the form.

3.1. Show icon instead of text

If you prefer to use an icon instead of text for the edit link, you can paste the SVG code of the icon into the provided text box. Below is an example using a free icon from the FontAwesome set which you can copy:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160L0 416c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-96c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 64z"/></svg>

4. Collapsible options

The live summary field comes with some additional settings to control the open and close behavior of the sections. You can choose to open or close all sections. Open the first section or open the active page (if there are any selected fields on that page)

These settings do not apply to the side summary. Instead this will always open the active page automatically.

Developer hooks

gotrls_summary_page_edit_text

gotrls_summary_page_edit_text_title

gotrls_show_current_empty_page

gotrls_one_section_at_a_time

gotrls_summary_page_nothing_selected_text

Scroll to Top