How to Customize AI-Generated Landing Pages

AI-generated Landing Pages are designed to let you quickly create beautiful pages and get to selling in no time!

In this article:

About This Feature

Access Landing Pages

Customize Your Page

Customize Style

Customize Content

Customize Sections

Style Presets

Save and Publish Changes

Important Considerations

About This Feature

Powered by innovative AI, these pages offer a quick and easy way to create and publish landing pages for your products. Simply follow prompts to automatically generate pages and use the new web page editor to customize design elements (colors, text, imagery, etc.) without any coding needed.

Once a product is created, an accompanying landing page will be automatically generated, which can be customized at any time from the Page Editor. This editor allows you to tailor various design elements to fit your brand's identity and vision - you can easily modify colors, adjust text, and select imagery that resonates with your target audience.

AI-generated landing pages are currently available for Courses, Digital Downloads, and Coaching & Webinars, though more supported products are coming soon!

Looking for more information on the difference between our AI-generated landing pages and classic Site Builder pages? Check out our guide here: What is the Difference between Landing Pages and Website Pages?

Access Your Landing Pages

To access all of your AI-generated Landing Pages:

1. From your Admin Dashboard, select Channels
2. Select Landing Pages

Here, you will see all landing pages created using an AI-assisted editor. Simply click on any landing page you'd like to edit to be taken to the Page Editor.

You can also access the landing page for a specific product directly from the Product Builder. To access an individual landing page:

1. From your Admin Dashboard, select Products
2. Select Courses, Digital Downloads, or Coaching & Webinars
3. Select your desired product
4. Click the Landing Page tab

Under this tab, you will see a preview of your landing page as well as the URL. To edit your page, click the Edit page button to access the Page Editor and start editing.

Customize Your Page

Customize Style

Customize Content

Customize Sections

To change the section layout: 

1. Click the pencil icon in the top-right corner of the section
2. Under the Layout tab, click on the layout you'd like to use
3. Click Apply

To change a section's background color:

1. Click the pencil icon in the top-right corner of the section
2. Under the Background tab, select Color
3. Click the Background color dropdown
4. Select a color from the picker
5. Click Apply

1. Click the pencil icon in the top-right corner of the section
2. Under the Background tab, select Image
3. Click Upload
4. Select the image you want to use and click Open
5. Optional: Crop, circle, or rotate the image then click Save
6. Click Upload

When using an image as a background for your section, you'll have some additional settings to customize it to your liking:

• Image fill: Select how you would like your image to fill the section.
• Image position: Use the arrows to move your image to your desired position in the section.
• Image overlay color: Overlay color can help mute extreme brightness contrast in your image to ensure that your text is visible. To use an overlay color, check the Use image overlay box and select a color to use from the Image overlay color dropdown.
• Overlay opacity: Use the slider to adjust the opacity of your overlay color.

To add a new section to your page:

1. Click the + Insert section button between the sections you would like to add a section to
2. Select a section category from the left-hand menu
3. Click on your desired section to add it to the page

To remove a section:

1. Hover over the section you would like to remove
2. Click the trash can icon in the top-right corner of the section
3. Click Delete section

To move a section to another position on the page:

1. Hover over the section you would like to move
2. Click the arrow icons in the top-right corner of the section to move it up or down

Style Presets

Style presets are only available for newly signed-up creators as we continue to iterate and improve this feature. We plan to roll this feature out to all remaining customers in the coming months.

Use Style Presets to instantly apply polished, on-brand colors and fonts to your landing pages. Choose from one of five presets - Cheerful, Neutral, Sweet, Contemporary, and Professional - customize as needed, and maintain a consistent look across all your pages. These presets offer a solid foundation so you can focus on your content without design worries.

Once your product has been created, you can preview and apply a style preset that will apply to all of your landing pages, which will instantly update to reflect the new design. After applying a preset, your existing pages will be updated to follow this style, and all future landing pages you create will automatically follow this style as well.

To select a landing page style preset from the product builder:

1. Select the Landing Page tab
2. Select a style preset to preview 
3. Optional: Select Or, start from a blank canvas if you would prefer to create your landing page from scratch
4. Select Apply this preset

After applying a preset, you can then further refine your landing page by clicking the Edit page button to continue customizing.

Once you apply your selected style preset, you cannot change to a different style preset.

Save and Publish Changes

As you work on your landing pages, click the Save button in the top-right corner of the Page Editor to save your progress.

For products that are already published, you will see a Publish changes button in the top-right corner instead - once clicked, your changes will be live! If you do not want these changes to be live just yet, you can unpublish your product prior to making changes then re-publish when you are ready.

Important Considerations

• Editing landing pages on mobile devices is not supported at this time. When customizing your landing pages, we strongly recommend doing so on desktop.
• Note that modifications beyond what is described, including the ability to add page code under your course settings and the use of custom fonts, are not possible at the moment. If you would like to have more flexibility by adding custom code or using apps, we recommend using our Website Pages.
• When using the Curriculum section, this section will only display published lessons and chapters. If any lessons are missing, it is likely they are currently in a draft state. In addition, if your course has any chapters that do not contain any published lessons, these chapters will not show in the curriculum. Learn how to update that here: Creating Draft Content for Your Course
• When using the Video section, only videos hosted on YouTube will be accepted in this section at this time.

[back to top]