With AccessAlly, you can create an icon dashboard for courses and memberships that creates organic upsell opportunities for your free and paying members.
Not sure where your disabled icon is redirecting to? Please check the settings for that course inside the Course Setup Wizard.
Why Use The Dynamic Icon Dashboard Shortcodes (instead of simply adding linked images)
It’s certainly possible to manually create a dashboard by adding images that link directly to your course material.
However, if you use the methods on this page that use the shortcode adder, the icons become dynamic, which means:
- Course icons display the “enabled” or “disabled” versions based on whether or not the user has permission to the course.
- If your courses are set up so that users without the proper permission are redirected to a sales page, the AccessAlly shortcode will take care of the redirect for you
Locate Your Main Course Dashboard Page
If you used the Onboarding Wizard to configure your key pages, you can easily locate your main dashboard page by going to: AccessAlly > General Settings > Initial Setup > Key Pages
Method 1: Add Icons Individually (Advanced)
This method gives you the most flexibility, but if you’re looking for a faster solution you’ll love option 2 below.
On any WordPress post or page, you can use the AccessAlly shortcode adder located in the toolbar to easily add any course icon to your page.
The process is simple:
Step 1: Click on the Shortcode Adder button
Step 2: Select the appropriate course icon
Clicking on the dropdown will reveal your website’s pages. Select the main page for the course you’ve created.
Step 3: Add Icon to Page
Click on the yellow INSERT SHORTCODE button to add the icon to the page.
Step 4: Add Styling, Etc.
By default, the shortcode only shows the course icon as you’ve configured it in the AccessAlly Course Wizard settings for your course.
If you’d like it to appear in a different size, or create several columns of icons, you must use CSS styling or use your theme’s design tools (if applicable).
This first method uses the AccessAlly shortcode adder to individually add each icon to the page. With this method, you’ll need to have additional styling resources available to improve the look/layout of the icons (styling resources might include your theme settings, CSS, or a page builder plugin like Beaver Builder).
Method 2: Use the Course Wizard Visual Dashboard Settings (Recommended)
Alternatively, you can style the dashboard from inside the Course Wizard area and add it to a page using a single shortcode.
Find more information on how to show course progress using the progress pie chart or progress bar.