Integrations

  1. Knowledge Base
  2. Integrations
  3. Elementor Pro
  4. Elementor Widgets for LearnDash

Elementor Widgets for LearnDash

In this tutorial you will learn how to configure our new Elementor widgets for LearnDash. You can now display a LearnDash Course Grid in Elementor, and a carousel showing your active LearnDash courses.

You must have the Elementor page builder plugin and LearnDash LMS plugin, installed and activated on your website to use and configure these widgets.

Adding the LearnDash Course Grid Widget

The LearnDash Course Grid widget lets you display the list of courses available on your online courses website.

To add the LearnDash Course Grid widget to a page:

  1. Go to WordPress Dashboard > Pages > Add New to create a page. Add a title for the page and then click the Edit with Elementor button to open the Elementor Page Builder Dashboard.
Elementor Widgets for LearnDash - Opening the Elementor Live Page Builder Dashboard
Elementor Widgets for LearnDash – Opening the Elementor Live Page Builder Dashboard
  1. Go to the BuddyBoss widgets list and then drag-and-drop the Course Grid widget onto the page to design as per your requirements, edit the element/block contents and style and then click the Publish button.
Elementor Widgets for LearnDash - Drag-and-drop course grid widget
Elementor Widgets for LearnDash – Adding the LearnDash Course Grid widget to a page
Elementor Widgets for LearnDash - Preview of the page with the course grid widget
Preview of the page with the course grid widget

You may use the BuddyBoss Platform with Elementor Pro plugin to create visually appealing community websites in minutes. The Elementor widgets for LearnDash by BuddyBoss are listed under ‘BuddyBoss’ in Elementor Page Builder Dashboard. You can drag-and-drop these widgets onto pages, posts, and sidebars.

Adding the LearnDash Course Activity Carousel Widget

The LearnDash Course Activity widget lets you display a carousel showing the user’s active LearnDash courses.

To add the LearnDash Course Activity widget to a page:

  1. Go to WordPress Dashboard > Pages > Add New to create a page. Add a title for the page and then click the Edit with Elementor button to open the Elementor Page Builder Dashboard.

Elementor Widgets for LearnDash - Opening the Elementor Live Page Builder Dashboard
Elementor Widgets for LearnDash – Opening the Elementor Live Page Builder Dashboard
  1. Go to the BuddyBoss widgets list and then drag-and-drop the Course Activity widget onto the page to design as per your requirements, edit the element/block contents and style and then click the Publish button.
Elementor Widgets for LearnDash - Adding the LearnDash Course Activity widget to a page
Adding the LearnDash Course Activity widget to a page
Elementor Widgets for LearnDash - Preview of the page with the course activity widget
Preview of the page with the course activity widget

You may use the BuddyBoss Platform with Elementor Pro plugin to create visually appealing community websites in minutes. The Elementor widgets for LearnDash by BuddyBoss are listed under ‘BuddyBoss’ in Elementor Page Builder Dashboard. You can drag-and-drop these widgets onto pages, posts, and sidebars.

Questions?

We're always happy to help with code or other questions you might have! Search our documentation, contact support, or connect with our sales team.