Designing Your Course Sales Page
Zenler Support avatar
Written by Zenler Support
Updated over a week ago

To access your Sales Page, go to 'Courses' and enter your desired 'Course'


Next, go to 'Pages' > 'Sales Page' > click on 'Preview Page'.


This is how the sales page appears by default. Zenler sets up specific placeholders and dynamic text that are populated when you create the course. This includes the title, subtitle, and course description. This convenience ensures that the default page appears polished. Notice that it will feature you as the instructor and provide a fictitious testimonial to be filled in. If you have any course pricing, it will also be displayed here.

Please continue scrolling down to view the complete content of the sales page.


You can customize the provided pages to match your brand. Zenler offers an easy-to-use page builder for this purpose. You can change the look and style of your pages as you wish. Additionally, you can use one course as a template for others, which helps maintain a consistent look across your site.

To edit your sales page, click on the 'Edit Page' icon.

The sales page editor opens in a new tab, which ensures that you won't lose the original page. Zenler employs a built-in Page Builder using blocks, containing blocks marked in blue.


The highlighted blocks in gold within this section are dynamic and gather information from when you set up the course.

Additionally, there's a default background image and a video that you can replace with any other video of your choice. An "Enroll in Course" button is also available here, which directs users to the checkout page—the next step in the sequence.

The course summary is automatically fetched from the course information, but you can edit it here as well.

To modify the background image, navigate to the 'Settings' icon on the left-hand side. The 'Settings' menu will appear on the right-hand side. Then, access 'Background Image' and delete the URL to remove the current background image.


Select a 'Background Color', i.e. pleasant shade of grey.

In this case, changing the title color to white will make the text more prominent. This simple adjustment already creates a noticeable difference in the appearance.

If you prefer not to have a video in this section, you can remove it by clicking the delete option.

To personalize the "Enroll in Course" button, go to 'Settings' > 'Setting Menu' > 'Style'. Within the 'Style Settings', you can adjust the background color, border color, and border thickness, among other options. Alternatively, if you prefer no borders, you can achieve this by setting the border thickness to zero.


You can also introduce a new element, such as an image, by clicking 'Add Element'.

Choose the 'Images' element, then pick an existing 'Image' from 'My Library' or 'Upload Image' if needed.


Click 'Save' to apply these changes, and then preview the updated content.


Please be aware that after saving a page for the first time, you'll encounter the 'SEO Settings'. It's crucial to set up SEO for all your pages. For detailed guidance, refer to the 'Support Documents'.

If you're not ready to complete the 'SEO Settings' at the moment, simply click 'Done' to close that section. Then, proceed to click 'Save' again.


Go ahead and click 'Preview' to view the page.

Here is the updated page with its new appearance.


You can further modify the "Course Summary" if you'd like by clicking on the 'Settings' icon to open up the 'Settings Menu' > 'Style'.

In this example, we changed the background color to a darker grey and switched the text color to white.

Before:

After:


If you don't want the block featuring you as a course instructor, simply click the 'Delete' icon.

Likewise, if you'd like to remove the testimonial block, just click the 'Delete' option.


To change the background image for the pricing section to something more appealing, navigate to the 'Settings' icon on the left-hand side. Then, under the 'Settings' > 'Style' menu on the right-hand side, click the 'Background Image' Icon.


Select an existing image from 'My Library,' as we did before, or you can 'Upload Image'.


Given that the background image is relatively dark, you can incorporate a white overlay to enhance text visibility.


Go to 'Background Overlay' > 'Background Color' > 'White'.


To provide the image with a faint tint, increase the 'Overlay Opacity' to 0.8.


Click 'Save', then click 'Preview' in the top-right corner.

Here is the refreshed look of the pricing block. With 'Zenler's Page Builder', you can swiftly turn the website into an elegant design.


It's crucial to keep the 'Enroll Button' and the 'Course Curriculum' intact on the sales page to provide users with the content you're offering.

Even though you can delete 'Course Curriculum', you can easily reinstate it by navigating to 'Blocks' > Courses'.


Locate the version of the course curriculum you like i.e. 'Course Curriculum - Collapsed Style', then and simply drag & drop it to the desired position on your page.


You'll notice that we've now condensed the course curriculum into a more compact version. Clicking the arrows will expand it once more.


Let's make a final, slight adjustment to this block, and make the background color darker.

The subheading text is currently not visible due to it blending in with the darker background.


We can modify the 'Title Color' to a light grey and increase the 'Font Size' to 24px. Click 'Save'.


The transformation in the overall appearance is evident. This amplifies the speed with which you can create an engaging sales page using Zenler.


You can utilize the same approach for styling all other pages on your website, such as the 'Checkout Page', 'Thank You Page' & 'Access Page'.

Also watch the video on 'Designing Your Course Sales Page'

Did this answer your question?