68+

Happy customers and counting! write the next chapter of your success with us

Are You Looking To Give Your Course Some Manageable Tabs?

Custom Tabs for LearnDash

Plugin version: 1.13
Last updated: 17th Aug 2023
LD version: 3.0 or higher
Tested up to: 6.3
PHP version: 7.0 or above

Introduction

This plugin extends LearnDash to allow the admin to add custom tabs to courses, lessons, topics, quizzes and groups. These tabs are displayed on the individual course, lesson, topic, quiz and group pages to the right of the default tabs layout after the materials tab.

Content of tabs can be managed from the LearnDash single edit screens.
Tabs can be easily added, deleted, and rearranged from global settings for a course, lesson, topic, quiz and group edit windows individually.
Tab content areas use the standard WordPress text editor and may contain text, images, HTML, or shortcodes.
Note: Custom Tabs only support LearnDash 3.0. 

Features

  • Option to add custom tabs for courses/lessons/topics/quizzes and groups.
  • Allows you to display selected tabs on different courses/lessons/topics/quizzes and groups.
  • Option to add custom icons with each tab.
  • Option to add HTML, media ( images & videos ) and shortcodes to the tab contents.
  • Option to hide custom tabs for logged out users.
  • Option to display custom tabs for only students enrolled to the course.
  • Option to display parent tabs to the related posts, for example, you can display course tabs on lessons/topics and quizzes.
  • Option to re-order custom tabs on front-end.
  • Option to have font-awesome icons with tabs.
  • Options to have dashicons with tabs.

Helps you with

  • Displaying custom instructions regarding the course to the enrolled users.
  • Displaying reviews of courses to the enrolled users.
  • Displaying hints/points that will help the students to complete the course.
  • Displaying other enrolled students.
  • Increasing engagement of students to the course by displaying them rewards/achievements if they complete it successfully.
  • Displaying teacher’s comments to the course.

Getting Started

Step to step guideline to use this plugin

In this blog we are going to learn how to set up custom tabs for your LearnDash courses.

Before we start, you may visit the website to purchase the plugin.

Install and Activate Plugin

To upload your plugin, go to Dashboard Plugin Add New.

Then Upload Plugin Choose File Install Now.

Click on Activate Plugin once the installation is complete.

First, activate the LearnDash Custom Tabs add-on using the license key.

You will see the Custom Tabs sub-menu once the add-on has been activated.

How to Set up Custom Tabs

Let’s see how to set up Custom tabs in courses.

Go to the Custom Tabs Course Tabs

Write the title in the Course tab section title.

Click on Add another tabs.

Manage tabs by selecting icons, tab name and don’t forget to click on Save.

It’s time to move on and configure the Custom Tabs in the pre-designed courses.

Click on LearnDash LMS Course.

Select the course where you want to use Custom Tab.

Go to the Course Tabs.

All the tabs you have organized in your custom tabs will be visible here. We have created two tabs so both are available.

These tabs are disabled by default.

Let’s enable the first tab and explore what options it has.

A tab edit panel will appear as soon as you enable the tab.

If you want to make this tab appear in it’s lesson, topic or quiz then mark the desired option.

For instance, I want to show only this tab in the quizzes too.

So, click on the quiz.

 And add the content of course tab in the text box then click on update.

Your Custom tab is ready to go live.

Visit your front-end user interference to check your enabled tabs.

Our Custom Tabs are successfully published.

In the same tab you have also an option to reorder/rearrange the course tabs.

Just drag and drop the course tabs, arrange them according to your choice, and then update. 

Let’s check the rearranged course tabs.

As you can see the courses are in reordered form.

Same procedure would be followed for lesson, topic, quiz and group tab.

Let’s find more possibilities by discovering the settings of Custom Tabs.

So, settings contain four options for your custom tab.

These options are disabled by default, if you want to use any of them just toggle the button and click on save

  • Your custom tabs are visible to logged out users too, if you want to hide the custom tabs from the logged out users then enable the button. 
  • Toggle the button if you want to keep your custom tabs hidden from people who aren’t registered in courses.
  • This option is related to groups. 

In such scenarios custom tabs will be visible to the user who becomes unenrolled from the group. Enable the button if you want to keep it hidden from users who aren’t enrolled to the group.

Last but not least, the final option is related to the icon type.

This drop-down contains three icon types.

  1. Learnash icon
  2. Dashicon
  3. Font Awesome

The LearnDash icon is set by default. 

Select the icon type you want to use with your custom tabs from the menu.

Remember to Save your changes when you’re finished.

When choosing either Dashicon or Font Awesome from the dropdown menu, you must have to enter icon class when managing Custom tabs.
Please check the links for your icon class.
https://developer.wordpress.org/resource/dashicons
https://fontawesome.com/icons

Precautions

Text, photos, HTML, and shortcodes may all be used in tab content sections, which use the regular WordPress text editor. However, LearnDash 3.0 is the only version that Custom Tabs support. If the old template is selected, an error message will appear.