Site Builder Section: Image & Text (With CTA)

Spur your visitors to action with this simple, versatile section focused around the click of a single button.

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

From your Admin Dashboard, select Design Your Site
In Site Pages, select the page where you want to add the section
Click the pencil icon to edit this page in Site Builder:
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

Section Customization

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. Remember that image files have a maximum size of 4MB.

Button: Select which type of page to Link to, and then the specific 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.

Section Examples

Empire (Edge)

Vision (Focus)

Vogue (Manhattan)

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.