Powdi Course Page Builder for LearnDash and Divi

Description

Design Your LearnDash Course Pages with Divi 4 or Divi 5 – The Way You Want.

By default, LearnDash controls your course page. It adds its own progress/status bar at the top and the course content list at the bottom, and leaves you little room to design the page the way the rest of your Divi site looks.

Course Page Builder for LearnDash and Divi hands that control back to you.

This free plugin switches off LearnDash’s automatic course-page output and lets you rebuild the page entirely in the Divi Builder — then place the LearnDash elements back exactly where you want them. On Divi 5, drag in the native Course Action Button, Course Info Bar, and Course Content modules; on Divi 4, or anywhere shortcodes are accepted, use the included shortcodes instead.

Perfect for course creators, designers, and developers who want their LearnDash course pages to feel like a real part of their site — not a default template dropped in the middle of it.

How It Works

It’s designed to be simple — there’s nothing to configure:

• Just activate the plugin — as soon as it’s active, the default LearnDash progress/status bar and course content list are switched off automatically, the leftover top and bottom spacing is removed, and the course page loads without the theme’s title or sidebar. You’re left with a clean, blank, full-width course page, fully under your control in Divi.
• Add the shortcodes, or the native Divi 5 modules, where you want the LearnDash elements to appear in your Divi layout.
• To restore the default LearnDash layout, simply deactivate the plugin. The change is completely reversible — deactivating brings back LearnDash’s standard course page exactly as before.

What This Free Plugin Does

• Disables the default LearnDash progress/status bar shown at the top of the course page.
• Disables the default course content list (the lessons, topics, and quizzes shown at the bottom).
• Removes the leftover top/bottom spacing on the course page, so your Divi design has full control of the layout.
• Loads the course page without the theme’s title or sidebar, so the Divi Builder controls the entire page from top to bottom — no fighting your theme’s default single-post layout.
• Fixes Divi Builder styling on lesson, topic, quiz, and assignment pages when a Theme Builder template is in use with LearnDash Focus Mode — content built with Divi now displays with full builder styling instead of losing it.
• Provides shortcodes to place the LearnDash status elements anywhere inside your Divi design.

Native Divi 5 Modules

If you’re on Divi 5, these appear directly in the Visual Builder’s module library once LearnDash and Divi 5 are both active — no shortcode needed:

• Divi Learndash Course Action Button — the enroll/purchase/login action button.
• Divi Learndash Course Info Bar — the full course status bar.
• Divi Learndash Course Content — the lessons, topics, and quizzes list.

On Divi 4, use the shortcodes below instead.

Included Shortcodes

Drop these into a Divi Code module (or anywhere shortcodes are accepted) to display the LearnDash elements within your own design:

• [powdcopa_course_infobar] — displays the full LearnDash status bar for the course.
• [powdcopa_course_action_button] — displays only the action button (for example, “Login to enroll”). This button is part of the status bar but can be used independently with this shortcode. It appears only to users who haven’t yet taken action (for example, visitors who aren’t logged in or enrolled).

To display the course content list (lessons, topics, and quizzes), you can use LearnDash’s own native [course_content] shortcode, placed wherever you’d like it in your Divi layout.

A note on styling: the shortcodes output the LearnDash elements so you can position them in Divi, but they come only lightly styled — mainly default text and colors. That’s intentional, so they don’t fight your theme. You can style them to match your site using your own CSS (or Divi’s design options). Our step-by-step guide includes a ready-to-use CSS starting point you can copy and adjust to your own colors and fonts: How to Design Your LearnDash Course Pages with Divi.

Actively Developed

This is an early version, and the plugin is actively developed. Native Divi 5 modules now ship for the Course Action Button, Course Info Bar, and Course Content — a native Divi 4 module version is planned next. Your feedback is welcome and helps shape what comes next.

Want the Full Designed LearnDash Site? Meet Divi eLearn

This free plugin gives you the mechanism to design your course pages in Divi. If you’d rather skip building everything from scratch, Divi eLearn for LearnDash is our complete, professionally designed LearnDash child theme for Divi — the done-for-you version of what this plugin makes possible.

With Divi eLearn for LearnDash you get:

• Ready-Made Homepages Three designed homepage versions with hero sections, a styled course grid, and an opt-in section — a real front door for your course business.
• A Styled Course Grid A customizable course listing with per-course meta fields, reused across your homepage and archive pages.
• Designed Course Pages Ready-made course page layouts built for Divi, using this same take-over-and-build approach — already designed for you.
• Matching Site Pages Designed about, contact, and archive pages, plus two designed single-article blog templates built dynamically with the Divi Theme Builder.
• A Complete WooCommerce Selling Experience Styled cart and checkout, a mini cart, and a fully customizable account dashboard — so the path from “interested” to “enrolled” looks as good as your courses.
• One Coherent Design Homepage, course page, lessons, blog, and checkout — all pulling together as one professional site.

Start free with this plugin, and explore Divi eLearn for LearnDash when you’re ready for the complete designed site.

Documentation

If you have any questions about this plugin, please check the FAQ section or post a thread in the WordPress.org forum. Please search existing threads before starting a new one.

Technical details