Updated 16 September 2026

The General tab is about where and when the summary shows. It has the panels Side summary, Pages (only for forms with several steps) and Extra.

Side summary

• Turn on summary
  Toggle this on to display a side summary next to your form. The other settings in this panel appear once the summary is turned on.
• Side of the summary
  Change the side of the form where you want to see the summary. This can be either Left or Right.
• Width of the summary box
  How wide the summary is next to the form, from 15% to 40% of the available space. The form takes the rest.
• Sticky summary
  Toggle this on to make the side summary sticky on scroll. This setting does not apply to mobile devices. Read more here: Sticky on scroll
• Summary on mobile
  On small screens there is no room next to the form. Choose “Bar at the bottom of the screen” to show a small bar with the total (or the number of answered fields) that opens the summary when tapped; the Bar text settings below it decide what the bar says. Choose “Above the submit button” to show the whole summary inside the form, above the submit button, like before v2.2. New forms use the bar. Read more here: Summary on mobile

Pages

This panel only shows when your form has page breaks.

• Display side summary on all form steps excluding
  Pick the pages on which the side summary should be hidden. Leave it empty to show the summary on every page.
• Group selected fields by their page/step
  Turn this on to group the fields in the summary under the title of their page. You can then make the groups collapsible and show an edit link that takes the user back to that page. Read more about this feature on the following page: Grouped Collapsible Pages

Extra

• Enable fontawesome 6 Free
  Turn this setting on to load the free fontawesome 6 library. This enables you to use fontawesome icons before each line in the summary. Turning this setting on is only necessary if your theme does not already load fontawesome. If you don’t know whether your theme loads fontawesome already, leave this setting turned off and see if the icons appear. If not then come back and turn this on. Still no icons after enabling this setting? Reach out to support
  
  How to use the icons? Go to the field settings of the field that needs to show an icon in front of it. On the field, go to the ‘Live summary’ tab and add the following CSS class: lsfa-free followed by any of the free fontawesome icons. For example the combination of lsfa-free fa-user will display a user icon. Read more here: Fontawesome Icons

The Content tab is about what is shown in the summary: the fields, the title, the totals, the products and the empty summary text.

Visible fields

Use the drag and drop tool to select your fields and also put them into the desired order. It is also supported to click on the field to move it to the other column.

Select All button: Select all the fields of the form in the order as they appear in the form
De-select All button: Deselect all fields. This also resets them to the original order in the form.

Note: Quantity and option fields do not appear in the available fields section. These types of fields are always linked to a product so just select your product and any linked options or quantity fields will be automatically added. Read more here: Selecting and ordering fields

Title

• Enable title
  Use this toggle to enable or disable the title that appears above the summary.
• Summary Title
  Here you can easily change the text of the title. By default it is set to ‘Summary’, change it into anything else here.

Totals

• Show total in summary
  Turn this toggle on to display a total below the summary. This total will appear if any product is selected in your form. If you want to change this default behavior and display the total even though no product was selected yet then use the JS filter: gotrgf_show_zero_total
• Summary Total label
  Use the textbox below the toggle to overwrite the default “Total” label.
• Show subtotal in summary
  Turn this toggle on to display a subtotal in the summary. A subtotal is the calculation of all products before adding any shipping, coupons, taxes or discounts.
• Summary Subtotal label
  Use the textbox below the toggle to overwrite the default “Subtotal” label

Products

This panel only shows when your form has product or option fields.

• Group all products in a table
  When this setting is enabled, all products that are selected to show in your summary will automatically be added into a table at the end of your summary so below all the other fields but above the total section. This gives a really clear overview of all products and total price to the user. With the setting on, you can also pick the columns of the table: Product Label, Quantity, Unit Price and Line Total. Read more about this feature on the following page: Grouped products table
• Price breakdown
  Decides what is shown under a product for its options. “Disable” shows only the product with its price. “labels only” lists the chosen options without prices. “labels + prices” lists the options with their price. “labels + prices, hide zero amounts” does the same but leaves out the price of options that do not change the price. New forms use the last one. Read more here: Price breakdown
• Hide single quantities
  When on, a product with a quantity of 1 shows only its price instead of “1 x” in front of it. On for new forms.

Empty summary

• ‘Nothing Selected’ text
  Use this text box to change the default nothing selected text. This text shows while no selected field has a value yet, and since v2.2 also in the {live_summary} merge tag. Type your text, save the form settings and reload the form.

The Style tab starts with the style presets. A preset applies a complete look in one click: Original (the classic look), Modern (the default for new forms), Minimal, Receipt and Dark. Your own custom presets appear here as well. Read more here: Style presets

Below the presets there are four collapsible panels. Click on a panel to open it. Each one has Font, Background, Border and Padding settings for its area:

• Title
  The title bar at the top of the summary.
• Summary lines
  The summary box and the lines in it. This panel also has the Line layout (Automatic, Side by side or Stacked) and the Line separator colour. The padding here is not for each line but around all the lines as a whole.
• Total
  The total bar at the bottom of the summary.
• Form area
  The area around the form and the summary, and the form itself. This is also where you set a Background behind form and summary: a colour or image behind the form, the summary and the space in between.

Font settings: font-family, font-size, font-unit (px,%,em,rem,pt,in), font-color, text-align, text-weight. Background settings: background color or background image with fill, position and repeat. Border settings: border style, border color, border width and border radius. Padding: every side, in px,%,em,rem,pt,in. Read the full walkthrough here: Styling the summary

• Reset all Live Summary settings
  When used it will reset all live summary settings of this form to their defaults. This will also reset the selected fields for the side summary to nothing. This reset button does not apply to any Live summary fields you may have in the form. To reset only the styling, apply the Original preset on the Style tab instead.
  Use with caution as settings cannot be retrieved.
• Copy settings from another form
  Pick another form of your website and copy its General, Content or Style settings into this form, with or without the visible fields. Read more here: Copy settings from another form
• Help
  Links to this documentation, the hooks for developers and the support form.