Editing Pages Form (section)

== Step-by-step Instructions ==

Adding the '''Pages Form''' block involves a few straightforward steps. Follow the instructions below:

=== 1. Add the Pages Form Block ===

# From the page builder, ensure you are in the '''Blocks''' tab.
# Drag the '''Pages Form''' block into your desired location on the page layout.
  
Upon doing this, you will notice an email address field and the '''Submit''' button automatically appear in the page builder. This is your starting template for the '''Pages Form''' block, which you can now customize.

=== 2. Add Fields to the Pages Form Block ===

You can enhance your form by adding various fields. The following contact fields are available for inclusion:

* '''First name'''
* '''Last name'''
* '''Phone'''
* '''Text area custom contact fields'''
* '''Text input custom contact fields'''
* '''Single-select dropdown custom fields'''
* '''Radio button custom contact fields'''
* '''Multi-select custom contact fields'''
* '''Checkbox custom contact fields'''
* '''Listbox custom contact fields'''

To add fields:

# Click the '''Pages Form''' block in your page layout.
# The right bar will reveal editing options. Click the plus sign (+) next to '''Form Fields.'''
# A modal window opens where you can select the fields you wish to add.
# To add a custom field, click '''Custom Field''' and select the desired custom field.

Keep in mind that the email address field is '''required''' and cannot be removed. Additional fields you add will also be marked as required by default but can be modified as follows:

* Click the field under '''Form Fields''' that you want to change.
* Uncheck the '''Required''' option.
* Click the checkmark button on the top right bar to save your changes.

=== 3. Edit and Style the Pages Form Block ===

You have comprehensive options to customize the '''Pages Form''' block. The following elements can be edited:

* '''Visibility''': Choose to make the form visible on desktop, mobile, or both.
* '''Width''': Set the form width in either px or %.
* '''Form Theme''': Select a theme for your form from options like Standard (default), Flat, Underline Dark, and Underline Light.
* '''Button Styles''': Change the color, size, and shape of your submit button. Options for size include small, medium, and large, while shapes include square, rounded, and pill.
* '''Button Theme''': Select from styles such as flat, blocky, bubbly, and outlined.
* '''On Submit''': Specify a redirect to a thank you page or gated content after form submission.
* '''Background''': Change the background color or add an image or video.
* '''Inner Spacing''': Adjust spacing between the form block and the section it's within.
* '''Border''': Choose border styles (solid, dashed, dotted) and colors.
* '''Corners''': Adjust the radius of the corners in either px or %.
* '''Drop Shadow''': Add drop shadows to the form.
* '''Inner Shadow''': Apply inner shadows as needed.

=== 4. Duplicate or Delete a Pages Form Block ===

If you want to replicate your form, you can easily duplicate it:

# Click the form you wish to duplicate.
# Click the duplicate icon located on the top right bar.

To delete a form:

# Click the form you wish to remove.
# Click the trash icon located on the top right bar.

These features make it easy to manage multiple forms on your pages efficiently.