The Learning Program Layout Page is the public landing page of your learning program. This page is the first thing learners see—it gives them an overview of your program, shows its value and structure, and includes a clear call-to-action for enrollment.
This feature brings value by helping you present your program in a professional and branded way, making it more appealing to potential learners.
What You’ll Learn
- How to access the Layout Page Editor
- How to customize the design and structure
- How to add content sections, such as hero banners or course listings.
Accessing the Layout Page Editor
To start editing your layout page:
- Navigate to Courses & Programs → Learning Programs.
- Select the desired program.
- From the left-hand menu, click Program Page Layout.
- Click Edit page layout to open the Website Builder.
Editing the Learning Program Layout Page
Within the Website Builder, you can enrich your page by adding or removing sections. Available section types include:
- Hero banners
- Program descriptions
- Media & text blocks
- Course carousels
- Testimonials
- Calls to Action (CTAs)
Here, you can find information on how to add, delete, and move sections.
There are some sections specifically made for learning programs, like the:
- Learning program hero sections (available only on layout pages)
- Learning programcontents sections
- Program catalogue
- Progress overview
Learning Program Hero
Hero sections are shown only on the layout pages and are populated automatically based on the program you are in. To add them, click on Add Section → For this Program page → Learning Program Hero. Choose one of the available options.
Once the section is added, click the Edit button to start customizing it. On the right-hand menu, you'll notice a few tabs that help you refine the look and behavior of each section.
The Actions tab lets you manage visibility settings, so you can decide who sees what and on which devices. Meanwhile, the Layout and Effects tabs offer extra flexibility to adjust spacing, animations, and more.
Program Content Sections
To add one, click on Add Section → Learning programs and choose the respective option. When you use one of the program content sections, your learners will see a visual summary of what's included in the program:
- A list of courses
- The number of learning activities each one contains
- A Learn More button
- The course images
By default, these sections display content from the program you’re currently editing. However, if you’re adding this to a different page and want to showcase another program, you can easily switch it using the dropdown menu in the right-hand settings panel.
Click the Edit Cards button and select the program you want to highlight.
Programs Catalogue
In this category, you’ll find all available learning programs listed—similar to a course catalog, but specifically for learning programs. You can add this section to any page to showcase your offerings, or include it on a layout page to highlight other learning programs users can purchase.
You can click Edit Learning Program Cards to further customize the appearance of this section. You’ll be able to choose which learning programs to display and define what happens when a card is clicked—for example, redirecting users to the checkout page or the program's layout page.
Just like with other sections, you can also adjust the Actions, Layout, and Effects tabs to control visibility, spacing, animations, and more.
A well-designed layout page should include a Hero section, a Program Content section, and a Program Overview section. This combination helps guide users through their journey: the Hero section encourages them to purchase or start the program, the Content section shows what’s included, and the Overview section allows enrolled users to track their progress.