02005 – Course Page Settings

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.

 

Page Options

This is where you control the basic settings for your page template e.g.

Page Layout

You may customize the layout for each course page. The default option is the current (boxed).
+ 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.

Important: 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.

Page Background
Customize your course page’s background. You can upload an image from your computer or site’s Image Gallery or use a plain color as your background.

      • The changes on Page Background will be applied here:
  • Upload 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.
  • Overlay Color Opacity – This feature allows you to change the opacity of the overlay color.
    Simply move the slider left or right to increase or decrease the transparency of the image.
  • 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.

Content Background
With this you can change the background color of the course content. By default, the background color is set to transparentSelect color from the color picker.
(see image below for the content background change)

  • Page Spacing
    You can add padding around your section so that there is additional space. Simply add the numeric (pixel) value to the Top and Bottom padding field provided.Header, Footer and After Body Tag Code
    Add codes here. e.g. Facebook pixel, Google Analytics, etc.Show Coming Soon
    Show the coming soon image if a member access a lesson with drip feed

 

Use Default Toggle Image
This will use the default toggle image to all lesson blocks.

Redirect Page
This will let you redirect members that reach this page to a different page that you can choose from the drop-down.
You can also set up a delay for this action, depending on what best suits you.
When a user is redirected to the page that you have set up, you may pass the URL parameters to the next page. Simply put a check on the box.

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 10XPRO 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 link to access page:
    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

 

Header Image

Upload the Header image you would like to appear at the top of the lesson page.
Header Dimensions are 2280 x 800px

+ 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.

      • Hide Item
        Enabling this option will hide the Header Image for the current page.
      • Remove image
        This option will appear once there is an uploaded image.
        Click Remove image and then Save button for the image to be removed.

 

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.

 

Related Posts

Working with Rows
Working with Blocks: Course Pages