Back to Forhad's Creations

WooCourse plugin for WordPress – Online Course Content Selling Plugin

By WP Forhad / October 15, 2024

Woo Course is a versatile WordPress plugin that allows users to create and display educational courses as WooCommerce products. With this plugin, course creators and educators can sell their online courses directly through their WooCommerce store, simplifying the management of both e-commerce and course content in one seamless platform.

Woo Course provides users with the ability to turn any WooCommerce product into a course by simply toggling the "Turn This Product as Course" option. This feature enables instructors to add course-specific details, including descriptions, lessons, certifications, and curriculum content. The plugin is designed to make online education accessible and easy to manage for educators, training institutes, and entrepreneurs looking to offer their expertise to a broad audience.

Key Features

  • Product to Course Conversion: Toggle on the "Turn This Product as Course" to transform any product into an educational offering.
  • Course Description and Curriculum: Add a detailed course description, curriculum, and lessons to provide students with clear information about the course content.
  • Instructor Assignment: Assign instructors to courses, making it easy to manage different courses and their instructors.
  • Course Structure: Easily create a curriculum structure, including multiple lessons and modules.
  • Certification Option: Enable certification for courses to enhance student engagement and provide proof of learning.
  • WooCommerce Integration: Use WooCommerce’s built-in capabilities for checkout, payments, and managing orders for course enrollment.

Use Case

Consider an educational platform offering various online courses. The Woo Course plugin enables the platform to integrate their course offerings seamlessly with WooCommerce, allowing them to sell courses like any other product, making the process more efficient and user-friendly.

  • Educational Institutes: An online school can create different courses such as "Introduction to Python Programming" or "Graphic Design Fundamentals." By using Woo Course, they can offer these courses as products and manage student enrollments, course descriptions, and instructors easily within WooCommerce. The course description provides all the necessary information to prospective students, while the curriculum builder allows for easy lesson structuring.
  • Entrepreneurs and Instructors: A freelance instructor who wants to monetize their expertise in digital marketing can create a course and list it as a WooCommerce product. By using the Woo Course plugin, they can enable the "Turn This Product as Course" option to add detailed lessons, descriptions, and even include certifications. This helps them efficiently handle course sales, track enrollments, and improve the learning experience for their audience.
  • Online Learning Platforms: A larger online learning platform offering multiple categories of courses can utilize Woo Course to standardize course presentation and sales. By assigning specific instructors to different courses and providing in-depth curriculum breakdowns, the platform enhances both the student experience and course management processes, all while maintaining the benefits of WooCommerce for transactions.

How to setup Woo Course plugin

Step 01: First we have to go to the WordPress dashboard.

WP Dashboard

Step 02: Then we have to click the Plugins option from the dashboard. Then we have to click  “Add New Plugin” button  , from there we have to click “Upload Plugin”. Then we have to choose the plugin from our device. Then we have to click install button. Here we can Active The Plugin or we may active it later from Plugins options

Plugin Activation

Step 03: To work with this plugin we need to install WooCommerce plugin too. After install WooCommerce option and its menus in our dashboard
like below.

Woo Commerce Options

Step 04: Clicking on Add New we will see Course Options bottom of the page

Woo Course Option in product page

Step 05: Then we have to add a course with the necessary fields like below

Add Course
Add Course
Add Course

Step 06: When we will publish after adding necessary fields we will see our view page below

Preview

Use our recommended page builder plugin, FancyPost to unlock a number of powerful blocks to help you to design amazing websites!

More screenshots

Woo course Options
Preview
Preview

Live Demo

Click the button below to explore a live demo of the Woo Course plugin. Experience firsthand how easy it is to turn WooCommerce products into educational courses, complete with descriptions, lessons, and curriculum details. The live demo provides an opportunity to understand how this plugin can simplify course creation and management, making it easy for you to deliver a smooth and engaging learning experience.

Download

Ready to start selling your online courses seamlessly? Click the button below to download the Woo Course plugin and integrate your courses directly with WooCommerce. Whether you are an educator, training institute, or content creator, this plugin helps you manage and sell your courses effortlessly, providing a complete e-learning solution for your website.

Please enable JavaScript in your browser to complete this form.

Developer area

The Woo Course plugin is built to be flexible and developer-friendly, allowing developers to customize its features, add new functionality, and integrate third-party services. This section provides an overview of how to extend the plugin by adding custom fields, modifying templates, and creating additional features.

1. Customizing Course Templates

The plugin includes various template files for course presentation. Developers can override these templates to fit their needs.

  • Overriding Templates: To customize the look of the course, copy the template files from the plugin directory (woo-course/templates/) to your theme folder (e.g., yourtheme/woo-course/). This allows you to make changes without affecting the core plugin files.

Example Template Modification Code:

<div class="course-details">
    <h2><?php the_title(); ?></h2>
    <div class="course-description"><?php echo get_post_meta(get_the_ID(), 'course_description', true); ?></div>
    <div class="course-lessons"><?php echo get_post_meta(get_the_ID(), 'lessons', true); ?> Lessons</div>
    <div class="certification"><?php echo get_post_meta(get_the_ID(), 'certification', true) ? 'Certification Available' : ''; ?></div>
</div>

2. Adding Custom Meta Fields

If developers want to add additional fields for the course, such as prerequisites or related resources, they can add custom meta fields using the following example:

function add_woo_course_meta_boxes() {
    add_meta_box(
        'additional_course_info', // Unique ID
        'Additional Course Information', // Box title
        'render_course_meta_box', // Callback function
        'product' // Post type for WooCommerce products
    );
}

function render_course_meta_box($post) {
    $course_prerequisites = get_post_meta($post->ID, '_course_prerequisites', true);
    echo '<label for="course_prerequisites">Prerequisites:</label>';
    echo '<input type="text" id="course_prerequisites" name="course_prerequisites" value="' . esc_attr($course_prerequisites) . '" />';
}

add_action('add_meta_boxes', 'add_woo_course_meta_boxes');

function save_course_meta($post_id) {
    if (array_key_exists('course_prerequisites', $_POST)) {
        update_post_meta($post_id, '_course_prerequisites', sanitize_text_field($_POST['course_prerequisites']));
    }
}

add_action('save_post', 'save_course_meta');

3. Creating Custom Shortcodes

To provide more flexibility in displaying courses, developers can create custom shortcodes to display courses in various formats.

Example of a Custom Shortcode to Display Courses:

function custom_course_list_shortcode($atts) {
    $atts = shortcode_atts(array('category' => ''), $atts, 'custom_course_list');
    $args = array(
        'post_type' => 'product',
        'meta_key' => '_turn_as_course',
        'meta_value' => 'yes',
        'posts_per_page' => -1,
    );
    if ($atts['category']) {
        $args['product_cat'] = $atts['category'];
    }

    $courses = new WP_Query($args);
    $output = '<div class="course-list">';
    while ($courses->have_posts()) {
        $courses->the_post();
        $output .= '<div class="course-item">';
        $output .= '<h3>' . get_the_title() . '</h3>';
        $output .= '<p>' . get_the_excerpt() . '</p>';
        $output .= '<a href="' . get_permalink() . '">View Course</a>';
        $output .= '</div>';
    }
    $output .= '</div>';
    wp_reset_postdata();
    return $output;
}
add_shortcode('custom_course_list', 'custom_course_list_shortcode');

4. Integration with Third-Party APIs

Developers can also integrate third-party APIs to extend the Woo Course plugin. For instance, they could add a certification API to provide digital certifications upon course completion.

Example of Third-Party API Integration:

function issue_certificate_api($course_id, $student_id) {
    $response = wp_remote_post('https://api.example.com/certify', array(
        'method'    => 'POST',
        'body'      => array(
            'course_id'  => $course_id,
            'student_id' => $student_id,
        ),
    ));
    if (is_wp_error($response)) {
        return false; // Handle the error
    }
    return json_decode(wp_remote_retrieve_body($response), true);
}

5. Adding Custom CSS and JavaScript

If you need to add custom styles or JavaScript for the course pages, you can enqueue custom files:

Example Code to Add Custom CSS and JavaScript:

function woo_course_custom_styles_scripts() {
    wp_enqueue_style('woo-course-custom-style', get_stylesheet_directory_uri() . '/css/woo-course-custom.css');
    wp_enqueue_script('woo-course-custom-script', get_stylesheet_directory_uri() . '/js/woo-course-custom.js', array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'woo_course_custom_styles_scripts');

In your custom CSS file (woo-course-custom.css), you can style the course page:

.course-item {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
}
.course-item h3 {
    color: #333;
}

Associate Plugins

  • Woo Commerce By Automattic

Search, install and active the Woo Commerce By Automattic plugin like below to add a Course by Woo Course plugin

Woo Commerce Plugin Installation
Add a course

Request for new features

We are always looking to improve! If you have any suggestions for new features or improvements to the plugin, feel free to reach out to us. Your feedback helps us make Easy Job Listing even better.(Contact form , Telegram, Whatsapp, Messenger)

Donate

If you enjoy using Woo Course and would like to support its continued development, please consider making a donation. Your contributions will help us add more features, provide regular updates, and continue offering support to all users.

Forhad Avatar

Hossain Muhammed Forhad

Forhad Hossain is the co-founder of Pluginic. He brings a one-of-a-kind fusion of tech brilliance, business savvy and marketing mojo to the table.

Forhad has consistently spearheaded the development of innovative products like Gutenic, Editorial Rating, FancyPost and many others that have become market leaders in their respective niches.

Website Builder Front Website Builder Back

Want To Build Better WordPress Websites?
Start Here! 👇

0
1 0 Rating
2 0 Rating
3 0 Rating
4 0 Rating
5 0 Rating
Total Vote: 0

Aggregate Rating System by Editorial Rating

Leave a Reply

Your email address will not be published. Required fields are marked *