Powdi Course Page Builder for LearnDash and Divi lets you create beautiful, responsive course pages using the Divi Builder and LearnDash course data.

Powdi Course Page Builder for LearnDash and Divi

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&#8217;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, using simple shortcodes. It works with both Divi 4 and Divi 5.
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.
<h4>How It Works</h4>
It&#8217;s designed to be simple — there&#8217;s nothing to configure:
<ul>
<li>Just activate the plugin — as soon as it&#8217;s active, the default LearnDash progress/status bar and course content list are switched off automatically, and the leftover top and bottom spacing is removed. You&#8217;re left with a clean, blank course page, fully under your control in Divi.</li>
<li>Add the shortcodes where you want the LearnDash elements to appear in your Divi layout.</li>
<li>To restore the default LearnDash layout, simply deactivate the plugin. The change is completely reversible — deactivating brings back LearnDash&#8217;s standard course page exactly as before.</li>
</ul>
<h4>What This Free Plugin Does</h4>
<ul>
<li>Disables the default LearnDash progress/status bar shown at the top of the course page.</li>
<li>Disables the default course content list (the lessons, topics, and quizzes shown at the bottom).</li>
<li>Removes the leftover top/bottom spacing on the course page, so your Divi design has full control of the layout.</li>
<li>Provides shortcodes to place the LearnDash status elements anywhere inside your Divi design.</li>
</ul>
<h4>Included Shortcodes</h4>
Drop these into a Divi Code module (or anywhere shortcodes are accepted) to display the LearnDash elements within your own design:
<ul>
<li><code>[powdcopa_course_infobar]</code> — displays the full LearnDash status bar for the course.</li>
<li><code>[powdcopa_course_action_button]</code> — displays only the action button (for example, &#8220;Login to enroll&#8221;). This button is part of the status bar but can be used independently with this shortcode. It appears only to users who haven&#8217;t yet taken action (for example, visitors who aren&#8217;t logged in or enrolled).</li>
</ul>
To display the course content list (lessons, topics, and quizzes), you can use LearnDash&#8217;s own native <code>[course_content]</code> shortcode, placed wherever you&#8217;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&#8217;s intentional, so they don&#8217;t fight your theme. You can style them to match your site using your own CSS (or Divi&#8217;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: <a href="https://powdithemes.com/how-to-design-your-learndash-course-pages-with-divi/?utm_source=wprepository&amp;utm_medium=readme&amp;utm_campaign=course-page-builder-for-learndash-and-divi&amp;utm_content=stylingguide" rel="nofollow ugc">How to Design Your LearnDash Course Pages with Divi</a>.
<h4>Actively Developed</h4>
This is an early version, and the plugin is actively developed. Dedicated Divi modules for these LearnDash elements are planned, to make placing and styling them even easier. Your feedback is welcome and helps shape what comes next.
<h4>Want the Full Designed LearnDash Site? Meet Divi eLearn</h4>
This free plugin gives you the mechanism to design your course pages in Divi. If you&#8217;d rather skip building everything from scratch, <a href="https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&amp;utm_medium=readme&amp;utm_campaign=course-page-builder-for-learndash-and-divi&amp;utm_content=mainlink" rel="nofollow ugc">Divi eLearn for LearnDash</a> is our complete, professionally designed LearnDash child theme for Divi — the done-for-you version of what this plugin makes possible.
With <a href="https://powdithemes.com/divi-elearn-for-learndash/?utm_source=wprepository&amp;utm_medium=readme&amp;utm_campaign=course-page-builder-for-learndash-and-divi&amp;utm_content=mainlink" rel="nofollow ugc">Divi eLearn for LearnDash</a> you get:
<ul>
<li>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.</li>
<li>A Styled Course Grid A customizable course listing with per-course meta fields, reused across your homepage and archive pages.</li>
<li>Designed Course Pages Ready-made course page layouts built for Divi, using this same take-over-and-build approach — already designed for you.</li>
<li>Matching Site Pages Designed about, contact, and archive pages, plus two designed single-article blog templates built dynamically with the Divi Theme Builder.</li>
<li>A Complete WooCommerce Selling Experience Styled cart and checkout, a mini cart, and a fully customizable account dashboard — so the path from &#8220;interested&#8221; to &#8220;enrolled&#8221; looks as good as your courses.</li>
<li>One Coherent Design Homepage, course page, lessons, blog, and checkout — all pulling together as one professional site.</li>
</ul>
Start free with this plugin, and explore <a href="https://divi-learndash.powdithemes.com/?utm_source=wprepository&amp;utm_medium=readme&amp;utm_campaign=course-page-builder-for-learndash-and-divi&amp;utm_content=demolink" rel="nofollow ugc">Divi eLearn for LearnDash</a> when you&#8217;re ready for the complete designed site.
<h3>Documentation</h3>
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.

Alternative Plugins for

Discover the Lists with Powdi Course Page Builder for LearnDash and Divi