Show Certificates Anywhere for LearnDash vs Widget Areas for LearnDash

Show Certificates Anywhere for LearnDash makes it easy to display earned LearnDash certificates — from both courses and quizzes — on any page, post, sidebar, or widget area of your WordPress site. If you use LearnDash LMS and want to showcase student achievements, display course completion certificates on a profile page, or build a certificate wall — this plugin does it in seconds with zero coding. Why Use This Plugin? By default, LearnDash only shows certificates on the course/quiz page itself. This plugin lets you display certificates anywhere — a student dashboard, a profile page, a sidebar widget, or even a dedicated achievements page. 🏆 Key Features Course & Quiz Certificates — Show certificates earned from LearnDash courses and LearnDash quizzes in one unified list Simple Shortcode — Use [ld_earned_certificates] to display certificates anywhere on your site Gutenberg Block — Drag-and-drop the “LearnDash Certificates” block in the WordPress block editor with live preview Elementor Widget — Native Elementor widget with visual controls for LearnDash certificates Certificate Type Filter — Display all certificates, only course certificates, or only quiz certificates Three Display Templates — Choose Clean List, Grid / Certificate Wall, or Portal / Dark layouts, with Clean List as the default Beautiful Icons — Choose from 5 icon styles (Star, Ribbon, Trophy, Medal, Scroll) or disable icons Course & Quiz Badges — Color-coded badges to distinguish between course and quiz certificates Fully Customizable Design — Control fonts, colors, backgrounds, borders, accent color, icon styling, padding, spacing, and links User-Specific Certificates — Show certificates for the current user or permitted specific users by ID No Coding Required — All settings managed through an intuitive admin panel with live color pickers Icon Color Customization — Change the certificate icon color and its background color from the settings panel Theme-Aware Typography — Inherits the active theme font family, base size, weight, and line height by default, with optional overrides Lightweight & Fast — Cached certificate lookups, no jQuery dependencies on the frontend, no build tools, minimal footprint Optional Diagnostics — Admin-controlled diagnostics toggle with clear disclosure for site/contact and technical data Translation Ready — Internationalized PHP, block, and Elementor interfaces with an included POT translation catalog 📋 Shortcode Usage Basic usage — show all certificates for the logged-in user: [ld_earned_certificates] Show only quiz certificates: [ld_earned_certificates type="quiz"] Show only course certificates: [ld_earned_certificates type="course"] Use the visual certificate wall layout: [ld_earned_certificates template="grid"] Use the premium portal-style layout: [ld_earned_certificates template="portal"] Show certificates for a specific user: [ld_earned_certificates user_id="5"] Hide the “no certificates” message: [ld_earned_certificates show_empty="no"] Combine multiple attributes: [ld_earned_certificates type="quiz" user_id="5" show_empty="no" template="grid"] 🔌 Works With LearnDash LMS — Fully compatible with LearnDash 3.x and 4.x Gutenberg Block Editor — Native block with server-side rendering Elementor Page Builder — Native widget (auto-detected, no setup needed) Any WordPress Theme — Customizable styling adapts to your theme Translation Plugins — WPML, Polylang, Loco Translate compatible 🚀 Pro Version Unlock even more powerful certificate features with the Pro add-on: 🔒 Certificate Verification with QR Codes 🔗 Social Sharing to LinkedIn, Twitter & Facebook 📊 Certificate Analytics Dashboard 🖼️ Advanced certificate presentation and sharing options 📥 One-Click PDF Certificate Download 📧 Automatic Email Certificate Notifications 🎨 Advanced Styling & Custom Display Templates ⚡ Priority Email Support & Updates Upgrade to Pro → Requirements WordPress 5.8 or higher PHP 7.4 or higher LearnDash LMS plugin (active) External services Diagnostics & Error Reporting (Optional) When an administrator enables the “Diagnostics & Reporting” toggle in Certificate Customizer settings, the plugin sends: Error reports for PHP errors related to this plugin A daily heartbeat with environment info (WordPress version, PHP version, LearnDash version, active theme/plugins) Site URL and admin email for identification, support follow-up, compatibility checks, and product improvement Passwords, course content, quiz answers, and student records are not intentionally transmitted by this diagnostics module. All diagnostics data is sent via HTTPS to lmscrafter.com. This service is provided by LMS Crafter LTD: * Terms of Use * Privacy Policy

Widget Areas for LearnDash simply gives you more places to add custom content in LearnDash. By utilizing built-in LearnDash action hooks, we assign widget areas (also known as “sidebars”) to various locations throughout your LearnDash pages. Available LearnDash Widget Areas Focus Mode: Sidebar: Above Navigation Focus Mode: Sidebar: Below Navigation Focus Mode: Content: Start Focus Mode: Below Content Course Page: Content: Start Course Page: Content: End Group Page: Content: Start Group Page: Content: End Requires the “LearnDash 3.0” Active Template. Tested with LearnDash 4.23. How to Use Upon activating the plugin, new widget areas will appear on the Appearance > Widgets screen in your WordPress admin area. You can also access them via the Customizer (Appearance > Customize > Widgets). Simply add the blocks/widgets you’d like to insert into the corresponding widget areas. Be sure to click the “Save” button at the bottom. Navigate to a page that contains that widget area, refresh, and your new widgets will be there. Types of Content to Add WordPress comes with a set of default widgets, several of which might be useful. If you’re using the new block editor, all blocks will also be available to you. Add a simple Paragraph block with some basic text Add an Image or Video/Embed block for more visual content Add a Navigation Menu widget to insert a custom menu you’ve created Add your own Custom HTML widget to embed an or write your own code TIP: You can use the LearnDash Student and LearnDash Visitor blocks to display a block’s contents only to enrolled students or unenrolled visitors. LearnDash Widgets LearnDash comes prepackaged with a few widgets, but there’s probably only one that makes sense in these widget areas. Add a Course Progress Bar to the top or bottom of your Focus Mode sidebar Feel free to experiment with the other LearnDash widgets. Elementor Templates If you’re using Elementor Pro, you can create a custom section and embed it anywhere on your site, including in your new LearnDash widget areas. There are two ways to do this: When you go to insert a block/widget, select the Elementor Library widget. Choose a template from the dropdown menu. Click “Save.” Navigate to Templates > Saved Templates. Copy the shortcode next to the template you want to insert. Now you’ll insert a Shortcode block into the widget area, and paste the shortcode. For more information, see the article in Elementor’s knowledge base. Widget Area CSS Class Names If you need to target the widget areas to apply custom styles using CSS, you can use the following class names. All widget areas have the .ldx-widget-area class. Focus Mode: Sidebar: Above Navigation – .ldx-widget-area.fm-nav-before Focus Mode: Sidebar: After Navigation – .ldx-widget-area.fm-nav-after Focus Mode: Content: Start – .ldx-widget-area.fm-content-start Focus Mode: Below Content – .ldx-widget-area.fm-content-bottom Course Page: Content: Start – .ldx-widget-area.course-content-start Course Page: Content: End – .ldx-widget-area.course-content-end Group Page: Content: Start – .ldx-widget-area.group-content-start Group Page: Content: End – .ldx-widget-area.group-content-end Example Usage: .ldx-widget-area.fm-nav-before { margin: 1em; } This would add 1em of spacing around the widget area that appears above the navigation in the Focus Mode sidebar. In addition, all widgets placed inside of a widget area have a class of .ldx-widget. Show/Hide Widgets on Certain Devices While not a direct feature of this plugin, you can show/hide widgets on different devices using another free plugin. Install & activate the Widget Options plugin Navigate to the widget that you’d like to adjust the visibility on Scroll to the bottom and click on the tab with the mobile phone Choose to either show or hide on the checked devices Check the appropriate devices Click “Save” Show/Hide Widgets on Specific Course/Lesson/Topic Pages Another feature of the free Widget Options plugin (mentioned above) is to only show widgets on specific course, lesson, topic or quiz pages. Install & activate the Widget Options plugin Navigate to the widget that you’d like to adjust the visibility on Scroll to the bottom and click on the settings cog icon Click on the Logic tab In the text box, you can use the is_single() conditional tag to only display that widget on a specific page Use the ID of the course, lesson, topic or quiz 👉 How to find the ID of LearnDash content Example: This would only display the widget on the page with an ID of 7: is_single( '7' ) If you wanted to display a widget on multiple pages (with IDs of 1, 2 and 3), your code would look like this: is_single( array( 1, 2, 3 ) ) There are many more WordPress conditional tags you can use. From within WordPress Visit “Plugins > Add New” Search for “Widget Areas for LearnDash” Click the “Install” button Click the “Activate” button Navigate to “Appearance > Widgets” or open the Customizer to start adding blocks/widgets to your new widget areas