Themeum

Tutor LMS Elementor Addons is a WordPress plugin that syncs Tutor LMS with Elementor page builder. It helps you to design eLearning course sites any way you want. Create your own custom layout and styling for Tutor LMS courses, bring different designs to specific courses, create course carousels and listings, and do much more.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/9cbxl2v7gBc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
=What you can do with Tutor LMS Elementor Addons:=
Tutor LMS Elementor Addons helps you create gorgeous looking eLearning sites Tutor LMS and then style it with Elementor page builder. You can do a lot of things, including the following:
<ul>
<li>Create a course page template from scratch.</li>
<li>Customize each course page design individually.</li>
<li>26+ widgets to take care of the linear aspects of the design.</li>
<li>Insert course carousels in any page you want.</li>
<li>4 different course carousel styles.</li>
</ul>
<h4>Prerequisite</h4>
Tutor LMS Elementor Addons will ask you to install the following plugins to make sure everything works perfectly.
1) <a href="https://wordpress.org/plugins/tutor" rel="ugc">Tutor LMS</a> 
2) <a href="https://wordpress.org/plugins/elementor" rel="ugc">Elementor Plugin</a>
After installing and activating all of these plugins, you will be able to build single course pages with Elementor using all of its unique features. For a more in-depth look at the integration and all it’s nitty-gritty details, please visit <a href="https://docs.themeum.com/tutor-lms/integrations/elementor-page-builder/" rel="nofollow ugc">our documentation on Tutor LMS – Elementor integration</a>.
Please make sure you are using the latest version of all these plugins.
<h4>Instructions:</h4>
✅ Allow Elementor to edit and create courses in the Settings
First, you need to enable editing capability for Elementor page builder. Go to Dashboard > Elementor > Settings > General, check the mark on the Post Types you want to edit and create with Elementor. Make sure Courses, Lessons, Quizzes, and Assignments.
✅ Create a custom course template
To use the Elementor builder to build a custom course template, you need to create your own course template first.
You can do that by heading to your WordPress admin page, and then from the dashboard panel, head to Templates > Saved Templates > Add New and from the “Choose Template Type” dropdown, select page. Give the template a name and also make sure to enable ”Tutor LMS Single Course Template”. Start creating your custom course page from scratch.
✅ Edit individual course pages differently 
If you want to edit each course’s layout separately, navigate to Tutor LMS > Courses and then open any course in editing mode.
Then, from the default editing panel, click on “Edit With Elementor” to start the Elementor Page builder interface. You will find all the necessary add-ons to create a single course page from the left sidebar’s Tutor LMS section.
<h3>Widgets Inside Tutor LMS Elementor Addons Plugin</h3>
Tutor LMS Elementor Addons currently offers the following Elementor widgets to take control over your eLearning site designs. Design your course page and other layouts with the Tutor LMS widgets available in Tutor LMS Elementor Addons plugin.
<ol>
<li>Course Rating</li>
<li>Course Title</li>
<li>Course Author</li>
<li>Course Level</li>
<li>Course Social Share</li>
<li>Course Categories</li>
<li>Course Duration</li>
<li>Course Total Enrolled</li>
<li>Course Last Update</li>
<li>Course Status</li>
<li>Course Thumbnail</li>
<li>Course Price</li>
<li>Course Enrolment Box</li>
<li>Course Materials</li>
<li>Course Requirements</li>
<li>Course Tags</li>
<li>Course Target Audience</li>
<li>Course About</li>
<li>Course Benefits</li>
<li>Course Curriculum</li>
<li>Course Instructor</li>
<li>Course Carousel</li>
<li>Course List</li>
<li>Course Description (available for the global template only)</li>
<li>Course Content</li>
<li>Course Purchase</li>
<li>Course wishlist</li>
</ol>

Tutor LMS Elementor Addons

Get 26+ Tutor LMS Elementor widgets to create an entire eLearning site and design custom course pages, course carousels, listings, and more.

This plugin integrates Tutor LMS with the popular Oxygen Page Builder plugin. It adds all the functionalities needed to create a complete WordPress LMS website using Oxygen Builder.
To use this plugin, you must first have all the plugins installed and activated. The required plugins are: 
 *<a href="https://wordpress.org/plugins/tutor/" rel="ugc">Tutor LMS (Free/Pro)</a> 
 *Integration Plugin 
 *<a href="https://oxygenbuilder.com/" rel="nofollow ugc">Oxygen Builder</a>
<h4>What Oxygen Builder Brings to Tutor LMS</h4>
Oxygen builder is a very unique and robust page builder, and you can practically create your custom made theme for an LMS platform. Thus you don’t have to rely on other third-party themes and make your website from the ground up exactly the way you want it.
Oxygen Builder provides a plethora of features like the header builder, huge design library, and full responsiveness controls. Moreover, it also comes with a library of pre-made design sets that can be imported directly to create rich webpages. We believe with this integration activated, you can create an amazing platform for your instructors and students alike.
<h4>Oxygen Visual Editor</h4>
Like all other Oxygen enabled sites, installing Oxygen will strip out all the visuals of your old site. The visuals will now be controlled by Oxygen’s templates. Therefore, your theme will basically be useless. You will have to create Oxygen templates to properly show your content in a usable layout.
With this integration plugin enabled, you will see a brand new tab in the editor. This tab labeled “Tutor LMS” contains all the necessary elements needed to build a perfect LMS website. Whether you’re a designer or a WordPress developer, it will suit all your needs. 
There are two ways of creating a course page, for example:
<ul>
<li>Add a single course template</li>
<li>Build your custom design using single course elements</li>
</ul>
If you add the single course template, you’ll be able to edit each of the elements. But you won’t be able to change the layout of the course page itself. To do so, you’ll need to create a custom course layout with all the necessary elements.
If you’re familiar with the Oxygen Builder plugin, creating a new custom layout with custom headers and footers should be a breeze. We’ve added all the necessary elements needed to create a full Tutor LMS website. We’ve broken down all of Tutor LMS into small elements that you can now use to create a customizable layout for all Tutor LMS pages like course page, quiz page, archive page, and so on.
To read about every aspect of this plugin, please refer to our <a href="https://www.themeum.com/docs/oxygen-builder-introduction/" rel="nofollow ugc">documentation on the Oxygen Builder</a> integration plugin. You will find all the information on this plugin in our documentation website.

Oxygen Tutor LMS

Build E-Learning website by Oxygen Builder and Tutor LMS Integration plugin

Tutor LMS Elementor Addons vs Oxygen Tutor LMS