A Call to Action (CTA) block adds a button to your Website Page or Landing Page that sends visitors where you want them to go: another page, a checkout, a file download, or a two-step optin popup. Use it to turn a visit into a subscription, a sign-up, or a purchase.
Add the block to any Section, then set the button's text, action, and appearance. This guide covers pages built with Kajabi Pages. If your page uses the legacy Premier template, go to the Use a Call to Action in a Premier page section below.
What is a Call to Action?
A Call to Action encourages an immediate response from your visitors, such as subscribing to your marketing emails or purchasing an Offer. In Kajabi, a Call to Action is a button, and its Button action decides what happens when someone clicks it.
Where you can use a Call to Action
You can add a Call to Action to any Section of your pages built on Kajabi: pages made with the Website Builder, and Products and Funnel pages made with Kajabi Pages. The Kajabi legacy templates support it too.
Tip: Many Sections also have an Actions drop-down menu for images. Use Image Actions when you want an image, instead of a button, to do the same job.
Add a Call to Action block
Open the Website tab from the Dashboard.
Select the Website Pages or Landing Pages tab.
Click the Title of the page to open the editor.
Click the section you want to edit, or create a new section.
In the sidebar, click Add block.
From the list, select Call to Action. The new Call to Action block appears at the bottom of the Section.
Click Save to keep your changes.
Call to Action Section vs. Call to Action block
A Call to Action Section and a Call to Action block give you the same settings. The difference is layout: with a block, you can set the width of the Call to Action without also changing the width of the text, which you can't do with the Text block the Section generates. Try both to see what fits your design.
Call to Action Section
Adding a Call to Action Section generates a single Text block with the Call to Action block setting turned on. Customize the Text block and these section settings to change its appearance, behavior, and content:
Call to Action block
Add a Call to Action block to any standard section or custom section to create your own design. Customize the block with the settings below.
Customize a Call to Action block
Text
Enter the text for your button. Tell visitors what the button does, such as "Download the guide" or "Book a call."
Button action
Select a Button action to:
Go to a Landing Page
Go to a Checkout Page
Download a file
Go to a URL
Open a two-step optin popup for visitors to complete a form
Go to a section on the page
Open a modal
Note: If your Button action is set to Download a file, the file can be up to 250MB.
To send visitors to an Offer's checkout page, copy the link to your Offer and use a Call to Action set to Go to a URL. Enter the full URL, including "https://", such as https://kajabi.com/.
Tip: Use a Call to Action button to create an email link or a telephone link, so visitors can email or call you in one click. Learn how to create an email link or learn how to create a telephone link.
Open in new tab
Turn on this setting to open the action in a different tab of your visitor's browser.
Button background color
Click Button background color to select a color from your site color palette.
To use a custom color, click the color wheel, then enter your RGB color code or use the sliders:
The vertical bar selects the hue
The square box selects the brightness
The horizontal bar selects the opacity
Button text color
Pair your button background color with a contrasting Button text color so the text is easy to read. Click Button text color to select a color from your site color palette.
Note: Button text color applies to solid buttons only.
To use a custom color, click the color wheel, then enter your RGB color code or use the sliders:
The square box adjusts the brightness and saturation
The horizontal rainbow bar selects the hue
The horizontal gradient bar selects the opacity
Button width
Adjust the width of your button:
Full: Fills the width of the button area
Auto: Adjusts the width to fit the text
Button style
Change the style of your button to display:
A solid colored button
The outline of your button background color
Button size
Choose a Small, Medium, or Large button. Changing the size changes both the button background and the text size.
Border radius
Make your button corners more rounded or more square. In a standard website page, enter a value up to 50 to customize the button's appearance.
Call to Action modal
Launch a modal when a visitor clicks your Call to Action. In the modal, you can customize the:
Modal text
Text alignment
Modal text color
Modal background color
Select Edit Modal to preview and edit the modal in the theme editor.
Note: The Call to Action modal is only available in Encore 1.8.0 and above. Learn more about Encore versions.
Block settings
To adjust the look and feel of the Block, configure your Block Settings by customizing the:
Use a Call to Action in a Premier page
Premier is a legacy template. If your page uses Premier, you can still add a Call to Action button, and you can use it in many Premier Sections.
Premier Sections that support a Call to Action
You can use a Call to Action button in these Premier Sections:
Call to Action
Custom Content
Event
Event Video
Facebook Comments
Features
Hero
Offers
Pricing Options
Showcase
Video
Text
Text & Image
Add a Call to Action to a Premier page
Open the Website tab from the Dashboard.
Select the Website Pages or Landing Pages tab.
Click the Title of the page to open the editor.
Click the section you want to edit, or create a new section.
In the sidebar, click Add Content.
From the list, select Call to Action. The new Call to Action block appears at the bottom of the Section.
Click Save to keep your changes.