Spur your visitors to action with this simple, versatile section focused around the click of a single button.
In this article:
About This Section
A call to action is one of the most basic elements of any website, especially one focused around sales or sign-ups. The Image & Text (with CTA) section combines images and text in a single- or multi-column layout to focus the attention of the visitor on a single action that you want them to take. And like all CTA sections, it provides a button that links directly to that action or activity.
This article covers the the versatile Image & Text (with CTA) section. If you want to build a call to action that focuses primarily on text, take a look at our article on the Text (with CTA) section; if you'd rather keep things simple with a banner-width image, consider the Call to Action section instead.
Where to Use This Section
An Image & Text (with CTA) section can be included on most pages in Site Builder; it is a versatile tool, and should be deployed whenever you want your visitors to a page to take a particular action.
Adding an Image & Text (With CTA) Section
- In Site Builder, navigate to the page where you want to add the section
- Click Add section and select Image & text (with CTA) from the list
- Optional: Rearrange the position of the new section, if necessary
- Click on Image & text (with CTA) to open the section settings
- Click on Text and edit your section headings and description
- Click on Image and upload an appropriate image
- Click on Button and set the button target and text
- Optional: Customize the section further as required (see below for options)
- Click Save to apply your changes
Text: The heading is the title for the entire section, and the subheading appears directly above or below the heading (depending on your Theme).
Image: Upload an image to highlight your call to action, and set descriptive Image alt text to help with accessibility. You can use the Image size slider to scale the size of your image relative to the rest of the section.
Button: Select which type of page to Link to, and then the specific Course, Bundle or Product you want the button to target. Edit the Button text as appropriate, and adjust the Button style if necessary.
Layout: You can remove top or bottom section padding if there appears to be too much space between this and adjacent sections. Adjust the Column layout between one and two columns to get the look you want. The Heading alignment controls how the heading and subheading are aligned in the section.
In Vogue themes, you can also set the Background color to your theme's primary or secondary color.
For in-depth examples of our different Themes and Styles in action, check out our Theme Demo Site. Use the buttons along the bottom of the page to browse all the different possibilities!
Frequently Asked Questions
Can I set up a Call to Action that leads to an external site?
Yes! While the Link and Page options in the button settings do have specific options for linking to different pages within Thinkific, there is also a Custom URL option that allows you to target any external page.