1. Home
  2. AccessAlly
  3. User Directory
  4. How to Add Icons or Badges to the User Directory

How to Add Icons or Badges to the User Directory

You can add course icons or badges to the User Directory on AccessAlly. Here’s how!

What you’ll need

Inside this article, we’ll cover the basics of adding badges or course icons to your Member Directory. The guide linked above will give you more in-depth information on how AccessAlly shortcodes work if you’d like to do something more robust after learning the basics in this article.

Step 1: Adding Course Icons or Badges

You’ll need to add the images you’d like to use to your site to represent the courses or badges. For course icons, these are uploaded when creating any new course inside the AccessAlly Course Wizard. For badges, it is recommended to use the AccessAlly Protected Content Feature.

Adding Course Icons – this is perfect for showing members that are a part of a course or courses on your directory.

Adding Course Icons to the Directory

Course icons are automatically added when you create a course in the AccessAlly Course Wizard so you’re all set for this step.

Course Icons in the Course Wizard

Example of a badge that’s displayed when a member reaches the gold level!

This allows you the option to add multiple images or badges that are displayed on your directory.

Adding Badges to the User Directory

Here’s how to add your badges via Protected Content – it’s one piece of protected content per badge!

adding a piece of protected content

Part 2: Check your directory settings

Your directory needs to be set up using the Customize user profile using templates inside the User Profile Display template section under AccessAlly > User Directory > Directories > open your directory > Profile display as shown in the screenshot below.

Part 3: Add a Custom Code (Developer Only) Block

Next, scroll to the Profile Description section and add a Custom Code (Developer Only) block to your Directory.

Now it’s time to enter the shortcode for the course icon(s) you’d like to display.

Quick Tip! Use the AccessAlly Shortcode Generator to grab the shortcodes for your Course Icons or Badges. This will work for Course Icons and the same option will pull your badges too!

AccessAlly Shortcode Generator

Paste the shortcodes into the custom code block in the directory. Here’s what your custom code block will look like after pasting in the shortcodes.

Part 4: Force Refresh your Member Directory

In order to see the icons appear inside your Member Directory, you’ll want to checkmark the box to Force regeneration of all user filters (this will re-evaluate all users for all the filters) as shown in the screenshot below.

Part 5: Visit the Member Directory

Visit your member directory to see your course icons or badges!


Updated on December 11, 2020

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.


AccessAlly is the #1 WordPress Course and Membership Solution for Industry Leaders


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