Custom Tabs for LearnDash

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

The course tabs are further divided into two sections: one for enrolled tabs and the other for unenrolled tabs.

Enrolled Tabs: These tabs are exclusively visible to users who are enrolled in the course. They provide content or features customized specifically for enrolled participants.

Unenrolled Tabs: Unenrolled tabs contain an overview of the courses, but it is specifically designed to be accessible only to users who are not yet enrolled in the courses. Enrolled users will not see this overview, as it is meant to provide information to potential learners who have not signed up for the course.

Also, each tab includes a checkbox option in the course edit page, allowing administrators to make the tab accessible to anonymous users, unregistered visitors, or those who are not logged in. This ensures flexibility in displaying content to potential learners.

Let’s create tabs in the enrolled tab.
Write the title in the Course tab section title.

Now, manage tabs by selecting icons, and tab names 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 the Custom Tab.

Go to the Course Tabs.

All the tabs we have organized in custom tabs will be visible here. We have created four tabs in enrolled and two tabs in unenrolled tabs, so all are available.

These tabs are disabled by default.

Let’s enable the first tab of the enrolled 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 its lesson, topic or quiz then mark the desired option.

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

So, click on the lesson.

Add the content of your course 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 edit page, you have also an option to reorder/rearrange the course tabs.

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

Let’s check the rearranged course.

As you can see the courses are in reordered form.

Let’s now see how the unenrolled tab works.

First, enable the tab for the first course and mark the checkbox in the course edit page. Then, add the course overview in the text box and save it.

Check the result at the incognito tab as a logged out user.

In this screenshot, we can see that the enrolled tabs are not visible, and only the content of the enabled unenrolled tab is present to the logged out user.

The same procedure will be used for lessons, topics, quizzes, and groups tabs, except that enrolled and unenrolled tabs will not be available in these. You will need to add the tab title and manage the tabs you want to display on the window.

Configure Setting tabs

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

So, settings contain two options for your custom tab.

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

So, settings contain two options for your custom tab.

The first option is related to group and disabled by default, if you want to use it just toggle the button and click on save. 

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 group members who aren’t enrolled.

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 enter the icon class when managing Custom tabs.

Please check the links for your icon class.

Please check the links for your icon class.

https://fontawesome.com/icons

Dashicons