1. Home
  2. AccessAlly
  3. Creating Courses
  4. How To Add Navigation Buttons To Your Course Pages

How To Add Navigation Buttons To Your Course Pages

When you build out your course (or other membership) content inside AccessAlly’s Course Wizard, AccessAlly notices the chronological order of your modules and pages, as they exist in the Course Wizard. If you wish, you can add a shortcode to any of these course pages that will automatically detect the order in which the student should progress through the course.

When the shortcode is added to the page, the student can then click on the buttons to be taken to the “previous” and “next” pages, respectively.

Why Use Navigation Buttons On Your Course Pages

It is certainly not necessary to add course navigation buttons to your pages, and in some cases you may simply choose to display a sidebar navigation menu that allows users to access each page in your course.

However, the navigation buttons are extremely convenient, can help reduce overwhelm, and may encourage users to continue clicking deeper into the course.

How To Add The Buttons To Your Pages

Step 1: Review Course Format in the Course Wizard

Before adding buttons to your pages, please make sure that the course order is correct by going to: AccessAlly > Course Wizard > Edit Courses. Click on the course you’ll be adding the buttons to, and review both the modules (if a stage-released course) and the content (pages/posts).

The order the modules & pages appear in the course wizard is the same that will be reflected in the navigation buttons.

(To reorder, click on the blue reorder button, then drag-and-drop the pages or modules to their proper locations.)

Step 2: Insert Shortcode

Next, go into your course pages and use the AccessAlly shortcode adder to insert the Course navigation shortcode.

You can change the text on the buttons if you wish, before clicking on the yellow Insert Shortcode button.

Step 3: Test / Review Buttons

Once the buttons have been added to the course pages, please test each of the buttons to make sure they are working properly.

How To Change the Appearance Of Your Course Navigation Buttons

To change the color and appearance of your course navigation buttons, go to: AccessAlly > General Settings > Styling.

Here, you can change the button color, hover color, and font size.

Updated on March 19, 2019

Was this article helpful?

Related Articles