Pages is available on the following plans:
The "Form" block lets you capture information from visitors who land on your page. Once the "Form" block is added to your page layout, you can adjust its width, add form fields, adjust the form theme, adjust button styles, and more. Like other blocks, you can add, edit, duplicate, and remove a "Form" block to any page or page template.
In this article:
- The "Form" block is separate and different from forms you create in the "Forms" section of your ActiveCampaign account
- The "Form" block does not opt-in or add visitors to your email marketing list(s). If you wish to add contacts directly to a list and/or have them go through a double opt-in process, please see this "How to add an ActiveCampaign form to your landing page" help article
- The email address field is required on the form. It is not possible to remove this field
Add the "Form" block to your layout
In this section, you'll learn how to add the "Form" block to your landing page.
1. From the page builder, make sure the "Blocks" tab is selected in the top right bar.
2. Drag the "Form" block to your layout.
You will see the email address field and "Submit" button for the "Form" block in the page builder. You can now add other fields to the block and adjust how the form looks on your page.
Add fields to the "Form" block
You can add the following contact fields to the "Form" block:
Note that it's not possible to create new custom fields with the "Form" block. All new custom fields must be created from the "Manage Fields" page in your ActiveCampaign account. Once created, you can use them with this block.
To add fields to the form block:
1. From the page builder, click the "Form" block in your page layout.
2. The right bar will display editing options. Click the plus sign (+) next to "Form Fields."
3. A modal window will open. Click the fields you wish to add to your form.
To add a custom field, click "Custom Field" then click the custom field you wish to use.
Any field you add to this block will be marked as required by default. This means that visitors must complete all fields in order to successfully submit the form.
To make fields not required, follow these steps:
1. Click the "Form" block on the page layout.
2. The right pane will load. Click the field under "Form Fields" you want to make "not required."
3. Uncheck the "Required" option.
4. Click the checkmark button on the top right bar to save your work.
Edit and style the "Form" block
You can edit the following elements of your form:
Make the form visible on desktop, mobile, or both.
Form width can be set by either px or %.
3. Form Fields
Add fields to the form block to collect additional information from visitors.
4. Form Theme
Change your form's theme here. You can choose one of the following themes: Standard (default), Flat, Underline Dark, and Underline Light.
5. Button Styles
Change the color, size, and shape of your submit button. You can choose one of the following sizes: small, medium, and large. You can choose one of the following shapes: square, rounded, pill.
6. Button Theme
Change the submit button's theme. You can choose from one of the following: flat, blocky, bubbly, and outlined.
7. On Submit
Use this to direct landing page visitors to a page on your site that displays a thank you message or contains gated content.
Use this to change the background for your form. You can change the color and gradient as well as add an image or video.
9. Inner Spacing
Type a number into the field provided to add spacing between the form block and the section that it's in. Increasing inner spacing will make the section bigger on the page. You can choose which sides of the form will have inner spacing.
Borders are set by px. You can choose which sides of your form will have borders. You can pick one of the following borders: solid, dashed, or dotted. Note that you can also add color to your border by using the color tile.
Corners are set by either px or %. You can apply a new radius to one, some, or all corners of your form.
12. Drop Shadow
Access drop shadows on the selected form. Here you can choose where the drop shadow should appear and set the Offset, Blur, and Spread fields. You can add as many drop shadows as you want by clicking the plus (+) sign in the Right Bar in the "Drop Shadow" section.
13. Inner Shadow
Access inner shadows on the selected form. Here you can choose where the inner shadow should appear and set the Offset, Blur, and Spread fields. You can add as many inner shadows as you want by clicking the plus (+) sign in the Right Bar in the "Inner Shadow" section.
Duplicate a "Form" block
You can duplicate any form on your page. To do so, click the form you wish to duplicate then click the duplicate icon in the top right bar.
Delete a "Form" block
You can delete any form from a page. To do so, click the form you wish to remove then click the trash icon in the top right bar.