Add columns to your ActiveCampaign page

You can add columns to any landing page you create in ActiveCampaign with the "Column" block. Like other blocks, you can add, edit, duplicate, and remove a "Column" block from any page or page template.

About the "Column" block

The "Column" block is located in the right pane of the page editor. It can contain other content blocks. For example, you can add the following content blocks to a "Column" block:

• Text (paragraph)
• Button
• Subscribe Form
• Image & Caption
• Follow Links
• Bulleted List
• Video
• Navigation
• Headline
• Form
• Image
• Divider
• Countdown
• Embed

Note that you cannot add the following blocks to a column:

• Section
• Row
• Column

There is no limit to the number of columns that can be added to a page.

Add a column to your page

To add a column to your page layout:

1. Drag the "Column" block to your page layout.
2. Click the block in the layout to open styling and editing options in the right pane.

Style and edit the "Column" block

You can edit the size and look of any column on your page. There are three tabs you can use to style and edit the "Column" block: Column, Row, and Section. To access these options, click the "column" block you wish to update. 

Column styling

The "Column" is the vertical space of the "Column" block. You can adjust the width of a column. 

To access this styling option, click the column block on the page builder. The column styling option will appear on the right pane and display the following options: 

• Width
  Column width can be set by either px or %.
• Background
  You can add the following to a background: Color, Gradient, Image, and Video. Add as many backgrounds to your column as you like. Backgrounds stack in the order in which you add them. You can change their order by dragging and dropping them.
• Inner spacing
  Type a number into the field provided to add spacing between the blocks you add into the column and the column border. Increasing inner spacing will make your column bigger on the page. You can choose which sides have inner spacing.
• Border
  Borders can be set using pixels. You can choose which sides have borders. To do so, click the side of the border icon in the right bar you wish to apply a border to. You can pick one of three types of borders: solid (default), dashed, or dotted. Note that you can also add color to borders. To do so, click the color thumbnail, then click the color you wish to apply to the border.
• Corners
  Corners are set by either px or %. You can apply a new radius to one, some, or all corners of your column.
• Drop shadow
  Access drop shadows on the selected column. 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.
• Inner shadow
  Access inner shadows on the selected column. 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.

Row styling

The "Row" is the horizontal space of the "Column" block. With this option, you can choose how your column block will appear when viewed on mobile devices. For example, you can choose for the column block to stack on mobile or appear full-width.

Here, you can also select visibility (desktop view and mobile view), add a background, adjust inner spacing, border color, size, and corners, as well as add drop and inner shadows.

To access this styling option, click the column block on the page builder. The column styling option will appear on the right pane. Click "Row" located at the top of the right pane to view styling options. 

Section styling

The "Section" area (Sec) looks at the Section block that contains your column block. Here, you can add an ID to your section, choose visibility (desktop view and mobile view), add a background, adjust inner spacing, border color, size, and corners, as well as add drop and inner shadows.

To access this styling option, click the column block on the page builder. The column styling option will appear on the right pane. Click "Sec" located at the top of the right pane to view styling options. 

Duplicate a column

You can duplicate any column on your page. To do so, click the column you wish to duplicate then click the duplicate icon in the top right bar.

Delete a column

You can delete any column from a page. To do so, click the column you wish to remove then click the trash icon in the top right bar.