Are you offering a group of related courses, such as a certification program, a professional development track, or a subject-based bundle? Do you want a clean and engaging way to present them on your Moodle site?

A course catalog page is a great solution. It gives learners a clear overview of your program, highlights key course details, and helps boost enrollments. Whether you’re promoting AI training, business skills, or language learning, a catalog-style landing page can make your offerings look polished and professional.

In this tutorial, you’ll learn how to create a custom course catalog page in Moodle using the free Static Pages plugin. We’ll also give you a free HTML template that works perfectly with Boost-based Moodle themes, including our premium Moodle themes: Lumo (for Moodle 5), and Edutor and Maker (for Moodle 5 and 4.5).

Step 1 – Install the Static Pages Plugin

First, install the Static Pages plugin on your Moodle site. This plugin lets you add fully custom HTML pages, making it ideal for creating course landing pages, blog page, and essential content pages such as About, FAQs, and Contact forms.

Step 2 – Download and Customize the Course Catalog Template

Next, download the template below. It’s already styled to match the design of our Lumo, Edutor, and Maker themes. It also works with the default Boost theme and most other Boost-based Moodle themes.

Template Sections:

• Header Area – Program title, intro, and call-to-action buttons
• Course List – Grid layout with images, prices, durations
• Instructors – Instructor bios and profile images
• FAQs – Expandable questions and answers
• Testimonials – Learner quotes and feedback
• Call to Action – Final prompt to register or learn more

How to Customize:

1. Open the HTML file in a text editor such as Notepad (Windows), TextEdit (Mac), or a free code editor like VS Code or Sublime Text.
2. Replace the placeholder text, images, and links with your own content.
3. Save the file as .html — keeping all HTML tags and class names unchanged to preserve the layout and styling.

Step 3 – Upload and Add the Page to Your Moodle Site

Once your content is ready, upload the file to your Moodle site:

1. Go to Site administration > Plugins > Local plugins > Static Pages > Documents
2. Upload your customized HTML file
3. Copy the page URL from the “List of static pages” section
Add the link to your Moodle site’s menu, dashboard, or footer so learners can access it

Why Create a Course Catalog Page?

Here’s what a custom course catalog page can do for your Moodle site:

• Highlight course bundles and learning pathways clearly
• Improve learner engagement and course signups
• Present your offering in a more structured and appealing way
• Reinforce trust with instructor bios and learner testimonials
• Give you full design control beyond standard Moodle course listings

Optimized for Our Moodle Themes (Lumo, Edutor & Maker)

This template is built with Bootstrap and integrates perfectly with our premium Moodle themes:

• Lumo – A modern, flexible theme built for Moodle 5
• Edutor – Great for schools, universities, and online programs
• Maker – Perfect for businesses, professional training, and upskilling platforms

Each theme offers customization options, mobile-friendly design, and clean layouts that help you promote your courses more effectively.

Start Building Your Own Course Catalog Page Today

You don’t need a developer or custom plugin to promote a group of Moodle courses in a more compelling way. Just install the Static Pages plugin, download our free template, and start customizing.

Explore Premium Moodle Themes