A banner is included by default on your course and bundle landing pages. It automatically includes some key information about your course as well as a buy button!
This article applies to banners on your course and bundle pages. If you are adding a banner to a different page, check out Site Builder banners.
In this article:
What is your course banner?
A banner is a Site Builder section on your landing page that includes heading text, an image and call to action.
Every course and bundle that you sell through Thinkific has a landing page created by default. Your course or bundle landing page is a webpage on your site specifically designed showcase your course and prompt leads to sign up!
Within this default landing page, we include a banner section automatically. In Site Builder, you'll see that these sections are named Banner (course) and Banner (bundle). These banners function very similar to other Site Builder Banners, except some key information like your course name and pricing is automatically populated for you!
Banner Settings
Your banner will have a few elements that automatically populate and these can be fully customized in Site Builder!
Headings
By default, your banner will automatically include your course name and description. You can choose to customize this with your own text by simply unchecking Automatically add course name and description.
Hero Image
Make sure to add a background image to your banner! We recommend a 1440px x 720px (1MB) image. Don't include any words or logos in your banner image as they may get cropped when viewed on a phone or small device. Learn more here!
Picture-in-Picture and Video
These options are available on all Vision theme banners, and Course Banners in Empire themes v1.18.2 and higher.
In some Site Builder themes, you can also include a video and thumbnail image in your landing page banner. These options are accessed through the Picture-in-picture settings, where you can select a video to use and also upload a thumbnail image.
If you'd prefer not to use these options, just leave the image empty (or remove the existing image, if one was included by default.)
Button
A buy button linked to your checkout is automatically added to your banner. This default button is dynamic, which means it will:
- Automatically link to your course checkout
- If you have additional pricing options like a payment plan, it will display a dropdown menu for students to choose their preferred price
- If a student is already enrolled in the course, it will say Resume Course instead of Buy
- If you have any Free Preview lessons, you'll also see a second Free Preview button displayed in the banner
Here is an example of a course with one pricing option and a Free Preview:
Here is an example of a dropdown menu that automatically appears when you have set additional pricing options:
A few things to note about course banner buttons:
- Adding a button to your banner will override this default dynamic button, so we don't recommend doing this unless you need something custom.
- These buttons will not take visitors to your checkout unless your course is published. If a student clicks on a buy button before your course is published, the current landing page will simply refresh.
- Buttons will appear by default even when a course is not published yet. If you don't see a default button, make sure to update your theme to version 1.17.1 or higher.
- You can also remove the default buttons by checking off Hide default buttons (product pages only)
How to Customize Your Banner
Each banner setting listed above can be fully customized!
To navigate to your course landing page banner:
- Go to Manage Learning Content
- Select Courses
- Click on the course you want to edit
- Click Build Landing Page on the top right and you'll be taken to Site Builder!
- Click on Banner (course) in the left menu
- Then click on any setting to start customizing! Check out more in depth recommendations for each option here: Site Builder Banners.
To navigate to your bundle landing page banner:
- Go to Manage Learning Content
- Select Courses
- Select the Memberships & Bundles tab
- Click on the bundle you want to edit
- Click Build Landing Page on the top right and you'll be taken to Site Builder!
- Click on Banner (bundle) in the left menu
- Then click on any setting to start customizing! Check out more in depth recommendations for each option here: Site Builder Banners.
