To Get Started:
- Go to Members Area in the left-sidebar menu and then click on Online Courses.
Open the relevant course by clicking the Content (paper) button.
- Choose course page you would like to edit by clicking the Edit (pencil) button.
- Once you have the Course page open, in the left-sidebar menu, you will find all the settings for your page.
If you want to move your Course page to a different Course, you may select the preferred online course in this drop down menu.
- Page Layout
You may customize the layout for each course page.
+ Boxed – Default
+ Wide Top Nav – The items take the full width of the page.
+ Wide Left Nav – This layout will allow you to have the navigation on the left.
+ Wide Left Nav Content Above Image – This layout will allow you to have the wide left navigation with content on top of the image.
For ALL layouts, the Mobile version of the page will always be the current option (boxed) with the progress tracking and menu below the image. The other layouts are not applicable.
When changing the screen size, if width is equal or less than 1230px, it will always be on top navigation.
- Header, After Body Tag, and Footer
Add codes here. e.g. Facebook pixel, Google Analytics, etc.
- Add Audience Segmentation
If you want to take advantage of Audience segmentation, this is a great tool to use.
It allows you to setup custom videos that will display for each Audience group that you have created.
- Image – You can Select image from gallery or upload an image by clicking on Browse button, while Remove Image will remove the image currently uploaded.
- Background Repeat – This feature will repeat the image you upload for the background, so that you have multiples copies of the same image displayed across the section.From the drop down, you have different repeat options to choose from i.e.
No Repeat – the uploaded image will display as is
Repeat – the uploaded image will repeat vertically and horizontally across the section
Repeat-x – uploaded image will repeat horizontally only
Repeat-y – uploaded image will repeat vertically only
- Background Size – This feature allows you to control how the uploaded image displays.
Auto – the image will display as per it’s dimensions
Cover – the image will cover the entire section
Contained – the image will display in top half of the section.
Parallax – the image will fill the width and height of the section and all rows and blocks added to the section will appear above the section image as if it is floating.
100% 100% – the image will fill the width and height of the section and the image, rows and blocks added to the section will move as one unit as you scroll down the page.
100% auto – the image will fill the width and will be centered.
- Overlay Color – The feature allows you to change the overlay color of the page.
To change the overlay color, you can either add a Hex code in the field provided or choose a color from the Color Wheel.
If the Color Wheel is closed, simply click on the Color Picker button to the right of the overlay field.
- Background Color – The feature allows you to change the background color of the section. To change the background color, you can either add a Hex code in the field provided or choose a color from the Color Wheel.
If the Color Wheel is closed, simply click on the Color Picker button to the right of the background field.
- Background Color Opacity – This feature allows you to change the opacity of the background color.
Simply move the slider left or right to increase or decrease the transparency of the image.
With this you can change the background color of the course content. By default, the background color is set to transparent. Select color from the color picker.
(see image below for the content background change)
- Show Coming Soon
Show the coming soon image if a member access a lesson with drip feed
- Use Default Toggle Image (160 x 100):
This will use the default toggle image to all lesson blocks.
You can click on Browse or Select from gallery.
+ Browse – upload a new image from your computer.
+ Select from gallery – choose from the images that you’ve already used in other pages/templates.
- Redirect Page
This will let you redirect members that reach this page to a different page that you can choose from the drop-down.
Delay: You can also set up a delay for this action, depending on what best suits you.
Pass URL parameters to next URL – When a user is redirected to the page that you have set up, you may pass the URL parameters to the next page. Simply switch the toggle on.
Add Audience Segmentation – If you want to take advantage of Audience segmentation, this is a great tool to use.
It allows you to setup custom pages that will display for each Audience group that you have created.
Under Link, you can choose the page to redirect users to (e.g. campaign, course, blog, and custom URL)
For more information, you may check the Audience booster.
- Access Based on a Tag
This option will allow you to provide access to your members based on the tag selected in the settings.
Give Access to Page if User Has:
Select the email system you want to use. The options here will be based on the current integrated email system on your KLEQ site.
Email System Tag:
Select your email system’s tag from the drop-down menu or create a new tag.
Redirect to this page if they don’t have the tag:
Select the page or URL you want your members to be redirected to if they don’t have the tag.
Or, you may also select Don’t Redirect at the bottom of the drop-down menu.
Use this URL:
You may use this link to directly access the page.
Important: Replace XXX with the Contacts Email.
- Show Comments
This allows your members to add comments to your course pages.
- Access when Assessment is passed
This allows your members to have access to the course page after they have completed the assessment you require.
You may choose which assessment they will have to take from the drop down after you have checked the box.
You can find more information regarding how to set up your assessments here: Create Assessments for your Course Pages
- Access when all lessons from page are completed
This allows your members to have access to another Course Page after they have completed all the lessons from the current Course page.
You can choose which Page you will grant them access to from the drop down after you have checked the box.
- Page Landing Action
Allows you to apply a specific action as users land on a certain page.
To know more about this feature, visit How to use the Page Landing Action Feature
Upload the Header image you would like to appear at the top of the course page.
- Hide Item
Enabling this option will hide the Header Image for the current page.
+ Browse – upload an image from your computer.
+ Select from gallery – if you want to use an image that’s already been uploaded or been used in another template or page. Once clicked, the image gallery popup window will appear with all the available images listed.
Coming Soon Text
This feature allows you to add teaser text to your course page, when the Course Page Drip Feed feature is enabled. Simply add the text you would like to display at the top of the page and SAVE.