Visual composer WP Bakery Page Builder with Eduma’s course and LearnPress

Article in Education & LMS

We usually receive the most common question nowadays is “How to add Visual Composer WP Bakery Page Builder into LearnPress and Eduma’s course page?”. Hence, we are writing this article to clarify your concern today.

Normally, Visual Composer (VC) is enabled automatically for all pages so you can build pages with VC easily. However, for Eduma’s course page, it has always been the boring nonstyle text like in this image.

Eduma's course page (Sample 1)
Eduma’s course page (Sample 1)

It would be exaggerated to say it doesn’t have any style. However, it does look like not have any style at all, and this really bothersome critical eyes. In this article, we will look into how to add VC Editor into LearnPress course in Eduma and explore some all of its pros and cons, its benefits and its limitation. Besides, as lesson design is also an important issue in improving learners’ experience, we will also look into how to add VC to LearnPress lesson and give you the ability to turn it into something like the following screenshots:

Eduma's Course Page with VC (sample 2)
Eduma’s Course Page with VC (sample 2)
Eduma's  Lesson Page with VC (Sample)
Eduma’s Lesson Page with VC (Sample)

As from the above screenshots, after you turn on VC for LearnPress, you can add some rows, columns, add icons, buttons, colors, and background easily. This will be a great extra for any instructors to make their courses more attractive and engaging. Now, let’s turn your site on and start implementing this for your site.

How to add Visual Composer WP Bakery Page Builder into LearnPress and Eduma’s course page?

Step 1: Go to your site’s WordPress Dashboard, then go to WPBakery Page Builder. The default setting for VC only enables VC for posts. You will need to go to VC’s setting to turn it on for other post types and other user roles.

Visual composer WP Bakery Page Builder with Eduma's course and LearnPress

Step 2: Go to Role manager. This is where we can select VC that can be turned on for which type and for which user role. From here, you will see a list of user roles on your site, from Administrator to Shop Manager.

Role Manager

Step 3: Let’s click on Administrator because as Admins of the site, we should be the first people to be able to edit courses using VC. Change the Post types from Pages only to¬† Custom

Post Types

When the list of post types displayed, choose the post type you wanted to enable VC for. Or you can just choose Post, LP_COURSE, LP_Lesson, and LP_Quiz. These may be the most common post types we deal with every day.

Post types - Eduma's course

That’s it! Do it again for Editor, Author or Instructor if you want instructor to also be able to use VC for your courses.

Using VC in LearnPress Courses

After the above step is done, VC will be enabled on the Course Editor and you will be able to use it on your course. However, please be sure to know that when you change from Classic Mode to Backend Editor, the LearnPress description will disappear and will re-appear after the Course Setting Features. Please check the images below:

  1. Before Enabling VC
Before enable VC

2. After Enabling VC, the Editor will be pushed to after LearnPress settings.

enable VC - learnpress

Finally, VC’s Frontend Editor feature won’t work well with Eduma’s course so please only use Backend Editor.

Eduma's course

This is the result I got after enabling VC for the course. Hope this article will be helpful to you guys!

Read more: Frontend Editor add-on for LearnPress