6.2 Modules

---

Button Modules

Enroll

The Enroll Button Module in BeaverDash lets you seamlessly integrate an enrollment option into your LearnDash-based LMS using Beaver Builder. This module provides a dynamic and customizable way to display enrollment options, encouraging users to sign up for courses with a visually appealing and interactive button.

Key Features of the Enroll Button Module

1. Dynamic Button Text and Styling

   • Customize the button text to match the context (e.g., "Enroll Now," "Join the Course," or "Start Learning").
   • Apply styles directly in Beaver Builder to ensure the button aligns with your branding, including colors, fonts, and hover effects.

2. Conditional Display Options

   • The button will only appear for courses requiring enrollment, making it dynamic and user-aware.
   • Users already enrolled in the course will not see the button, avoiding confusion or redundancy.

3. Integration with Payment and Free Access Options

   • Links seamlessly to courses with payment gateways configured in LearnDash.
   • For free courses, the button automatically provides access without additional configuration.

4. Responsive and Mobile-Friendly Design

   • Ensures the button looks great and functions well on any device, enhancing usability across platforms.

Why the Enroll Button Matters

The Enroll Button Module simplifies the course registration process for learners while allowing site administrators to maintain a professional and polished user experience. Its flexibility ensures that you can design an LMS that is not only functional but also visually cohesive with the rest of your site.

• Improves Conversion Rates: Clear, actionable buttons encourage users to take the next step.
• Reduces Friction: Direct integration with LearnDash’s enrollment system minimizes manual setup.
• Supports Branding: With full control over styling, you can ensure the button aligns with your overall design.

How to Use the Enroll Button Module

1. Add the Module to a Page:

   • Drag and drop the Enroll Button module into your desired location within Beaver Builder.

2. Configure Settings:

   • Set the text and alignment.
   • Link the button dynamically to a course or specify a custom URL.
   • Choose visibility conditions, such as showing the button only to logged-out users.

3. Style the Button:

   • Use Beaver Builder’s styling tools to customize the appearance, including colors, borders, and hover effects.

4. Test the Functionality:

   • Ensure the button redirects correctly and appears for the intended audience.

This module is perfect for creating a frictionless enrollment experience while maintaining control over design and functionality.

---

Mark Complete

The Mark Complete Button Module in BeaverDash enables you to display a customizable "Mark Complete" button for LearnDash lessons, topics, and quizzes. This feature enhances the user experience by making course progression simple, clear, and aligned with your site's design.

Key Features of the Mark Complete Button Module

1. Dynamic Behavior

   • Automatically detects and displays the button only for content that can be marked complete.
   • Hides the button for completed lessons or topics, keeping the interface clean and intuitive.

2. Customizable Text and Styling

   • Change the button text to match your course tone (e.g., "Complete Lesson," "I'm Done," or "Next Step").
   • Full styling options in Beaver Builder allow you to adjust colors, typography, and hover effects for branding consistency.

3. Progress Tracking Integration

   • Links directly to LearnDash’s progress tracking system.
   • Updates progress indicators and course completion rates instantly upon user interaction.

4. Visibility Options

   • Show or hide the button based on user roles or course enrollment status, providing a tailored experience for different audiences.

5. Mobile Responsiveness

   • Optimized for all screen sizes, ensuring a seamless experience for learners on mobile devices.

Why the Mark Complete Button Matters

The Mark Complete Button Module is crucial for maintaining learner engagement and facilitating a smooth course progression experience. Its dynamic functionality reduces confusion for users while giving you the tools to ensure a cohesive and branded interface.

• Encourages Engagement: Provides a clear call-to-action, motivating learners to complete sections and move forward.
• Streamlines Progression: By marking content complete, users can easily track what they’ve accomplished.
• Enhances User Experience: Avoids clutter by showing the button only when relevant.

How to Use the Mark Complete Button Module

1. Add the Module to a Page:

   • Drag and drop the Mark Complete Button module into the desired position in Beaver Builder.

2. Configure Button Settings:

   • Define the button text, such as “Mark Complete” or “Finish Lesson.”
   • Set display conditions, like showing the button only for logged-in users or enrolled learners.

3. Style the Button:

   • Adjust the appearance to match your course theme using Beaver Builder’s styling options.
   • Customize hover effects to make the button visually appealing and interactive.

4. Test the Button:

   • Verify that the button behaves dynamically, appearing only when applicable and marking content complete correctly.

The Mark Complete Button Module is an essential tool for course creators who want to provide learners with a straightforward and visually integrated way to manage their progress.

---

Navigation

The Navigation Button Module in BeaverDash allows you to include directional navigation buttons—like "Previous Lesson" and "Next Lesson"—directly on LearnDash course, lesson, topic, or quiz pages. This module ensures that learners can effortlessly move through your course content, enhancing user experience and engagement.

Key Features of the Navigation Button Module

1. Dynamic Targeting

   • Buttons automatically point to the previous or next logical step in the course structure based on LearnDash’s hierarchy.
   • Adapt dynamically for content types, ensuring learners are guided correctly.

2. Customizable Labels

   • Change the text for navigation buttons to suit your course tone (e.g., "Go Back" and "Next Step" or "← Previous" and "Continue →").
   • Add optional icons for clarity and visual appeal.

3. Styling Options

   • Fully customizable in Beaver Builder, allowing you to adjust size, shape, colors, and typography.
   • Includes hover effects to make buttons interactive and visually consistent with your design.

4. Visibility Settings

   • Define conditions for when and where buttons are displayed. For example:
     • Show only for enrolled users.
     • Display on specific course types (lessons, topics, or quizzes).

5. vMobile-Responsive Design

   • Ensures that buttons are functional and look great on any device, from desktops to mobile phones.

Why the Navigation Button Matters

Learner navigation is central to the course experience. This module provides clear and intuitive paths for users, helping them focus on learning instead of finding their way.

• Improves Usability: Makes it easier for learners to move forward or revisit content.
• Enhances Flow: Keeps users in the course by avoiding unnecessary interruptions or confusion.
• *Supports Engagement: A seamless navigation experience keeps learners progressing through their courses.

How to Use the Navigation Button Module

1. vAdd the Module:

   • Drag and drop the Navigation Button module into your desired location within Beaver Builder.

2. Configure Button Settings:

   • Choose button types: “Previous,” “Next,” or both.
   • Set custom labels, such as “Go Back” or “Continue Learning.”
   • Optionally include directional icons to guide learners visually.

3. Customize the Design:

   • Adjust colors, typography, and button shapes to match your course branding.
   • Add hover effects for better interactivity.

4. Set Visibility Rules:

   • Define conditions for when buttons are shown. For instance, hide them for users who are not logged in or enrolled.

5. Test the Navigation:

   • Confirm that the buttons navigate to the correct content and that visibility rules work as expected.

The Navigation Button Module streamlines the learner journey, reducing friction and keeping users engaged in your course.

---

Certificate Modules

Certificate Grid

The Certificate Grid Module in BeaverDash is designed to showcase LearnDash certificates in an attractive, organized layout. This module is perfect for displaying earned certificates to learners or creating a visual showcase of available achievements within your courses.

Key Features of the Certificate Grid Module

1. Dynamic Certificate Display

   • Automatically pulls certificates tied to specific courses or achievements in LearnDash.
   • Displays only the certificates relevant to the logged-in user, ensuring personalized content.

2. Grid Layout Options

   • Flexible layout choices for a professional presentation: adjust the number of columns, spacing, and alignment.
   • Supports mobile responsiveness, ensuring the grid looks great on any device.

3. Certificate Previews

   • Show thumbnail previews of certificates, giving learners a visual incentive to complete courses or modules.
   • Option to display full certificate names or customizable titles.

4. Interactive Features

   • Allow learners to click on certificates for more details or to download their copies.
   • Optional hover effects and animations for a polished, engaging interface.

5. Conditional Visibility

   • Control which certificates are displayed based on criteria such as completion status, enrollment, or user roles.

Why the Certificate Grid Matters

Certificates are tangible proof of accomplishment and a motivational tool. A well-designed certificate grid:

• Recognizes Achievement: Celebrates learners’ successes visually and accessibly.
• Encourages Engagement: Provides a sense of progress and inspires users to earn more certificates.
• Simplifies Access: Enables learners to easily view and download their achievements without navigating through multiple steps.

How to Use the Certificate Grid Module

1. Add the Module:

   • Drag and drop the Certificate Grid Module onto your desired Beaver Builder layout.

2. Configure Certificate Sources:

   • Link the module to specific LearnDash certificates or set it to automatically include all earned certificates.
   • Filter by courses, quizzes, or achievements as needed.

3. Customize the Grid Layout:

   • Choose the number of columns to fit your design (e.g., 2, 3, or 4).
   • Adjust spacing, alignment, and thumbnail size to create the desired appearance.

4. Enable Interactions:

   • Activate click-to-download or detailed view functionality for certificates.
   • Add hover effects to highlight certificates when users explore the grid.

5. Set Visibility Rules:

   • Display only certificates earned by logged-in users or set criteria based on roles and permissions.
   • Test the module to ensure it correctly filters and displays certificates as expected.

The Certificate Grid Module turns learner accomplishments into a visually appealing and functional showcase. By incorporating this module, you provide a motivational boost to learners and highlight the value of your courses.

---

Content Modules

Breadcrumb

The Breadcrumb Module in BeaverDash is a versatile tool for adding navigational breadcrumbs to your LearnDash pages. Breadcrumbs provide learners with a clear path of their progress and location within a course, making it easier to navigate complex LMS structures.

Key Features of the Breadcrumb Module

1. Dynamic Breadcrumb Generation

   • Automatically creates breadcrumbs based on LearnDash course structures, including categories, lessons, topics, and quizzes.
   • Reflects the user’s current location dynamically, ensuring accurate navigation paths.

2. Customizable Display

   • Choose which elements to include in the breadcrumb trail, such as course titles, topics, or subcategories.
   • Adjust the separator style, font size, and colors to match your site’s design.

3. Mobile-Friendly Design Breadcrumbs adapt seamlessly to different screen sizes, ensuring learners have an intuitive navigation experience on any device.

4. Conditional Visibility

   • Set rules to show breadcrumbs only in specific contexts, such as within a course or lesson, while hiding them elsewhere.

Why Breadcrumbs Are Important

Breadcrumbs enhance the learning experience by:

• Improving Navigation: Allow learners to easily backtrack or jump between sections without confusion.
• Reducing Cognitive Load: Simplify complex course hierarchies by visually mapping progress.
• Boosting Engagement: Help learners feel oriented and in control, encouraging continued exploration.

How to Use the Breadcrumb Module

1. Add the Module:

   • Drag and drop the Breadcrumb Module into your desired location within Beaver Builder.

2. Configure the Source:

   • Set the module to pull data directly from LearnDash course hierarchies.
   • Specify whether to include all course levels (e.g., course > lesson > topic > quiz) or limit the depth.

3. Style Your Breadcrumbs:

   • Customize text, separators, and alignment to align with your site’s theme.
   • Enable or disable trailing breadcrumbs for simplified paths.

4. Apply Visibility Rules:

   • Use Beaver Builder’s conditional logic to restrict breadcrumbs to specific courses or roles.
   • Test visibility settings to ensure breadcrumbs only appear where they add value.

The Breadcrumb Module enhances your LearnDash site by streamlining navigation and reducing learner frustration. By adding clear, intuitive breadcrumbs, you improve user experience and make it easier for learners to focus on their goals.

---

Content

The Content Module in BeaverDash allows you to dynamically display the core content of a LearnDash course, lesson, topic, or quiz directly within your Beaver Builder layouts. This module integrates LearnDash’s rich content features with Beaver Builder's design flexibility, ensuring a seamless and consistent user experience across your LMS.

Key Features of the Content Module

1. Dynamic Content Display

   • Automatically renders the content assigned to a specific course, lesson, topic, or quiz.
   • Ensures accurate and context-sensitive content delivery, dynamically adapting based on the user’s current location within the LMS.

2. Flexible Integration

   • Supports all types of LearnDash content, including text, images, videos, and embedded media.
   • Adapts to your theme and other Beaver Builder modules for consistent styling.

3. Styling & Layout Options

   • Adjust spacing, alignment, and typography to match your design preferences.
   • Add surrounding elements, such as headings or separators, to frame the content effectively.

4. Visibility Controls

   • Use conditional display settings to restrict content visibility based on user roles, enrollment status, or other criteria.
   • Combine with other Beaver Builder modules for advanced layouts, such as adding course-specific headers or footers.

Why the Content Module Matters

• Centralized Content Management: Updates made to LearnDash content are automatically reflected in your Beaver Builder layouts, reducing duplication of effort.
• Enhanced User Experience: Ensures learners consistently access the correct content in a visually appealing format.
• Design Flexibility: Lets you create highly customized layouts for your LMS while leveraging LearnDash’s robust content features.

How to Use the Content Module

1. Add the Module to Your Layout:

   • Drag and drop the Content module into your desired location in the Beaver Builder editor.

2. Select the Source:

   • Configure the module to display content dynamically based on the current course, lesson, topic, or quiz.
   • If needed, specify fallback content for locations without assigned LearnDash content.

3. Style the Content Display:

   • Use the styling options to adjust the appearance of text, images, and other media within the content block.
   • Customize spacing and alignment to ensure a polished presentation.

4. Configure Visibility Rules:

   • Set conditional logic to display the module only for specific user roles, enrolled learners, or within designated courses.
   • Combine with other modules to build dynamic, interactive course pages.

The Content Module provides an essential bridge between LearnDash and Beaver Builder, enabling you to design visually appealing and highly functional course pages while maintaining dynamic content capabilities.

---

Image

The Image Module in BeaverDash allows you to dynamically display the featured image for a LearnDash course, lesson, topic, or quiz. This module is perfect for creating visually rich layouts that integrate LearnDash's content seamlessly into your Beaver Builder designs.

Key Features of the Image Module

1. Dynamic Image Source

   • Automatically pulls the featured image from the associated LearnDash course, lesson, topic, or quiz.
   • Ensures that the displayed image matches the current content context.

2. Custom Styling Options

   • Adjust image size, alignment, borders, and spacing to fit your layout design.
   • Add overlays, hover effects, or captions to enhance visual engagement.

3. Linking Options

   • Configure the image to link to its source content or a custom URL.
   • Optionally open links in a new tab for enhanced navigation control.

4. Visibility and Conditions

   • Display the featured image only for specific user roles, course statuses, or other conditional criteria.
   • Combine with other BeaverDash modules for a cohesive design.

Why the Image Module Matters

• Visual Consistency: Highlighting featured images adds a professional touch to your LMS layouts, making them more engaging and visually appealing.
• Dynamic Updates: Automatically reflects changes made to featured images in LearnDash, saving time and ensuring accuracy.
• Enhanced Navigation: Linking featured images to relevant content improves user interaction and overall site usability.

How to Use the Image Module

1. Drag and Drop:

   • Add the Image Module to your Beaver Builder layout where you want the featured image to appear.

2. Select the Source:

   • Configure the module to pull the featured image dynamically from the current course, lesson, topic, or quiz. If a featured image isn’t available, you can set a fallback image.

3. Style the Image:

   • Use the module's styling options to adjust image dimensions, borders, and alignment.
   • Apply hover effects or overlays to add an interactive element to your design.

4. Add Links (Optional):

   • Set the image to link to its source content, making it a functional navigation element.
   • Customize the link behavior, such as opening in a new tab or applying no-follow attributes.

5. Set Visibility Rules:

   • Configure conditional logic to control when and where the image module appears, ensuring relevance to your audience.

The Image Module is an essential tool for adding visual interest and context to your LearnDash pages. Its dynamic integration with LearnDash ensures that featured images are always relevant and automatically updated, streamlining your workflow and enhancing your site’s design.

---

Materials

The Materials Module in BeaverDash is designed to dynamically display the downloadable materials associated with LearnDash courses, lessons, topics, or quizzes. This feature is ideal for showcasing course handouts, supplementary resources, or any files linked within LearnDash content.

Key Features of the Materials Module

1. Dynamic Resource Listing

   • Automatically pulls materials from the associated LearnDash content, ensuring that only relevant resources are displayed.

2. Customizable Layouts

   • Present materials as a list or grid to fit your site's design.
   • Add icons, file types, or descriptions to enhance usability.

3. Download or Link Options

   • Configure whether users can download files directly or be redirected to a URL (e.g., external resources).
   • Supports multiple file types, including PDFs, Word documents, and multimedia.

4. Conditional Display Rules

   • Control the visibility of materials based on user roles, course progress, or enrollment status.
   • Ensure resources are available only to the intended audience.

Why the Materials Module Matters

• Enhanced User Experience: Provides learners with easy access to necessary resources, improving engagement and learning outcomes.
• Automated Updates: Reflects any changes made to LearnDash materials dynamically, saving you from manual updates.
• Professional Presentation: Displays materials in a structured, visually appealing format that aligns with your site's branding.

How to Use the Materials Module

1. Add to Your Layout:

   • Drag and drop the Materials Module into the desired area of your Beaver Builder layout.

2. Choose the Content Source:

   • Select the type of LearnDash content (course, lesson, topic, or quiz) from which materials should be pulled.

3. Customize the Appearance:

   • Configure the layout style (list or grid) and add visual elements such as icons or hover effects.
   • Adjust text formatting, spacing, and alignment to match your design preferences.

4. Set Download Behavior:

   • Define how users interact with the materials (direct download or external link).
   • Optionally include file descriptions or instructions.

5. Apply Visibility Rules:

   • Use conditional logic to show materials only to enrolled users, specific membership levels, or based on course progress.

The Materials Module simplifies the process of sharing resources with your learners while maintaining a professional and dynamic presentation. By automating the display of materials tied to your LearnDash content, you can focus on creating high-value learning experiences.

---

Status

The Status Module in BeaverDash allows you to display key progress information about a LearnDash course, lesson, topic, or quiz directly on your page. It provides an at-a-glance overview for learners, helping them understand their progress and next steps within the learning journey.

Key Features of the Status Module

1. Dynamic Progress Tracking *Displays real-time progress, such as the completion percentage or status (e.g., "Completed" or "In Progress").

   • Automatically updates based on user activity in LearnDash.

2. Customizable Status Labels

   • Personalize text for progress states like "Not Started," "In Progress," and "Completed" to align with your tone of voice.
   • Add icons or color-coding to make statuses more intuitive.

3. Completion Details

   • Highlight key milestones, such as completed lessons, topics, or quizzes, and display remaining steps.
   • Optionally show dates of completion or deadlines for future steps.

4. Conditional Display Rules

   • Show or hide the status module based on user role, enrollment status, or course progress.
   • Configure visibility for logged-in vs. logged-out users.

Why the Status Module Matters

• Clear Communication: Keeps learners informed about their progress, enhancing motivation and focus.
• Dynamic Updates: Automatically reflects progress changes, reducing manual maintenance.
• Customization: Offers flexibility in how progress is displayed, ensuring the information aligns with your site's branding and user experience goals.

How to Use the Status Module

1. Add the Module to Your Layout:

   • Drag and drop the Status Module into the relevant location in your Beaver Builder design.

2. Select the Source Content:

   • Link the module to the LearnDash course, lesson, topic, or quiz for which you want to display progress.

3. Configure Display Settings:

   • Choose what information to display, such as percentage complete, status labels, or specific milestones.
   • Enable or disable visual aids like progress bars, icons, or color-coded status indicators.

4. Apply Conditional Logic:

   • Set rules to ensure the status module is visible only to relevant users, such as those enrolled in a course.

5. Style the Module:

   • Use Beaver Builder's design tools to customize fonts, colors, spacing, and alignment to fit your layout.

The Status Module is an essential tool for providing real-time progress updates to learners. By integrating this module into your site, you can create a more engaging, user-friendly experience that empowers learners to track their journey effectively.

---

Video

The Video Module in BeaverDash enables you to embed and display LearnDash video content within your course, lesson, topic, or quiz layouts. This module is designed to ensure that video integration is seamless, engaging, and customizable to suit your learning platform's needs.

Key Features of the Video Module

1. LearnDash Video Progression Support

   • Compatible with LearnDash’s video progression settings, ensuring learners complete the video before advancing to the next step.

2. Dynamic Video Embedding

   • Automatically pulls video URLs from the associated LearnDash course, lesson, or topic settings.
   • Supports popular video hosting platforms such as YouTube, Vimeo, or self-hosted videos.

3. Custom Playback Options

   • Enable autoplay, looping, or controls to match your content delivery style.
   • Optionally display captions or enable speed controls to improve accessibility.

4. Conditional Display Rules

   • Configure visibility based on user enrollment, role, or progress to tailor the learning experience.

5. Responsive Design

   • Ensures videos are optimized for viewing on any device, maintaining a professional appearance across screen sizes.

Why the Video Module Matters

• Enhanced Learning Experience: Videos are an essential component of online learning, providing visual and auditory engagement.
• Streamlined Workflow: Automatically linking videos from LearnDash reduces duplication of work and ensures consistent updates.
• User-Friendly Features: Playback options and progression requirements enhance usability and ensure learners stay on track.

How to Use the Video Module

1. Add the Module to Your Layout:

   • Drag and drop the Video Module into the desired section of your Beaver Builder design.

2. Select the Source Video:

   • The module dynamically retrieves the video URL from LearnDash settings. Ensure the video URL is added in the associated LearnDash course, lesson, topic, or quiz.

3. Configure Playback Settings:

   • Enable features such as autoplay, controls, and captions based on your audience’s needs.
   • Set restrictions, like requiring video completion before progressing.

4. Style the Module:

   • Use Beaver Builder’s tools to adjust the size, spacing, and alignment.
   • Customize the module’s appearance to match your site’s branding.

5. Preview and Test:

   • Check that the video loads correctly and functions as intended across various devices.
   • Confirm that LearnDash progression rules, if enabled, are properly enforced.

The Video Module is a powerful tool for integrating multimedia content into your LearnDash site. It simplifies video management while maintaining flexibility and a polished user experience.

---

Course Modules

Course Content

The Course Content Module in BeaverDash is a versatile tool for displaying a dynamic, hierarchical view of the content structure for a specific LearnDash course. This module automatically pulls data from your LearnDash courses, presenting lessons, topics, and quizzes in an organized, visually appealing layout.

Key Features of the Course Content Module

1. Dynamic Course Structure

   • Displays the full content tree, including lessons, topics, and quizzes, for a chosen course.
   • Updates automatically as you modify your LearnDash course structure.

2. Progress Tracking Integration

   • Shows learner progress visually with checkmarks or progress bars for completed items.
   • Supports LearnDash progression rules, reflecting whether prerequisites are met.

3. Customizable Display Options

   • Optionally hide or show completed items, locked content, or quizzes based on user roles or progress.
   • Choose to display only specific course elements, such as lessons or topics.

4. Responsive and Accessible Design

   • Designed for optimal viewing on all device sizes, ensuring accessibility for diverse audiences.

5. Interactive Navigation

   • Allows learners to navigate directly to specific lessons, topics, or quizzes via clickable links.

Why the Course Content Module Matters

• Improved User Experience: Provides learners with a clear roadmap of their progress and next steps.
• Seamless Integration: Automatically synchronizes with LearnDash data, reducing manual updates.
• Enhanced Engagement: Progress tracking motivates learners to complete their courses.

How to Use the Course Content Module

1. Add the Module to Your Layout:

   • Drag and drop the Course Content Module into your page using Beaver Builder.

2. Select the Course:

   • Use the settings panel to choose the LearnDash course whose structure you want to display.

3. Configure Display Settings:

   • Show or hide completed items, locked content, and quizzes.
   • Customize progress indicators, such as icons or bars.

4. Style the Module:

   • Adjust fonts, colors, and spacing to align with your website’s branding.
   • Use Beaver Builder’s styling options to enhance the look and feel of the module.

5. Test User Experience:

   • Verify that navigation works as expected and that progress tracking accurately reflects learner activity.
   • Check how the module appears on mobile, tablet, and desktop devices.

The Course Content Module empowers you to create an organized and engaging course experience for your learners. By leveraging its dynamic features and customizability, you can provide a clear and motivating learning path.

---

Course Content Table

The Course Content Table Module in BeaverDash is designed to provide a structured, tabular representation of course content for LearnDash courses. This module delivers a streamlined view, making it easy for learners to navigate lessons, topics, and quizzes within a course.

Key Features of the Course Content Table Module

1. Tabular Course Overview

   • Displays course elements (lessons, topics, quizzes) in a table format.
   • Includes columns for progress, completion status, and other relevant details.

2. Progress Indicators

   • Shows completion statuses for individual elements, including lessons, topics, and quizzes.
   • Integrates with LearnDash progression rules for accurate tracking.

3. Sorting and Filtering Options

   • Allows learners to sort the table by various attributes, such as lesson order or completion status.
   • Optional filters for narrowing down visible content based on user preferences.

4. Responsive and Accessible

   • Fully responsive for optimal usability across devices.
   • Built to meet accessibility standards, ensuring inclusivity for all learners.

5. Customizable Appearance

   • Adjust column headers, table styles, and colors to fit your site’s design.
   • Optionally include or exclude elements such as progress bars or locked content.

Why Use the Course Content Table Module

• Enhanced Clarity: The table format simplifies navigation, especially for large courses.
• Improved Learner Engagement: Progress tracking and sorting keep learners focused and motivated.
• Professional Aesthetic: The tabular design lends a polished, organized look to course pages.

How to Use the Course Content Table Module

1. Add the Module:

   • Drag and drop the Course Content Table Module into your layout using Beaver Builder.

2. Select a Course:

   • Use the settings panel to assign the LearnDash course whose content you wish to display.

3. Configure Table Settings:

   • Choose which columns to include (e.g., title, status, progress, actions).
   • Adjust sorting and filtering options to enhance user navigation.

4. Style the Table:

   • Customize the font, spacing, borders, and colors to match your website’s branding.
   • Use advanced settings for additional adjustments, such as alignment and hover effects.

5. Test the Table:

   • Ensure that sorting and filtering functions work as expected.
   • Verify that progress indicators display accurately and are updated dynamically.

The Course Content Table Module is perfect for courses with extensive content, as it provides a clear, functional overview for learners. By using this module, you can enhance the accessibility and professionalism of your course pages.

---

Course Grid

The Course Grid Module in BeaverDash allows you to showcase LearnDash courses in a visually appealing grid format. It’s a versatile module perfect for building course catalogs, dashboards, or promotional sections of your LearnDash-powered site.

Key Features of the Course Grid Module

1. Dynamic Grid Layout

   • Displays LearnDash courses in a customizable grid format.
   • Automatically updates as new courses are added or removed.

2. Course Information Display

   • Includes course titles, featured images, descriptions, and meta information.
   • Optional details such as progress bars, enrollment status, and pricing.

3. Customizable Grid Design

   • Choose grid columns and row spacing to control the layout.
   • Adjust hover effects, background colors, and typography for branding consistency.

4. Filters and Sorting Options

   • Allow users to filter courses by category, tag, or custom taxonomy.
   • Include sorting features to organize courses by popularity, date, or other criteria.

5. Call-to-Action Buttons

   • Add buttons for enrolling, viewing details, or accessing free trials.
   • Buttons dynamically adjust based on the user’s enrollment status.

Why Use the Course Grid Module

• Simplified Navigation: Helps learners find courses quickly through an organized display.
• Increased Engagement: Visual layouts with engaging course previews encourage exploration.
• Promotional Opportunities: Highlight specific courses or categories for targeted marketing efforts.

How to Use the Course Grid Module

1. Add the Module:

   • Drag the Course Grid Module into your layout in Beaver Builder.

2. Configure Data Source:

   • Select the LearnDash courses to display or apply filters for specific categories or tags.
   • Set the number of courses to display per page or grid.

3. Customize the Grid:

   • Adjust the number of columns, spacing, and aspect ratios for featured images.
   • Choose to show or hide course metadata like instructors or enrollment numbers.

4. Add User Controls:

   • Enable filters for categories and tags, giving users more control over their browsing experience.
   • Include sorting options to arrange courses by custom attributes.

5. Style the Module:

   • Match the grid’s appearance to your site’s design with advanced styling options.
   • Preview your changes across devices to ensure a responsive design.

The Course Grid Module is a powerful tool for organizing and displaying courses professionally. Whether you're building a marketplace or enhancing a single-course site, this module ensures your course offerings are both accessible and visually compelling.

---

Course List

The Course List Module in BeaverDash provides a streamlined way to display LearnDash courses in a list format, emphasizing clarity and simplicity. This module is ideal for creating directories, dashboards, or concise overviews of available courses.

Key Features of the Course List Module

1. Dynamic Course Listing

   • Automatically generates a list of LearnDash courses based on configured criteria.
   • Updates dynamically as courses are added or modified.

2. Customizable Course Details

   • Display essential course information such as title, description, and enrollment status.
   • Optional metadata includes progress tracking, instructors, and course pricing.

3. Flexible List Design

   • Offers styling options for layout, typography, and spacing.
   • Supports minimalist and detailed presentation styles.

4. Filter and Sorting Options

   • Enable users to refine their search by categories, tags, or custom taxonomies.
   • Include sorting options for date, difficulty, or popularity.

5. Call-to-Action Integration

   • Add dynamic buttons for enrolling, previewing, or accessing additional details.
   • Customize button labels and colors for branding consistency.

Why Use the Course List Module

• Compact Display: Ideal for presenting courses in a clean and easy-to-read format.
• Focused Navigation: Simplifies course discovery, especially for sites with fewer offerings.
• Responsive Design: Ensures the list is accessible and visually appealing across devices.

How to Use the Course List Module

1. Add the Module to Your Layout:

   • Drag and drop the Course List Module onto your desired page using Beaver Builder.

2. Choose the Course Source:

   • Select all LearnDash courses or apply filters for specific categories, tags, or instructors.
   • Define the number of courses to display per page.

3. Configure Course Details:

   • Toggle the display of metadata such as progress bars, pricing, and enrollment status.
   • Add brief descriptions or limit text length for a more compact look.

4. Customize Appearance:

   • Adjust font styles, colors, and spacing to align with your site’s branding.
   • Use separators or icons to improve visual hierarchy.

5. Enable User Controls:

   • Add filters or sorting tools to let users refine their search by criteria such as difficulty or date.
   • Optionally include pagination for a better user experience.

The Course List Module is a simple yet effective tool for presenting LearnDash courses. Its versatility ensures that your site remains functional and visually appealing, regardless of the number of courses you offer.

---

Course Navigation

The Course Navigation Module in BeaverDash enables you to create a seamless browsing experience for LearnDash users by adding intuitive navigation within your courses. This module is essential for keeping learners engaged and helping them progress through the curriculum effortlessly.

Key Features of the Course Navigation Module

1. Dynamic Course Linking

   • Automatically generates links to related course elements such as lessons, topics, and quizzes.
   • Navigation updates dynamically based on the user's current position in the course.

2. Breadcrumb-Style Navigation

   • Displays the user's current location within the course hierarchy.
   • Provides one-click access to parent or sibling sections for streamlined movement.

3. Progress Awareness

   • Highlights completed, current, and upcoming lessons or topics for clear progress tracking.
   • Optionally includes icons or status indicators (e.g., checkmarks for completed sections).

4. Responsive and Accessible Design

   • Adapts to any screen size, ensuring usability on desktop, tablet, and mobile devices.
   • Built-in accessibility features ensure the module is user-friendly for all learners.

5. Customization Options

   • Choose between vertical or horizontal navigation layouts.
   • Adjust colors, fonts, and spacing to match your site’s branding.

Why Use the Course Navigation Module

• Improves User Experience: Learners can easily find their way around courses, reducing frustration and increasing engagement.
• Encourages Completion: By showing progress and simplifying navigation, users are more likely to complete courses.
• Saves Development Time: Automatically pulls course structure from LearnDash, requiring minimal configuration.

How to Use the Course Navigation Module

1. Add the Module to Your Layout:

   • Drag the Course Navigation Module into your page design using Beaver Builder.

2. Select Course Sources:

   • Specify whether navigation should include all course elements or only specific categories, lessons, or topics.
   • Automatically hide completed elements if desired.

3. Choose Layout and Style:

   • Opt for a sidebar or inline navigation design.
   • Configure typography, colors, and spacing to match your site’s branding.

4. Enable Progress Indicators:

   • Turn on visual cues such as checkmarks, percentage completed, or custom icons.
   • Display estimated time remaining for the current section.

5. Preview and Adjust:

   • Test the navigation on different devices to ensure a responsive design.
   • Adjust visibility settings to exclude navigation from specific roles or pages if needed.

The Course Navigation Module is a powerful addition to any LearnDash-based site, making it easier for learners to stay on track and complete their educational goals.

---

Course Navigation Sidebar

The Course Navigation Sidebar Module in BeaverDash is designed to provide learners with a comprehensive view of their course progress, all within a compact and user-friendly sidebar format. This module is perfect for displaying an at-a-glance course structure while keeping navigation accessible throughout the learning journey.

Key Features of the Course Navigation Sidebar Module

1. Sidebar-Specific Layout

   • Displays course navigation in a vertical, scrollable layout that fits neatly into a page or post sidebar.
   • Ensures continuous visibility of course elements during navigation or content review.

2. Dynamic Content Updates

   • Automatically syncs with LearnDash to reflect the latest course structure and user progress.
   • Shows lessons, topics, and quizzes in the correct order based on the active course.

3. Interactive Progress Indicators

   • Highlights completed items and the current section in real-time.
   • Optional display of percentage completion or other progress markers.

4. Sticky or Fixed Positioning

   • Configure the sidebar to remain in view as users scroll, ensuring easy access to navigation tools.
   • Works seamlessly with long-form course content.

5. Advanced Customization

   • Tailor typography, colors, and iconography to blend with your site's branding.
   • Choose to include or hide specific course elements, such as quizzes or subtopics.

Benefits of the Course Navigation Sidebar Module

• Enhances User Engagement: Keeping navigation visible motivates learners to stay on track and complete the course.
• Streamlines Navigation: Learners can jump between sections quickly, minimizing frustration and maximizing productivity.
• Encourages Completion Rates: Progress indicators and easily accessible navigation help reduce drop-off points in the learning flow.

How to Use the Course Navigation Sidebar Module

1. Add the Module:

   • Drag the Course Navigation Sidebar Module into the designated sidebar area of your theme using Beaver Builder.

2. Select Data Sources:

   • Link the module to a specific LearnDash course or allow it to dynamically adapt based on the current page.
   • Define which course elements (lessons, topics, quizzes) should be displayed.

3. Style the Sidebar:

   • Configure the module to match your site's sidebar layout.
   • Use the customization panel to adjust the font size, colors, and spacing for improved readability.

4. Enable Sticky Behavior:

   • Toggle fixed positioning to ensure the sidebar remains visible during page scrolling.
   • Verify responsiveness across different devices.

5. Test User Experience:

   • Preview the sidebar navigation to ensure it displays accurately and meets learner needs.
   • Adjust visibility rules to exclude non-course pages or roles like admins.

The Course Navigation Sidebar Module is an essential tool for creating a consistent, user-friendly navigation experience that keeps learners focused and engaged.

---

Course Price

The Course Price Module in BeaverDash is designed to showcase the pricing details of a LearnDash course in an attractive and customizable way. Whether your course is free, paid, or part of a membership, this module dynamically retrieves and displays the correct pricing information based on LearnDash settings.

Key Features of the Course Price Module

1. Dynamic Price Retrieval

   • Automatically pulls course pricing directly from LearnDash settings, ensuring accurate and up-to-date information.
   • Supports multiple pricing types, including one-time payments, recurring subscriptions, or free access.

2. Customizable Display Formats

   • Options to show price alone, or alongside additional text like "Enroll for just" or "Only."
   • Includes support for currency symbols and formatting consistent with your e-commerce setup.

3. Conditional Visibility

   • Configure the module to display only for courses with a price or to hide it for free courses.
   • Display custom messages for specific user roles (e.g., "Enrolled" for existing students).

4. Integrated with WooCommerce

   • If using WooCommerce with LearnDash, the module can display product pricing for courses sold via WooCommerce.
   • Automatically updates based on WooCommerce sale prices or promotions.

5. Styling Options

   • Adjust typography, colors, and spacing to match your site’s branding.
   • Highlight discounts or promotional pricing with attention-grabbing styles.

Benefits of the Course Price Module

• Transparency for Learners: Clearly communicates pricing, encouraging trust and reducing enrollment friction.
• Flexibility for Different Pricing Models: Supports single purchases, subscriptions, and free courses seamlessly.
• Streamlines Sales Process: Makes it easy for prospective learners to understand the cost of enrolling without navigating away.

How to Use the Course Price Module

1. Add the Module:

   • Drag the Course Price Module into the desired section of your Beaver Builder layout.

2. Select the Course:

   • Link the module to a specific LearnDash course.
   • For dynamically driven layouts, allow the course association to adjust based on the page context.

3. Customize Display:

   • Choose whether to display the price alone or include contextual text like "Starting at" or "Enroll for."
   • Format the currency symbol and price display to align with your audience’s expectations.

4. Configure Visibility Rules:

   • Set the module to hide for free courses or display a custom message for such cases.
   • Ensure the pricing logic aligns with your LearnDash and WooCommerce integration, if applicable.

5. Style the Price Display:

   • Use the design panel to adjust fonts, colors, and effects.
   • Highlight sale prices or discounts with contrasting styles or badges.

The Course Price Module ensures learners have all the pricing information they need at a glance, driving more informed enrollment decisions.

---

Course Progress

The Course Progress Module in BeaverDash provides a visual representation of a learner’s progress within a LearnDash course. This module helps users stay motivated by showing how much they’ve completed and how much remains.

Key Features of the Course Progress Module

1. Dynamic Progress Tracking

   • Displays the user’s current completion percentage for the linked LearnDash course.
   • Updates in real-time as users mark lessons or topics complete.

2. Customizable Progress Bar

   • Adjust the appearance of the progress bar, including colors, size, and styles.
   • Add animations to make progress updates visually engaging.

3. Flexible Display Options

   • Option to show a simple percentage, progress bar, or both.
   • Supports custom labels, such as "Completed" or "In Progress," for enhanced clarity.

4. Supports Conditional Visibility

   • Display the progress bar only for logged-in users who are enrolled in the course.
   • Show alternate messages for users who haven’t started the course or aren’t enrolled.

Benefits of the Course Progress Module

• Keeps Learners Engaged: Visible progress motivates users to continue learning and achieve completion goals.
• Improves User Experience: Clear progress indicators help learners track their journey and plan their next steps.
• Highly Customizable: Adaptable to any site’s branding and layout requirements, ensuring seamless integration.

How to Use the Course Progress Module

1. Add the Module:

   • Drag the Course Progress Module into your desired Beaver Builder layout.

2. Link to a Course:

   • For a static page, assign a specific LearnDash course.
   • For dynamic layouts, allow the course association to adjust based on the page context.

3. Configure Display Options:

   • Choose between showing a progress bar, percentage, or both.
   • Set custom labels or add tooltips for additional context.

4. Set Conditional Visibility:

   • Use settings to display the module only to enrolled users.
   • Optionally add fallback text for visitors who aren’t eligible to see progress.

5. Customize the Design:

   • Adjust the colors and styles to reflect your brand’s theme.
   • Enable animations for a polished, interactive experience.

The Course Progress Module empowers learners to monitor their achievements while enhancing your course layout with a professional touch.

---

Focus Mode Modules

Sidebar Toggle

The Sidebar Toggle Module in BeaverDash is designed to enhance navigation within LearnDash's Focus Mode by providing a user-friendly way to show or hide the sidebar. This module improves learner interaction with the course interface, particularly for those working on devices with limited screen space.

Key Features of the Sidebar Toggle Module

1. Simple Visibility Control

   • Allows learners to hide or display the sidebar in Focus Mode with a single click.
   • Ensures distraction-free learning while keeping navigation accessible.

2. Responsive Design

   • Optimized for all screen sizes, providing a seamless experience on desktops, tablets, and mobile devices.

3. Customizable Button Appearance

   • Adjust the icon, label, color, and placement to fit the branding and user interface of your course layout.

4. Dynamic Behavior

   • Automatically reflects the current state of the sidebar (hidden or visible) for intuitive interaction.
   • Maintains user preferences across sessions for consistent usability.

Benefits of the Sidebar Toggle Module

• Improves Focus: Minimizes distractions by letting users hide unnecessary interface elements while studying.
• Enhances Usability: Gives learners control over their navigation experience, especially on smaller screens.
• Streamlines Design: Keeps the Focus Mode interface clean and functional without compromising navigation.

How to Use the Sidebar Toggle Module

1. Add the Module to Focus Mode Layout:

   • Drag the Sidebar Toggle Module into the appropriate section of your Beaver Builder layout used for Focus Mode.

2. Customize Appearance:

   • Choose an icon or text label for the toggle button.
   • Adjust the colors, font size, and alignment to match your site’s branding.

3. Configure Visibility Settings:

   • Ensure the toggle is displayed only in LearnDash Focus Mode.
   • Optionally restrict visibility based on user roles (e.g., show only to enrolled learners).

4. Test and Optimize:

   • Test the functionality on different devices to confirm responsiveness.
   • Adjust placement for optimal accessibility within the Focus Mode layout.

The Sidebar Toggle Module ensures that learners can easily control their environment, fostering a distraction-free and engaging educational experience.

---

User Dropdown

The User Dropdown Module in BeaverDash is a versatile tool designed to display a customizable dropdown menu for logged-in users. It serves as a convenient access point for user-specific actions, links, and account details within LearnDash’s Focus Mode or other course layouts.

Key Features of the User Dropdown Module

1. Dynamic User Display

   • Shows personalized user information such as the user’s name or avatar in the dropdown toggle.
   • Offers optional customization for welcome messages or labels.

2. Customizable Dropdown Menu

   • Add links to user account pages, course dashboards, certificates, and other resources.
   • Adjust menu items dynamically based on user roles or enrollment status.

3. Flexible Design Options

   • Modify colors, fonts, and icons to align with your site's branding.
   • Choose between horizontal or vertical dropdown layouts.

4. Conditional Visibility

   • Show the dropdown only to logged-in users, ensuring non-enrolled visitors see alternative content.

Benefits of the User Dropdown Module

• Streamlined Navigation: Provides learners with quick access to account-related features directly within the course interface.
• Enhanced User Experience: Reduces clicks by consolidating essential links and actions into a single, accessible menu.
• Personalized Engagement: Makes the course environment feel tailored with user-specific details like names or avatars.

How to Use the User Dropdown Module

1. Add the Module to Your Layout:

   • Drag the User Dropdown Module into your header, sidebar, or any other strategic location in Beaver Builder.

2. Configure Dropdown Items:

   • Include links to key areas such as "My Profile," "My Courses," or "Certificates."
   • Use dynamic fields to personalize items based on user data.

3. *Customize Appearance:

   • Adjust the style of the toggle (e.g., avatar with name or icon-only).
   • Design the dropdown menu with your preferred fonts, colors, and alignment.

4. Set Conditional Visibility:

   • Display the module only to logged-in users using visibility settings.
   • Optionally customize the dropdown contents based on user roles or progress.

5. Test Functionality:

   • Verify the dropdown works as intended across different devices and user scenarios.
   • Ensure proper links are provided for various user actions.

The User Dropdown Module simplifies navigation and enhances personalization, helping learners seamlessly manage their accounts and access critical course features.

---

Lesson Modules

Lesson Content Table

The Lesson Content Table Module in BeaverDash provides a clear and structured table displaying the contents of a lesson, including topics, quizzes, and completion statuses. This module helps learners navigate through lesson components efficiently, ensuring a seamless learning experience.

Key Features of the Lesson Content Table Module

1. Dynamic Content Display

   • Automatically lists topics and quizzes associated with a lesson.
   • Reflects real-time progress, showing completed and remaining items.

2. Progress Indicators

   • Includes visual markers or checkmarks for completed items.
   • Displays percentage progress for the lesson.

3. Customizable Table Layout

   • Options to adjust columns, headers, and design for branding consistency.
   • Choose to include or exclude specific elements like quiz links or completion icons.

4. Interactive Navigation

   • Clickable links allow users to jump directly to specific topics or quizzes.
   • Supports breadcrumbs for returning to the main course or lesson overview.

Benefits of the Lesson Content Table Module

• Improved Navigation: Makes it easier for learners to see the full scope of a lesson at a glance.
• Enhanced Motivation: Visual progress tracking encourages users to complete lessons.
• Streamlined Learning: Reduces confusion by organizing lesson components logically.

How to Use the Lesson Content Table Module

1. Add the Module to a Lesson Layout:

   • Place the Lesson Content Table Module in the desired location within the lesson template.

2. Customize the Layout:

   • Define the columns to display, such as topic names, status, or estimated time.
   • Adjust the table's appearance with colors, borders, and fonts that match your design.

3. Configure Visibility Options:

   • Choose to show the table only to enrolled users or restrict certain elements based on progress.
   • Optionally display the table in Focus Mode or other specific contexts.

4. Enable Progress Tracking:

   • Ensure the LearnDash progress tracking is enabled for accurate status updates.
   • Test the module to confirm that completed topics and quizzes reflect properly.

5. Optimize for Usability:

   • Check mobile responsiveness to ensure the table works well on all devices.
   • Use tooltips or labels to guide learners on how to interact with the table.

The Lesson Content Table Module offers a straightforward way to organize and display lesson details, promoting engagement and clarity for learners.

---

Lesson Grid

The Lesson Grid Module in BeaverDash is a flexible and visually appealing way to display lessons within a course. It organizes lessons into a customizable grid layout, making it easy for learners to view and access the content they need.

Key Features of the Lesson Grid Module

1. Dynamic Lesson Display

   • Automatically populates lessons from a selected course.
   • Supports filtering to include only specific lessons based on criteria like completion or enrollment.

2. Customizable Grid Layout

   • Adjust the number of columns and rows for desktop, tablet, and mobile views.
   • Includes options to display lesson thumbnails, titles, descriptions, and progress indicators.

3. Interactive Elements

   • Clickable cards or tiles take users directly to the lesson page.
   • Optional hover effects and animations enhance user interaction.

4. Progress Indicators

   • Shows completion percentages or statuses directly on the lesson tiles.
   • Helps learners track their progress at a glance.

5. Styling and Design Options

   • Fully customizable to match the website’s branding.
   • Supports advanced design features such as shadows, overlays, and custom typography.

Benefits of the Lesson Grid Module

• User-Friendly Navigation: Provides an intuitive way for learners to explore available lessons.
• Encourages Engagement: The visual design and progress indicators motivate users to continue learning.
• Optimized for All Devices: Ensures that the grid layout is responsive and accessible on various screen sizes.

How to Use the Lesson Grid Module

1. Add the Module to a Page or Template:

   • Place the Lesson Grid Module in the desired section of your course or lesson overview.

2. Configure Lesson Source and Filters:

   • Select the course from which lessons should be pulled.
   • Apply filters to display lessons based on availability, progress, or specific attributes.

3. Customize the Layout:

   • Choose the number of columns for desktop, tablet, and mobile views.
   • Adjust spacing, padding, and alignment for a polished look.

4. Enable Progress Tracking:

   • Integrate progress indicators to show learners their advancement through the course.
   • Ensure that LearnDash progress tracking is enabled for accurate updates.

5. Style for Visual Impact:

   • Use the styling options to customize colors, fonts, and hover effects.
   • Preview the grid on multiple devices to confirm the layout and responsiveness.

The Lesson Grid Module is a versatile tool for presenting lessons in a structured and engaging way. By combining functionality with design flexibility, it enhances the learning experience and keeps users focused on their progress.

---

Lesson List

The Lesson List Module in BeaverDash provides a straightforward way to present lessons in a vertical, list-style layout. This module is ideal for displaying lessons in a clean and organized format, making it easy for learners to see available content and navigate through their course.

Key Features of the Lesson List Module

1. Dynamic Lesson Population

   • Automatically retrieves lessons from a chosen course.
   • Allows filtering to include or exclude specific lessons.

2. Content Display Options

   • Supports lesson titles, descriptions, and metadata (e.g., duration or completion status).
   • Optional display of lesson thumbnails for added visual appeal.

3. Progress Indicators

   • Displays learners’ progress on each lesson directly within the list.
   • Integrates seamlessly with LearnDash progress tracking.

4. Design and Customization

   • Adjust list styles, fonts, colors, and spacing to fit your website’s branding.
   • Includes advanced styling options for hover states and active items.

Benefits of the Lesson List Module

• Clear Organization: Provides an easy-to-follow structure, perfect for courses with a linear or modular flow.
• Encourages Completion: Progress tracking and completion statuses motivate learners to stay on track.
• Mobile-Friendly Design: Ensures an optimal viewing experience on any device, from desktops to smartphones.

How to Use the Lesson List Module

1. Insert the Module into Your Layout:

   • Add the Lesson List Module* to any page or template where you want to display course lessons.

2. Select a Lesson Source:

   • Choose a course to pull lessons from.
   • Apply filters to tailor the list to your needs (e.g., only incomplete lessons).

3. Configure Display Settings:

   • Decide which lesson details to show, such as descriptions, progress bars, or thumbnails.
   • Set the order of lessons (e.g., sequentially or by custom criteria).

4. Style the Module:

   • Use the design options to customize fonts, colors, and layout spacing.
   • Adjust padding and alignment for a professional, polished look.

5. Test for Usability:

   • Preview the list on multiple devices to ensure responsiveness. **Verify progress tracking integration to confirm learners see accurate updates.

The Lesson List Module is perfect for presenting lessons in an accessible and visually appealing way, helping learners focus on their next steps while maintaining a seamless user experience.

---

Lesson Navigation

The Lesson List Module in BeaverDash provides a straightforward way to present lessons in a vertical, list-style layout. This module is ideal for displaying lessons in a clean and organized format, making it easy for learners to see available content and navigate through their course.

Key Features of the Lesson List Module

1. Dynamic Lesson Population

   • Automatically retrieves lessons from a chosen course.
   • Allows filtering to include or exclude specific lessons.

2. Content Display Options

   • Supports lesson titles, descriptions, and metadata (e.g., duration or completion status).
   • Optional display of lesson thumbnails for added visual appeal.

3. Progress Indicators

   • Displays learners’ progress on each lesson directly within the list.
   • Integrates seamlessly with LearnDash progress tracking.

4. Design and Customization

   • Adjust list styles, fonts, colors, and spacing to fit your website’s branding.
   • Includes advanced styling options for hover states and active items.

Benefits of the Lesson List Module

• Clear Organization: Provides an easy-to-follow structure, perfect for courses with a linear or modular flow.
• Encourages Completion: Progress tracking and completion statuses motivate learners to stay on track.
• Mobile-Friendly Design: Ensures an optimal viewing experience on any device, from desktops to smartphones.

How to Use the Lesson List Module

1. Insert the Module into Your Layout:

   • Add the Lesson List Module to any page or template where you want to display course lessons.

2. Select a Lesson Source:

   • Choose a course to pull lessons from.
   • Apply filters to tailor the list to your needs (e.g., only incomplete lessons).

3. Configure Display Settings:

   • Decide which lesson details to show, such as descriptions, progress bars, or thumbnails.
   • Set the order of lessons (e.g., sequentially or by custom criteria).

4. Style the Module:

   • Use the design options to customize fonts, colors, and layout spacing.
   • Adjust padding and alignment for a professional, polished look.

5. Test for Usability:

   • Preview the list on multiple devices to ensure responsiveness.
   • Verify progress tracking integration to confirm learners see accurate updates.

The Lesson List Module is perfect for presenting lessons in an accessible and visually appealing way, helping learners focus on their next steps while maintaining a seamless user experience.

---

Quiz Modules

Quiz Grid

The Quiz Grid Module in BeaverDash provides a structured way to display quizzes within your LearnDash courses, offering a clean, organized layout to showcase all available quizzes. This module is ideal for courses with multiple quizzes, ensuring learners can easily find and access them.

Key Features of the Quiz Grid Module

1. Dynamic Quiz Display

   • Automatically populates with quizzes based on course structure.
   • Supports filtering by course, category, or specific criteria.

2. Customizable Grid Layout

   • Choose the number of columns and overall alignment.
   • Adjust spacing, borders, and styles to match your design preferences.

3. Interactive Elements

   • Includes titles, descriptions, and progress indicators for each quiz.
   • Optionally display quiz thumbnails or icons.

4. Responsive Design

   • Ensures the grid looks great and functions smoothly on all devices.

Benefits of the Quiz Grid Module

• Streamlined Access: Provides learners with a clear overview of all quizzes in one place.
• Improved Engagement: Visually appealing layouts encourage learners to explore and complete quizzes.
• Custom Branding: Full control over styles ensures the grid aligns seamlessly with your course design.
• Time Efficiency: Automatically updates to reflect any additions or changes to quizzes, saving time on manual updates.

How to Use the Quiz Grid Module

1. Add the Module to Your Layout:

   • Place the module in your course or lesson template where you want the grid to appear.

2. Configure Display Options:

   • Select which quizzes to display (all, by course, or filtered by category).
   • Set the number of columns and enable or disable pagination if needed.

3. Style the Grid:

   • Customize colors, fonts, and hover effects to match your course branding.
   • Adjust spacing and alignment for a polished look.

4. Preview and Test:

   • Ensure the quizzes load correctly within the grid.
   • Verify that learners can navigate to each quiz seamlessly.

The Quiz Grid Module enhances course navigation and boosts learner engagement by presenting quizzes in an organized and visually appealing format. This tool simplifies the learner's experience while maintaining consistency with your course’s design and branding.

---

Quiz List

The Quiz List Module in BeaverDash is designed to display a structured list of quizzes for learners, providing an intuitive way to navigate and manage quiz access within your LearnDash courses. This module is perfect for situations where a compact, linear layout is preferred over a grid view.

Key Features of the Quiz List Module

1. Dynamic Quiz Integration

   • Automatically lists quizzes associated with a course, topic, or lesson.
   • Supports filtering to display specific quizzes based on user progress or completion status.

2. Compact Layout

   • Arranges quizzes in a single-column, easy-to-read format.
   • Ideal for course templates or focus mode areas.

3. Progress Indicators

   • Optionally include user progress, completion percentages, or quiz status badges.

4. Customizable Display

   • Configure which details to show, such as titles, descriptions, and links.
   • Choose between minimal or detailed list styles.

5. Responsive Design

   • Ensures accessibility and usability across all devices and screen sizes.

Benefits of the Quiz List Module

• Streamlined Navigation: Allows learners to view and select quizzes in a clear, linear format.
• Engagement Tracking: Provides immediate visibility into quiz progress or availability.
• Custom Styling: Aligns easily with your course’s design for a consistent user experience.
• Time-Saving Updates: Automatically adjusts the list as quizzes are added or modified in LearnDash.

How to Use the Quiz List Module

1. Add the Module to a Layout:

   • Place the module in your course, lesson, or focus mode template where you want the quiz list to appear.

2. Select Quiz Scope:

   • Define the source of quizzes to display (all course quizzes or specific lesson-level quizzes).
   • Optionally filter by categories or completion status.

3. Customize Display Options:

   • Enable or disable elements like titles, descriptions, and progress indicators.
   • Adjust spacing, fonts, and alignment for optimal readability.

4. Style and Preview:

   • Match the list’s colors and typography to your brand.
   • Preview the layout to ensure the list loads correctly and displays relevant quizzes.

The Quiz List Module simplifies learner navigation and enhances their experience by offering a concise, organized view of quizzes. This module is particularly useful in focus mode or course templates where space efficiency and clarity are essential.

---

Topic Modules

Topic Content Table

The Topic Content Table Module in BeaverDash offers a clear and structured way to display a list of topics within a course or lesson, enhancing navigation and learner engagement. This module helps learners visualize their progress and access specific topics with ease, especially in courses with multiple nested topics.

Key Features of the Topic Content Table Module

1. Dynamic Topic Listing

   • Automatically displays all topics within the selected course or lesson.
   • Updates dynamically as topics are added, modified, or removed.

2. Progress Indicators

   • Optionally include completion status for each topic, such as completed or in-progress badges.
   • Displays visual progress bars to motivate learners.

3. Expandable Structure

   • Supports collapsible sections to keep the table organized, especially for content-heavy courses.
   • Allows learners to focus on specific parts of the course without overwhelming them.

4. Customizable Columns

   • Choose which information to display, such as topic names, descriptions, progress, and estimated time.
   • Adjust column order for an optimized learner experience.

5. Responsive Layout

   • Designed to work seamlessly across devices, ensuring usability on both desktop and mobile screens.

Benefits of the Topic Content Table Module

• Enhanced Navigation: Provides learners with a bird's-eye view of all topics, reducing confusion.
• Progress Tracking: Helps learners stay motivated by clearly showing completed and pending topics.
• Time Management: With optional time estimates, learners can better plan their study sessions.
• Customizable Presentation: Adapt the table's look and feel to suit your course's branding and instructional style.

How to Use the Topic Content Table Module

1. Place the Module in Your Template:

   • Add the module to any course or lesson layout where an overview of topics would benefit learners.

2. Select the Scope of Topics:

   • Configure the module to display topics from the entire course or a specific section.
   • Apply filters for categories or tags if necessary.

3. Enable Optional Elements:

   • Turn on/off features like completion indicators, time estimates, and collapsible sections based on your course design.
   • Customize the progress bar colors and styles.

4. Preview and Publish:

   • Check the table's responsiveness and ensure all topics load correctly.
   • Test on multiple devices to confirm a seamless user experience.

The Topic Content Table Module is a versatile tool for organizing and presenting topics in a way that promotes clarity and ease of access. By leveraging its dynamic and customizable features, you can enhance your learners’ journey and provide a more structured learning environment.

---

Topic Grid

The Topic Grid Module in BeaverDash is designed to visually present a collection of topics in a grid layout. This module offers an appealing way to organize and display topics, making it easy for learners to browse and select the content they want to explore.

Key Features of the Topic Grid Module

1. Visual Layout

   • Displays topics in a responsive grid format, optimized for modern design aesthetics.
   • Includes options to adjust grid columns, spacing, and alignment.

2. Customizable Elements

   • Show or hide key information, such as topic titles, descriptions, progress, and thumbnails.
   • Choose styles for hover effects, borders, and overlays to match your course branding.

3. Progress Integration

   • Optionally show completion badges or progress indicators for each topic.
   • Allows learners to quickly see which topics they've completed.

4. Dynamic Filtering and Sorting

   • Enable filters for categories or tags to let users refine the displayed topics.
   • Add sorting options like alphabetical order, date added, or completion status.

5. Fully Responsive Design

   • Automatically adjusts to fit various screen sizes, ensuring usability on desktops, tablets, and smartphones.

Benefits of the Topic Grid Module

• Engaging Visuals: The grid layout makes courses more appealing and easier to navigate.
• Ease of Access: Topics are presented clearly, allowing learners to jump directly to the content they need.
• Flexible Organization: Customize the module to suit courses with varying numbers and types of topics.
• Learner Progress Awareness: Built-in progress indicators keep learners informed and motivated.

How to Use the Topic Grid Module

1. Add the Module to Your Page:

   • Place the module in a course, lesson, or topic template to enhance navigation.

2. Configure Display Settings:

   • Choose how many topics to display per row.
   • Select whether to display thumbnails, titles, descriptions, or progress indicators.

3. Enable Filtering or Sorting Options:

   • Allow users to filter topics by category, tag, or custom taxonomies.
   • Add sorting options to improve usability for large topic sets.

4. Style the Grid:

   • Customize colors, typography, and hover effects to align with your course’s theme.
   • Preview the layout to ensure optimal visual appeal.

5. Test Responsiveness:

   • Confirm the grid layout adapts smoothly across devices and screen sizes.

The Topic Grid Module provides an attractive and intuitive way to organize topics, improving learner engagement and course navigation. Its flexible customization options ensure you can create a grid that complements your instructional goals and course design.

---

Topic List

The Topic List Module in BeaverDash presents topics in a linear list format, offering a straightforward and structured way to display multiple topics for learners to access. This module is ideal for courses that prioritize clarity and progression over visual design.

Key Features of the Topic List Module

1. Linear Presentation

   • Displays topics in an ordered list, emphasizing clarity and simplicity.
   • Suitable for content-heavy courses where learners need a clear sequence of topics.

2. Progress Indicators

   • Optionally display progress bars or completion statuses for each topic.
   • Helps learners track their achievements and pending tasks.

3. Customizable Display Options

   • Show or hide topic details such as titles, descriptions, icons, or associated metadata.
   • Include optional thumbnails for a subtle visual enhancement.

4. Navigation Support

   • Each listed topic links directly to its respective page for quick navigation.
   • Supports deep linking for seamless integration with course structures.

5. Dynamic Styling

   • Control typography, spacing, and alignment to fit your course's design needs.
   • Responsive layout ensures usability on all devices.

Benefits of the Topic List Module

• Clear Navigation: Ensures learners can easily identify and access topics in sequential order.
• Enhanced Usability: Especially useful for structured learning paths or linear course designs.
• Progress Awareness: Built-in progress tracking keeps learners motivated and informed.
• Effortless Customization: Flexible styling and content options allow for easy adaptation to any course.

How to Use the Topic List Module

1. Add the Module to Your Page:

   • Insert the module into a lesson or topic template to organize content.

2. Configure List Settings:

   • Set the number of topics to display at a time.
   • Choose whether to show progress, metadata, or descriptions alongside the topic titles.

3. Enable Progress Indicators:

   • Highlight completed topics with badges or visual markers.
   • Provide progress bars to encourage course completion.

4. Style the List:

   • Adjust colors, fonts, and spacing for readability and aesthetic alignment.
   • Preview the layout to ensure it complements your overall course design.

5. Optimize for Mobile:

   • Test the module on smaller screens to confirm responsive behavior.

The Topic List Module prioritizes clarity and simplicity, making it an excellent choice for structured course layouts or text-heavy topics. Its customizability and progress tracking features ensure it serves both learners and instructors effectively.

---

Topic Navigation

The Topic Navigation Module in BeaverDash provides learners with an intuitive and efficient way to move between topics within a course. This module is particularly useful in structured learning environments, ensuring that users can seamlessly progress through content without unnecessary clicks or confusion.

Key Features of the Topic Navigation Module

1. Directional Navigation Buttons

   • Offers "Previous" and "Next" buttons for smooth topic transitions.
   • Ensures learners can follow the course flow in a logical sequence.

2. Contextual Awareness

   • Displays the current topic title to help users stay oriented within the course structure.
   • Optional breadcrumb trails or headers can be included for enhanced navigation.

3. Customizable Appearance

   • Adjust button labels, colors, and icons to align with your course branding.
   • Configure hover effects and animations for a polished user experience.

4. Responsive Design

   • Adapts to different screen sizes, providing a consistent experience on desktop, tablet, and mobile.

Benefits of the Topic Navigation Module

• Streamlined Learning: Reduces friction by making it easy to move forward or back within the course.
• Improved Engagement: Keeps learners focused on their progress by minimizing distractions.
• Consistent Design: Offers a uniform navigation experience across all topics.
• Time-Saving Configuration: Pre-built navigation elements simplify setup for instructors.

How to Use the Topic Navigation Module

1. Add the Module:

   • Insert the Topic Navigation Module into the topic template or a reusable block to ensure consistency across all topics.

2. Configure Button Options:

   • Choose directional labels (e.g., "Back" and "Next" or custom text).
   • Enable or disable icons alongside the button text for added clarity.

3. Styling and Placement:

   • Position the navigation buttons above, below, or alongside the topic content.
   • Customize typography, colors, and spacing to match the course's visual theme.

4. Enhance Navigation Context:

   • Enable current topic titles or breadcrumb navigation for added orientation.
   • Link the buttons dynamically to ensure they always lead to the correct adjacent topics.

5. Test Functionality:

   • Preview the navigation in both desktop and mobile views to ensure seamless functionality.

The Topic Navigation Module is essential for maintaining flow and focus in courses with multiple topics. By reducing cognitive load and simplifying transitions, it enhances both user experience and learning outcomes.

---

User Modules

User Profile

The User Profile Module in BeaverDash provides a dynamic way to display and manage user information within your LMS. It integrates seamlessly with WordPress and LearnDash to present personalized details for each enrolled user, enhancing engagement and usability.

Key Features of the User Profile Module

1. Dynamic User Data

   • Automatically displays information such as the user's name, profile picture, email, and other relevant details.
   • Supports custom fields to showcase additional information specific to your LMS.

2. Progress Tracking

   • Optionally includes course progress, completed lessons, quizzes, and certificates.
   • Visual indicators, such as progress bars, make it easy for users to track their learning journey.

3. Customizable Layout

   • Choose from pre-designed templates or create a custom design that aligns with your branding.
   • Adjust colors, typography, and spacing to match your site's theme.

4. Interactive Features

   • Include buttons or links for editing the user profile, managing account settings, or viewing certificates.
   • Integrate directly with account management pages for a seamless user experience.

5. Privacy Controls

   • Options to display only public or relevant data, ensuring compliance with privacy requirements.

Benefits of the User Profile Module

• Personalized Experience: Offers users a tailored view of their progress and achievements.
• Streamlined Navigation: Reduces the need to navigate multiple pages by centralizing key information.
• Enhanced Engagement: Keeps learners motivated by clearly showing their milestones and goals.
• Ease of Use: Simple setup and robust design tools ensure you can deploy the module quickly.

How to Use the User Profile Module

1. Add the Module to Your Page:

   • Insert the module on a dedicated profile page or within a sidebar for easy access.

2. Select Display Options:

   • Choose the data fields to display, such as name, email, avatar, and custom fields.
   • Enable progress tracking, certificates, and other optional elements based on user needs.

3. Style the Profile Layout:

   • Customize fonts, colors, and spacing for a professional and user-friendly appearance.
   • Align the design with your site’s branding for consistency.

4. Set Conditional Visibility:

   • Ensure the module is visible only to logged-in users or specific user roles.
   • Hide sensitive data from public view.

5. Test the Module:

   • Verify the dynamic data displays correctly for different users.
   • Ensure the layout works across devices and screen sizes.

The User Profile Module is a vital component for creating an interactive and personalized LMS experience. By providing learners with an overview of their journey and easy access to key details, it supports engagement and simplifies navigation within your platform.

---