LearnDash Dashboard

The LearnDash student dashboard is the central hub where learners track their progress, access courses, view certificates, and manage their learning journey. BuddyX Pro enhances this dashboard with modern styling and seamless BuddyPress integration.

What You Can Do

Transform the student learning experience with:

• Track Course Progress - Visual progress bars and completion status
• View Enrolled Courses - Quick access to active and completed courses
• Download Certificates - Easy access to earned certificates
• See Quiz Results - Detailed quiz scores and history
• Access Course Materials - Direct links to lessons and topics
• Manage Profile - Update profile and preferences (with BuddyPress)
• View Achievements - Badges, points, and gamification (with GamiPress)
• Connect with Peers - See course participants and interact

Dashboard Overview

The LearnDash user dashboard displays when students visit their profile or dedicated dashboard page.

Dashboard Components

Section	Description	Customizable
Enrolled Courses	Active courses with progress	Layout only
Completed Courses	Finished courses with completion date	Layout only
Course Progress	Visual progress indicators	Colors via theme
Certificates	Downloadable completion certificates	Template design
Quiz Results	Scores and quiz history	Via LearnDash
Points & Achievements	Gamification elements	Via GamiPress

Dashboard Access Points

Students can access their dashboard via:

1. User Profile Link

   • URL: yoursite.com/profile/username/courses/
   • With BuddyPress: Integrated tab

2. Dashboard Shortcode

   • [ld_profile] - Shows current user’s dashboard
   • [ld_course_list] - Shows enrolled courses only

3. Menu Link

   • Add to navigation menu
   • Links to profile/dashboard page

Setting Up the Dashboard

Creating a Dashboard Page

Method 1: Using Shortcode

1. Create New Page

   • Go to Pages → Add New
   • Title: “My Courses” or “Learning Dashboard”

2. Add Shortcode

   • In content editor, add:

   [ld_profile]

3. Configure Page

   • Template: Default or Full Width
   • Sidebar: Recommended - No Sidebar
   • Publish page

4. Add to Menu

   • Go to Appearance → Menus
   • Add page to navigation
   • Save menu

Method 2: Using LearnDash Settings

1. Configure Registration URLs

   • Go to LearnDash LMS → Settings → Registration & Profile
   • Set Profile URL to your dashboard page
   • Save settings

2. LearnDash Links

   • LearnDash automatically links to this page
   • “My Courses” buttons go here
   • User profile links point here

BuddyPress Integration

If using BuddyPress, the dashboard integrates automatically:

What Happens:

• Courses Tab added to member profiles
• Shows enrolled courses
• Displays course progress
• Visible to profile owner only (by default)

Accessing via BuddyPress:

1. User logs in
2. Clicks their avatar/name
3. Views profile
4. Clicks Courses tab

Making Courses Tab Public: Use a plugin like BuddyPress Profile Tabs Visibility to control tab privacy.

Dashboard Layout Options

BuddyX Pro provides several layout options for the dashboard.

Sidebar Configuration

Recommended: No Sidebar

Why:

• Dashboard is full-width for better course card display
• More courses visible at once
• Cleaner, app-like interface

To Change:

1. Go to Appearance → Customize → Sidebar
2. Find Page Sidebar setting
3. Select sidebar layout
4. Publish

Alternative: Use right sidebar with:

• Course search widget
• Course categories widget
• Recent courses widget

Grid Layout

Enrolled courses display in a grid similar to course archive.

Default Layout:

• 3-4 columns on desktop
• 2 columns on tablet
• 1 column on mobile
• Progress bars on each card
• “Continue” or “Start” buttons

Customizing Grid: Controlled by LearnDash Course Grid plugin settings:

1. Install LearnDash Course Grid
2. Go to LearnDash → Course Grid
3. Configure:
   • Columns per row
   • Show/hide progress
   • Button text
   • Card elements

Course Progress Tracking

BuddyX Pro enhances how progress is displayed in the dashboard.

Progress Bar Styling

Visual Elements:

Web Development Fundamentals
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
████████████░░░░░░░░░░░░░ 45%

12 of 24 lessons completed

Color Coding:

• In Progress: Theme primary color
• Not Started: Light gray
• Completed: Success green
• Failed/Locked: Warning red

Progress Calculation

LearnDash calculates progress based on:

Method	Calculation	Use Case
Lesson-Based	Completed lessons ÷ total lessons	Standard courses
Quiz-Based	Passed quizzes ÷ total quizzes	Test-focused courses
Assignment-Based	Approved assignments ÷ total	Project courses
Mixed	Average of all methods	Comprehensive courses

Set in Course Settings:

1. Edit course
2. Course Settings meta box
3. Find Course Progression
4. Choose calculation method
5. Update course

Completion Status Badges

Each course card shows status:

Badge	Meaning	Color
Not Started	0% complete	Gray
In Progress	1-99% complete	Blue/Primary
Completed	100% complete	Green
Expired	Access period ended	Red

Certificate Display

Certificates appear in the dashboard after course completion.

Certificate Section

Location: Below completed courses

What Shows:

• Certificate thumbnail/icon
• Course name
• Completion date
• Download PDF button
• Print button

Layout Example:

Certificates
┌──────────────────────────────────────┐
│ 📜 Web Development Fundamentals      │
│    Completed: January 25, 2026       │
│    [Download PDF] [Print]            │
├──────────────────────────────────────┤
│ 📜 Advanced JavaScript               │
│    Completed: January 20, 2026       │
│    [Download PDF] [Print]            │
└──────────────────────────────────────┘

Creating Certificate Templates

1. Add New Certificate

   • Go to LearnDash → Certificates
   • Click Add New

2. Design Certificate

   • Use visual editor
   • Add shortcodes for dynamic content:
     • {user_name} - Student name
     • {course_title} - Course name
     • {completion_date} - Date completed
     • {course_points} - Points earned

3. Style Certificate

   • Background image
   • Fonts and colors
   • Logo and signature
   • Border and decorations

4. Assign to Course

   • Edit course
   • Course Settings → Associated Certificate
   • Select certificate template
   • Update course

Certificate Verification

Making Certificates Verifiable:

1. Install LearnDash Certificate Verification plugin
2. Generates unique certificate IDs
3. Public verification page
4. Prevents fraud

Verification Process:

1. Student shares certificate PDF
2. Employer/school visits verification page
3. Enters certificate ID
4. System confirms authenticity

Quiz Results & History

The dashboard provides detailed quiz performance tracking.

Quiz History Display

Location: Dashboard quiz results section

What Shows:

• Quiz name
• Course association
• Score percentage
• Pass/fail status
• Date taken
• Number of attempts
• Time spent

Layout Example:

Quiz Results
┌───────────────────────────────────────────┐
│ JavaScript Basics Quiz                    │
│ Course: Web Development Fundamentals      │
│ Score: 85% (17/20 correct) ✓ PASSED      │
│ Date: January 24, 2026                    │
│ Time: 15 minutes                          │
│ [View Answers] [Retake]                   │
└───────────────────────────────────────────┘

Quiz Statistics

If using LearnDash Course Grid or LearnDash ProPanel:

Available Stats:

• Average quiz score across all courses
• Total quizzes taken
• Total quizzes passed
• Success rate percentage
• Best and worst performing quizzes

Viewing Quiz Answers

If Enabled in Quiz Settings:

1. Student clicks View Answers button
2. See all questions
3. View correct/incorrect answers
4. See explanations (if provided)
5. Review missed questions

Enabling Answer Review:

1. Edit quiz
2. Quiz Settings → Quiz Results Display
3. Enable View Quiz Questions
4. Update quiz

Course Participants Display

See other students enrolled in your courses.

Participant Section

Location: Single course page (when enrolled)

What Shows:

• Student avatars (40×40px)
• Display names
• Profile links (if BuddyPress active)
• Load more button (if >5 participants)

Privacy: Participants are only visible to enrolled students, not public visitors.

Customizing Participant Display

Number of Participants Per Page:

Default: 5 participants

To Change (requires code): Add to child theme functions.php:

add_filter( 'buddyx_learndash_lms_get_course_participants_per_page', function( $per_page ) {
    return 10; // Show 10 participants
});

Hiding Participants: Use CSS in child theme:

.learndash-course-participants {
    display: none;
}

Gamification Integration

Enhance the dashboard with badges, points, and achievements using GamiPress.

What GamiPress Adds

Dashboard Elements:

• Points balance
• Earned badges
• Achievement progress
• Leaderboards
• Ranks

Setting Up GamiPress with LearnDash

1. Install GamiPress

   • Install base GamiPress plugin
   • Install GamiPress - LearnDash integration
   • Activate both plugins

2. Create Achievement Types

   • Go to GamiPress → Achievement Types
   • Add types like “Course Completion Badges”
   • Configure display settings

3. Set Up Awards

   • Create achievements
   • Set triggers:
     • Complete a course
     • Pass a quiz with X%
     • Complete X lessons
     • Earn X points

4. Add to Dashboard

   • Use shortcodes:

   [gamipress_achievements]
   [gamipress_points type="points"]
   [gamipress_ranks]

GamiPress Dashboard Layout

Example Integration:

My Learning Dashboard

┌─────────────────────────────┐
│ 🏆 Points: 1,250            │
│ 🎖️  Badges: 12 earned       │
│ 📊 Rank: Gold Learner       │
└─────────────────────────────┘

My Courses
┌──────────┬──────────┬──────────┐
│ Course 1 │ Course 2 │ Course 3 │
│ 45% ████ │ 80% ████ │ 100% ✓   │
└──────────┴──────────┴──────────┘

Recent Achievements
┌────────────────────────────┐
│ 🎓 First Course Complete   │
│ 📚 5 Lessons in One Day    │
│ 💯 Quiz Master (100%)      │
└────────────────────────────┘

BuddyPress Profile Integration

When BuddyPress is active, the learning dashboard integrates with social profiles.

Profile Tabs

Courses Tab:

• Shows enrolled courses
• Displays progress
• Public or private (configurable)

Activity Tab:

• Course enrollments posted
• Quiz completions shared
• Achievements displayed
• Certificate announcements

Badges Tab (with GamiPress):

• All earned badges
• Badge progress
• Badge showcases

Profile Widgets

Add to BuddyPress profile sidebars:

Widget	Shows	Source
Course Progress	Current course status	LearnDash
Recent Certificates	Latest completions	LearnDash
Achievements	Badges and points	GamiPress
Learning Streak	Consecutive days	Custom plugin

Activity Stream Integration

Automatic Activity Posts:

• Course enrollments
• Course completions
• Quiz passes
• Certificate earnings
• Achievements unlocked

Customizing Activity:

1. Go to Settings → BuddyPress → Activity
2. Find LearnDash activity types
3. Enable/disable types
4. Save settings

Dashboard Shortcodes

Use these shortcodes to build custom dashboard pages.

LearnDash Shortcodes

Shortcode	Description	Attributes
[ld_profile]	Full user profile dashboard	user_id, per_page
[ld_course_list]	Enrolled courses only	user_id, course_id
[ld_course_resume]	Resume last lesson button	user_id, course_id
[learndash_user_status]	Course progress status	user_id, course_id
[ld_certificate]	Certificate download link	user_id, course_id

GamiPress Shortcodes

Shortcode	Description	Attributes
[gamipress_achievement]	Single achievement	id, user_id
[gamipress_achievements]	Achievement list	type, columns
[gamipress_points]	Points balance	type, user_id
[gamipress_leaderboard]	Top users	type, limit

Example Custom Dashboard

Create a page with:

<h2>My Learning Progress</h2>
[ld_profile]

<h2>My Achievements</h2>
[gamipress_achievements type="course-badges" columns="3"]

<h2>My Points</h2>
[gamipress_points]

<h2>Leaderboard</h2>
[gamipress_leaderboard limit="10"]

Mobile Dashboard Experience

BuddyX Pro ensures the dashboard works beautifully on all devices.

Mobile Optimizations

Responsive Grid:

• Desktop: 3-4 columns
• Tablet: 2 columns
• Mobile: 1 column stacked

Touch-Friendly:

• Large buttons (44px minimum)
• Adequate spacing
• Swipeable course cards (if using carousel)

Mobile Navigation:

• Sticky dashboard menu
• Tab-based sections
• Collapsible course lists

Mobile-Specific Features

Progressive Web App (PWA): Install a plugin like Super Progressive Web Apps to:

• Add to home screen
• Offline course access
• Push notifications
• App-like experience

Customizing Dashboard Appearance

Using the Customizer

Available Settings:

1. Colors

   • Go to Customizer → Skin
   • Primary color affects progress bars
   • Success color affects completion badges

2. Typography

   • Go to Customizer → Typography
   • Heading fonts affect course titles
   • Body font affects descriptions

3. Sidebar

   • Go to Customizer → Sidebar
   • Control dashboard sidebar
   • Widget areas

Custom CSS

Add to Customizer → Additional CSS or child theme:

Change Progress Bar Colors:

.ld-progress-bar .ld-progress-bar-percentage {
    background-color: #your-color;
}

Adjust Card Spacing:

.ld_course_grid {
    gap: 30px; /* Increase spacing */
}

Customize Button Styles:

.ld-course-list-items .ld-status-action a {
    background: #your-color;
    border-radius: 5px;
    padding: 12px 24px;
}

Dashboard Widgets

Add functionality to dashboard sidebars.

Recommended Widgets

For Student Dashboard:

1. Course Search

   • Allows quick course lookup
   • Filters by title, instructor, category

2. Course Categories

   • Browse courses by topic
   • Shows course counts

3. Recent Courses

   • Displays newly added courses
   • Encourages exploration

4. Course Progress Summary

   • Overall completion percentage
   • Total lessons completed
   • Total courses enrolled

5. Upcoming Lessons (requires plugin)

   • Next scheduled lessons
   • Due dates for assignments

Creating Custom Dashboard Widgets

Using WordPress Widget API:

class My_Dashboard_Widget extends WP_Widget {
    public function __construct() {
        parent::__construct(
            'my_dashboard_widget',
            'My Dashboard Widget',
            array( 'description' => 'Custom dashboard info' )
        );
    }

    public function widget( $args, $instance ) {
        // Widget output
        echo $args['before_widget'];
        echo '<h3>My Progress</h3>';
        // Custom progress display
        echo $args['after_widget'];
    }
}

add_action( 'widgets_init', function() {
    register_widget( 'My_Dashboard_Widget' );
});

Common Questions

How do I change the dashboard page URL?

Method 1: Change Page Slug

1. Edit dashboard page
2. Click Edit next to permalink
3. Change slug (e.g., “my-learning”)
4. Update page

Method 2: Set in LearnDash

1. Go to LearnDash → Settings → Registration & Profile
2. Set Profile URL to new page
3. Save settings

Can students see other students’ dashboards?

Default: No, only their own

To Allow:

1. Install BP Profile Visibility plugin
2. Allow “Courses” tab to be public
3. Students can view each other’s enrolled courses

Privacy Note: Quiz scores and detailed progress remain private unless specifically shared.

How do I hide completed courses?

Using Shortcode Attribute:

[ld_course_list show="enrolled"]

Using LearnDash Settings:

1. Go to LearnDash → Course Grid
2. Find Completed Courses option
3. Set to “Hide”
4. Save settings

Can I export dashboard data?

Yes, using plugins:

1. LearnDash Reports

   • Built into LearnDash Pro
   • Export user progress
   • CSV format

2. Uncanny Toolkit

   • Advanced reporting
   • PDF exports
   • Custom reports

3. WP All Export

   • Export all LearnDash data
   • Scheduled exports
   • Multiple formats

How do I add a course search to the dashboard?

Method 1: Widget

1. Go to Appearance → Widgets
2. Find dashboard widget area
3. Add Search widget
4. Configure to search courses only

Method 2: Shortcode Add to dashboard page:

[learndash_course_search]

(Requires LearnDash Course Grid plugin)

Can I customize the certificate download button?

Yes, with CSS:

.ld-certificate-link a {
    background: #your-color;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}
.ld-certificate-link a:hover {
    background: #darker-color;
}

Recommended Configurations by User Type

K-12 Students

Dashboard Features:

• Simplified layout (1-2 columns)
• Large, colorful buttons
• Heavy gamification (badges, points)
• Parent access/reports
• Reduced text, more visuals

Adult Learners

Dashboard Features:

• Professional design
• Detailed progress metrics
• Certificate prominence
• LinkedIn integration
• Career-focused layout

Corporate Training

Dashboard Features:

• Manager oversight
• Compliance tracking
• Deadline indicators
• Completion reports
• Team leaderboards

Hobby/Interest Learners

Dashboard Features:

• Visual, Pinterest-style
• Social features
• Community integration
• Flexible pacing
• Achievement showcases

Related Settings

• LearnDash Setup - Initial configuration
• Course Layouts - Course design options
• BuddyPress Integration - Social features
• Sidebar Settings - Dashboard sidebars

---

Got a question? We’re a friendly team - happy to help.

• Visit our Documentation Portal
• Email Support: support@wbcomdesigns.com
• Include: BuddyX Pro version, LearnDash version, and dashboard screenshots