Powdi Course Page Builder for LearnDash and Divi

Design Your LearnDash Course Pages with Divi 4 or Divi 5

Take control of your LearnDash course-page design.

By default, LearnDash places its course progress bar at the top of the course page and the course content list at the bottom. This can make it difficult to create a layout that matches the rest of your website.

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

This free plugin removes LearnDash’s default course-page elements and gives you a clean, full-width page to design with Divi. Decide where to place your course information, enrollment button, and curriculum — and build a layout that fits your website.

How It Works

Activate the plugin and start building. No additional configuration is required.

• Divi 5: Use three native modules — Course Info Bar, Course Action Button, and Course Content — directly in the Visual Builder.

• Divi 4: Use the included shortcodes and LearnDash’s native course content shortcode to position the elements within your design.

The plugin also removes the extra spacing and the theme’s default title and sidebar from course pages.

🎁 Free Divi LearnDash Course Page Layouts

Don’t want to start from a blank page? Start with a design.

Get four free Divi course page layouts designed to work with the plugin. Import a layout, customize it to match your brand, and use it as a starting point for your own course pages. Available for both Divi 4 and Divi 5.

👉 Get the four free course page layouts

Native Divi 5 Modules

If you’re using Divi 5, the plugin adds three native modules you can insert directly into the Visual Builder:

• Divi Learndash Course Info Bar — displays the course information and status bar (status, price, and the progress bar once enrolled).

• Divi Learndash Course Action Button — displays the relevant course action, such as logging in, enrolling, or purchasing.

• Divi Learndash Course Content — displays the course curriculum: lessons, topics, and quizzes.

Customize their content and appearance directly in Divi using the modules’ own design settings.

Customize Your Course Pages

Place your course information, enrollment or purchase button, and course curriculum wherever you want. Build your own sections, add content, and style your course page to match the rest of your website.

Using Divi 4? The plugin includes these shortcodes:

• [powdcopa_course_infobar] — displays the course information and status bar.

• [powdcopa_course_action_button] — displays the course action button independently, when applicable.

• [course_content] — LearnDash’s native shortcode for displaying lessons, topics, and quizzes.

The shortcodes use basic styling so they won’t fight your theme’s design. You can customize their appearance with CSS or Divi’s design options.

👉 Follow our step-by-step styling guide

Want a Complete LearnDash Website?

If you’d rather start with a professionally designed website instead of building everything yourself, explore Divi eLearn for LearnDash — our premium Divi child theme for course creators.

With Divi eLearn, you get:

• Ready-made homepage designs with hero sections, course grids, and opt-in sections.

• Designed course pages that bring together course information, enrollment actions, and the curriculum.

• Matching website pages — About, Contact, archive, and blog, all designed to fit.

• A complete WooCommerce experience — styled cart, checkout, mini cart, and account pages.

Your homepage, course pages, lessons, blog, and checkout are designed to work together as one coherent website.

Start free with Course Page Builder, or explore Divi eLearn for the complete designed experience.

👉 Explore Divi eLearn for LearnDash

Documentation

All of our documentation can be found in our Knowledgebase.

Additional helpful links:

• Getting Started with the plugin

• Using the plugin with Divi 4

• Using the plugin with Divi 5

org forum. Please search existing threads before starting a new one.

Requirements

• WordPress

• Divi 4 or Divi 5 (Divi Theme or Divi Builder)

• LearnDash LMS

To restore the standard LearnDash course-page layout, simply deactivate the plugin.