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

How To Add Navigation Buttons To Your Course Pages in AccessAlly

When you build out your course (or other membership) content inside AccessAlly’s Offering Wizard, AccessAlly notices the chronological order of your modules and pages, as they exist in the Offering. 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 for the Offering

Before adding buttons to your pages, please make sure that the course order is correct by going to: AccessAlly > Offerings. 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 offering is the same that will be reflected in the navigation buttons.

(To reorder, 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 Offering navigation shortcode. You can change the text on the buttons if you wish, before clicking on the Generate Shortcode button.

Offering Navigation shortcode

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.

Course Navigation Styling

Styling Preview

Updated on November 15, 2023
Was this article helpful?

Related Articles


If you have any questions, we're just an email away.

We take your success seriously, and you'll always get a speedy reply from a real person during business hours.

Laptop with the AccessAlly demo site

AccessAlly is the most flexible way to sell and elegantly deliver digital offerings. All in one place.


You'll get follow-up emails about AccessAlly and new features. Opt out anytime. Full privacy policy here.