See the Call To Action block live on the demo site (opens in a new tab)

Adding the block#

1. Click the “+” (Block Inserter) button.
2. Search for “Call To Action” and select it.
3. Edit the title, description, and button in General, then style them in Design.

Settings overview#

Tab	What you control there
General	Title, description, and button text and link
Design	Title, description, button, and block box styles
Advanced	See Common Advanced Settings

General tab#

Content#

Setting	Description
Title	The main CTA headline, for example “Ready to grow your business?”
Description	Supporting text under the title.

Button#

Setting	Description
Show Button	Shows or hides the button.
Button Text	Button label, for example “Get Started”.
Button URL	Where the button links to.
Button Link Target	New Window or Same Window.

Design tab#

Title Text#

Setting	Description
Title Level	HTML tag for the title (H1–H6).
Title Alignment	Left, center, right, or justify.
Title Color	Title text color.
Title Typography	Font, size, weight, letter spacing, case, and line height.

Description Text#

Description Alignment, Description Color, and Description Typography.

Button#

Setting	Description
Button Alignment	Position of the button: left, center, right, or full width.
Button Background	Solid color or gradient.
Button Text Color	Label color.
Button Typography	Font settings for the label.
Button Border	Border and corner radius.
Button Dimensions	Padding and margin.
Button Container Size (%)	Width of the button area compared to the block.
Show Button Icon	Adds an icon. Choose the Icon, its Icon Position (Before or After), and whether to Show Icon On Hover only.
Stack Button On	Choose the devices (Desktop, Tablet, Mobile, or Select all) where the button moves below the text instead of sitting beside it. Useful on small screens.

Block#

Setting	Description
Content Vertical Align	Positions the content at the Top, Center, or Bottom of the box.
Background	Background color or gradient of the CTA box.
Dimensions	Padding and margin of the box.
Border / Radius	Border and rounded corners.

Advanced tab#

See Common Advanced Settings.

Tips#

• Keep the title to one line and use action words on the button (“Start free trial”, not “Click here”).
• Use a strong contrast between the button background and the block background.