Info CTA Block
Overview
The Info CTA (call-to-action) block is used to display content with links to additional content in a full-width layout or within a 50/50 component. The Info CTA block's purpose is to drive a visitor toward taking a specific action.
Contents:
- Block customization options
- Block examples:
- 50/50 Image and copy with primary and secondary button
- 50/50 Image and copy with 1-column links, primary and secondary button
- 50/50 Image and copy with 2-column links, primary and secondary button
- 50/50 Copy and cards
- Full-width copy and buttons
Block Customization Options
| Element | Required | Options Available |
|---|---|---|
| Reduce bottom padding | N | Checkbox |
| Content Alignment | Y |
|
| Column Theme | N |
|
| Buttons | N | Button Block |
Info CTA Block Copy & Buttons Layout
To display the Info CTA Block next to an image, add the 50/50 Panel Block and then the image and Info CTA Block inside the 50/50 Panel Block.
Info CTA Block Eyebrow
Info CTA Block Header
In this variation of the Info CTA Block, the visitor sees a 50/50 panel with an image on one side and the Info CTA Block on the other side. Within the Info CTA Block, add copy to provide context and drive the visitor to take action and select one of the buttons. Both buttons are not required, but at least one is recommended in this layout, Refer to Block Customization Options section for available block configurations.
Block above has these settings:
|
Element |
Option Selected |
|---|---|
|
Content Alignment |
Center Align |
| Buttons | Button Blocks |
Info CTA Block One-Column Link Layout
To display the Info CTA Block next to an image, add the 50/50 Panel Block and then the image and Info CTA Block inside the 50/50 Panel Block.
Info CTA Block Eyebrow
Info CTA Block Header
In this variation of the Info CTA Block, the visitor sees a 50/50 panel with an image on one side and the Info CTA Block on the other side. Within the Info CTA Block, the visitor sees copy, one column of links, and two buttons that drive the visitor to take action. All elements are optional. Refer to Block Customization Options section for available block configurations.
Block above has these settings:
|
Element |
Option Selected |
|---|---|
|
Content Alignment |
Top Align |
|
Column Theme |
1 Column |
| Buttons | Button Blocks |
Info CTA Block Two-Column Link Layout
To display the Info CTA Block next to an image, add the 50/50 Panel Block and then the image and Info CTA Block inside the 50/50 Panel Block.
Info CTA Block Eyebrow
Info CTA Block Header
In this variation of the Info CTA Block, the visitor sees a 50/50 panel with an image on one side and the Info CTA Block on the other side. Within the Info CTA Block, the visitor sees copy, two columns of links, and two buttons that drive the visitor to take action. All elements are optional. Refer to Block Customization Options section for available block configurations.
Block above has these settings:
|
Element |
Option Selected |
|---|---|
|
Content Alignment |
Top Align |
|
Column Theme |
2 Columns |
| Buttons | Button Blocks |
Info CTA Block 50/50 Content & Cards Layout
To display the Info CTA Block next to cards, add the 50/50 Panel Block and then the Cards Block and Info CTA Block inside the 50/50 Panel Block.
Info CTA Block Eyebrow
Info CTA Block Header
In this variation of the Info CTA Block, the visitor sees a 50/50 panel with Solid Cards on one side and the Info CTA Block on the other side. Within the Info CTA Block, add copy to provide context and drive the visitor to select one of the cards to dive further into the site. Use additional links within the content sparingly to avoid overwhelming the visitor with action choices. Refer to Block Customization Options section for available block configurations.
Block above has these settings:
|
Element |
Option Selected |
|---|---|
|
Content Alignment |
Center Align |
Info CTA Block Full-Width Layout
To display the info CTA block in full-width on a page, add the Info CTA Block to the page.
Info CTA Block Eyebrow
Info CTA Block Header
In this variation of the Info CTA Block, the visitor sees the Info CTA Block displayed in full-width on the page with the option of one column links, two column links, and buttons.
Block above has these settings:
|
Element |
Option Selected |
|---|---|
|
Content Alignment |
Top Align |
| Buttons | Button Blocks |