Lab: Beaver Builder

Overview

# Top

The LifterLMS Beaver Builder Integration Lab, allows LifterLMS and Beaver Builder Pro or Lite to integrate seamlessly with each other.

The following features are enabled automatically when enabling the lab:

  • Adds LifterLMS-specific modules for course and lesson construction via Beaver Builder
  • Adds row & module visibility settings to conditionally display elements based on course/membership enrollment status of the current visitor
  • Adds a basic LifterLMS course template for quick course building with a layout similar to the standard LifterLMS course layout

LifterLMS Modules

# Top

When enabled, the following modules are available for use in the page builder:

  • Course Author: Displays the author information for the selected course. Information includes the author’s avatar, name, and, optionally, biography
  • Course Continue Button: Displays a button linking to the next uncompleted lesson in the selected course. If the course is complete, displays “Course Complete” text
  • Course Information: Displays course meta information (length, difficulty, tracks, categories, and tags).
  • Course Progress Bar: Displays the current student’s course progress in a visual progress bar
  • Course Syllabus: Displays the course syllabus for the selected course
  • Lesson Mark Complete Button: Displays the Mark Complete / Incomplete button for a lesson. If a quiz is attached to the lesson, will display a “Take Quiz” Button instead
  • Pricing Table: Displays the pricing table (access plans) for a course or membership

LifterLMS Beaver Builder Modules

Row and Module Visibility Settings

# Top

This lab adds new settings to all rows and modules in the page builder which allow you to determine whether or not the element is visible to a site visitor based on their enrollment in courses and / or memberships.

To customize these visibility settings, open the settings for any row or module and click the “LifterLMS” tab.

Row & Module Visibility Settings

Display To Options include:

  • Everyone: The element will be displayed to all visitors (default)
  • Enrolled Students: Displays element only to students enrolled in selected course(s) and/or membership(s)
  • Non-Enrolled Students: Displays element only to students not enrolled in selected course(s) and/or membership(s)

In options include:

  • Current Course / Membership:
    • When Display To is “Enrolled” the element will be shown to a student enrolled in the current course or membership.
    • When Display To is “Non-Enrolled” the element will be shown to a student only if they are not-enrolled in the current course or membership
    • Note this can only be used on course or memberships. If used on a page, post, or other post type it will not work.
  • Any Course(s) or Membership(s)
    • When Display To is “Enrolled” the element will be shown to a student enrolled in at least one course or membership
    • When Display To is “Non-Enrolled” the element will be shown to a student only if they are not-enrolled in any courses or membership.
  • Specific Course(s) and/or Membership(s)
    • When Display To is “Enrolled” the element will be shown to a student enrolled in any or all of the selected courses and/or memberships
    • When Display To is “Non-Enrolled” the element will be shown to a student only if they are not-enrolled in any any or all of the selected courses and/or memberships.

If you do not see the LifterLMS as an option in the visibility settings we are aware of an issue with Beaver Builder 2.o compatibility that will get resolved. If you are not getting this feature and need it, consider using a pre 2.0 version of Beaver Builder.

Lesson "Bubbling"

# Top

When using visibility settings and module searching on a lesson, the course used will be whatever course the current lesson belongs to.

Remove Default LifterLMS Elements when using the Builder

# Top

You likely will want to remove default LifterLMS elements (like the course syllabus or course author) and add them in on your own within the page builder.

All of these elements are added via Action hooks. There are two ways to remove these elements:

Course Template

# Top

This lab also comes with a prebuilt course template you can load into your courses to achieve a default layout very similar to the standard LifterLMS course layout. This layout can be found under “LifterLMS Templates” when you click the “Templates” button from within the builder.

LifterLMS Beaver Builder Course Template

FAQ: Page builder isn't active for courses, lessons, or memberships

# Top

If the page builder isn’t active for LifterLMS custom post types like course, lessons, or memberships, be sure to activate them in the Beaver Builder settings.

To do so, on the WordPress admin panel:

  • Navigate to Settings -> Page Builder -> Post Types
  • Check the boxes for the LifterLMS custom post types you’d like to use the page builder on

Additional Beaver Builder Lab Information

# Top

Check out this blog post for more information about the LifterLMS Lab for Beaver Builder: http://blog.lifterlms.com/labs-beaver-builder/

Last Updated on
Was this article helpful?