How to add heading sections throughout a form - separate content in a form – Rocketspark

Creating a well-structured form is essential for an excellent user experience. The new heading sections feature allows you to break down long forms into smaller, easier-to-read sections. You can add headings like "Contact Details" or "About Your Business" and customise their styles to match your website’s design!

Please note: The Heading Sections feature is available after the 20th of January 2025 on selected plans (Website Builder Pro, Website Builder Pro+, Ecommerce Grow and Ecommerce Pro). If this feature is not displaying on your dashboard after this date, you may be on a plan without this feature or a plan that will not include the new features until your next subscription renewal. You can get access by upgrading to a higher plan now: How to change Rocketspark subscription

Walk-through tutorial - Click "Get Started"

(To make this tour bigger, click the arrows on the right or zoom in)

Written Instructions:

Log in to your Rocketspark Dashboard.
Click on the "My Forms" section on the left side of the dashboard.
To create a new form, click the "Create a new form" button. To edit an existing form, click the edit pencil icon next to the form you wish to modify.
In the form builder, click the "Add form field" button.
From the list of field types, select the Heading Section - You may need to scroll.
Enter a label for the field, such as "Contact Details".
Save changes.
You can rearrange where this heading will sit in your form. Click and drag the arrow up or down with your mouse.
Repeat this process (steps 4-8) to add more heading sections to your form - no limit.
Save overall changes once you are happy with your form.
Add form to page: If you have edited an existing form that is already on a page, there is no need to upload this form again. If you have created a new form, here is how to add this to a page: How do I add a form on to a page?
To change the text styling of the heading sections, click the pencil on the stack that has the form.
Go to the "Headings and Paragraphs" settings.
Change the H3 text styling and save changes.