You can use various Headers in your form to emphasize sections and separate content.


Adding the Header

1. Find the Header element in the toolbar on the left-hand side.



2. Drag-and-drop it into your form.


Tips: A dashed blue line appears when you've started dragging an element. It shows you where the element will be added once you drop it in the form. 

Use “Ctrl+Z” shortcut to undo the last action or use arrows in the toolbar at the top of the page.


Formatting the Header

3. Double-click on the Header to start editing the text.

Additionally, you can right-click on a selected Header to open the formatting toolbar and edit the text's font, size, position, style, and add icons. 



4. Select the Header element and right-click it to access additional options, such as:

  • Select Parent
  • Wrap in Transparent Div
  • Cut, Copy, Paste, Delete, Duplicate
  • Move Up/Down
  • Undo/Redo
  • View Source



Adding a link to the Header

5. Choose one or several words in the Header and click the Chain-link icon in the formatting toolbar.



6. A window will open, providing you will all available link options, such as:

Redirect link to:

  • Website URL
  • Popup
  • Page
  • Email Address
  • Social Share

Submit form data and go to:

  • Website URL
  • Popup
  • Thank You Step

Click the close icon to close the link options window and save your link settings.



Customizing the Header

7. Select the Header and click the Pencil icon in the toolbar above to access the Inspector tab and find more customization options.



8. In the Inspector tab, you have a number of options to customize the Header.

  • Under Attributes, choose the devices that will show the Header, align it in the form, change its height and width, and change the class and ID.
  • Under Text Style, change the text's font, size, format, align it within the Header element and access Google fonts by clicking the G icon.
  • Add padding, margins and shadows to the Header under the relevant section.
  • Under Background, support your Header with a relevant image or a color pattern.
  • Border and border roundness allow you to create a border around the Header and round up its corners.

Tip: Learn more about the Inspector tab.