Noo Timetable is a excellent bendy schedule plugin because WordPress, including fully understanding interface then charming UI. It is sincerely suitable for fitness, yoga, measure classes, medical departments, anybody kind concerning tournament calendars yet therefore on.

Plugin Version: 2.2.0
 
WordPress plugin CodeCanyon Noo Timetable

Plugin Features

Noo Timetable helps ye without problems effect a timetable together with custom facts just between a little minutes. All classes/events will keep shown visually of each weekly then monthly timetable then filtered by means of category namely well. Noo Timetable is packed including heaps about staggering features which fulfill that the perfect choice because of thy class/event schedule. Up-to-date clean Styling, Fully Responsive, Super Flexible, Multiple View Options, resultant Filters, Event Navigation, iCal bring Exporting, work Pop-ups, 2 Preset post types: Class & work yet much more are covered among it plugin.

Specifications:

Release date: 22-08-2016
Last updated: 17-07-2023
Type: Paid
License: GPL 
Subject: Calendars & Events
Compatibility: W5.x W6.x
Includes: Plugin
Language packs: English
Developer: CodeCanyon

Rating:
4.408 1 1 1 1 1 (250 Votes)

Download by subscription!

You need to log in on the site and purchase a club subscription!

Share with your friends!

 

How to Set Up a Schedule in CodeCanyon Noo Timetable

This guide to CodeCanyon Noo Timetable will help you prepare class and event details, create a clear schedule for visitors, display it on the right WordPress page, and check that filters, recurring entries, and date navigation behave as expected. We’ll follow the process from organizing schedule data to building a working example for a studio with overlapping classes, including checks on a small screen and steps to take when common issues arise.

One practical feature of this plugin is that it doesn’t reduce a schedule to a single static table. Administrators create separate class and event entries, assign times, categories, trainers, or organizers, then display a selected set in a calendar grid, list, slider, or upcoming events block. So start by thinking about the data you’ll maintain each week, rather than colors or shortcodes.

This approach works especially well when a site has recurring classes, one-time events, or both. A fitness club needs to distinguish class types from instructors; a language school, groups from proficiency levels; and a cultural center, venues from event types. When you organize these details in the right fields, visitors can find a suitable time faster, and editors don’t have to rewrite the schedule page after every change.

CodeCanyon Noo Timetable guide cover with a weekly WordPress class schedule
This conceptual cover illustrates the main idea: class and event details become a convenient weekly schedule for visitors.

When a Schedule Helps, and When to Choose a Different Tool

CodeCanyon Noo Timetable is primarily designed to display a schedule. Visitors can see classes or events by time, move to an adjacent week or date, apply an available filter, and open an item’s details. The plugin also offers daily, weekly, and monthly views, upcoming events, categories, trainer and organizer details, and iCalendar import and export. This makes it a sensible hub for a public schedule when the site’s main purpose is to show what’s happening, where, and when.

For a fitness studio, the schedule is more than a list of times. Visitors can see a morning stretching class, a personal training session in another room, and an evening group class at once. For a clinic, it can show office hours and informational events. For an educational program, it can show classes, open webinars, and meetings with instructors. Visitors can use the calendar to plan their time, while editors manage individual entries instead of maintaining a long HTML table.

At the same time, don’t expect the plugin to perform a job it wasn’t designed for. Showing a schedule and taking bookings are different tasks. A link to a form, an external service, or a separate registration page can appear in a class description, but CodeCanyon Noo Timetable shouldn’t be treated as a replacement for a full booking system that manages seats, payments, waitlists, or order confirmations. If the business’s key question is “Who took the available slot and received a notification?”, choose a booking system first, then use the calendar as a public display only after testing how the two work together.

Who Benefits from This Approach to Scheduling

This plugin is a good fit for site owners who want to keep their schedule separate from regular content pages and let a content manager update it. It takes some discipline to enter data consistently, but in return you get reusable entries, filters, and several display options. A trainer or studio administrator can create a class once, assign a class type and instructor, then show the same set of classes in the calendar and in a sidebar listing popular classes.

  • Fitness, yoga, and dance studios can display overlapping classes, levels, and instructors in a grid.
  • Schools and courses can separate recurring lessons, one-time events, and instructor profiles.
  • Nonprofit and cultural organizations can publish a calendar of meetings, lectures, and classes with details in a pop-up.
  • Medical and service websites can publish informational schedules without presenting them as confirmed appointments.

A site with one occasional event each month may get less value from the plugin, since a regular WordPress post may be enough. It may also be a poor fit for a business with constantly changing availability and required payments. In the first case, the calendar adds an unnecessary layer of administration. In the second, you need a system that connects availability to payments and notifications. Keeping these tasks separate prevents a common problem: publishing an attractive schedule that visitors mistake for a confirmed booking.

What to Prepare Before You Start

Before installing the plugin, sketch out a short content plan. You don’t need technical terminology. Just decide what counts as a recurring class, what counts as a one-time event, which categories visitors need to distinguish, who the instructor or organizer is, and which time zone the site uses. These choices will determine how you use the Classes, Events, Trainers, and Organizers menu items that appear after activation.

A class is a good fit for recurring activities such as “Beginner Yoga,” “Strength Training,” or “Conversation Club.” An event works better for a one-time lecture, open house, workshop, or competition. This isn’t a strict rule; it’s a way to keep your content consistent. If you create every recurring workout as a one-time event, duplicates will quickly fill the calendar and make recurring schedules harder to manage. If you enter a one-time festival as a class, its listing may look like an ongoing offering.

Categories should answer visitors’ questions, rather than mirror an employee’s internal folders. For a studio, categories might be “Yoga,” “Dance,” and “Cardio”; for a school, “Beginner,” “Advanced,” and “Open Class.” A trainer or organizer answers a different question: who’s leading it? The location answers another: where is it happening? Don’t try to replace these fields with words in the title. A title like “Yoga - Olivia - Room 2 - Tuesday” is hard to read, doesn’t scale, and does little to help with filtering.

What to Include in a Basic Entry

For every item you plan to add, prepare its name, a brief explanation for visitors, its type, date or recurrence rule, start and end times, category, instructor, location, and the next step for visitors. That last item could be a link to a page with more information or to an existing registration form. Don’t turn preparation into a lengthy questionnaire. The goal is to avoid entries without times, duplicate titles, and unclear filters.

A practical starting point: Add five real entries from the coming week first. They’ll help you see whether you have enough categories, whether the titles make sense, and whether time ranges overlap. Consider importing or entering dozens of items only after this initial check.

How an Entry in the Admin Area Becomes a Schedule on Your Site

Understanding how the plugin works in practice can help you look for a problem in the right place. First, you create a class or event entry in WordPress and set its details. Then the schedule settings and shortcode options determine which entries to include and how to display them on a public page. Finally, the browser builds a grid for the selected period and lets visitors move to another date or time if navigation is enabled. The plugin doesn’t infer an entry’s meaning from its title. Only entries with usable dates, times, and selection criteria appear.

This suggests a simple troubleshooting sequence. If an item isn’t visible, open the entry first and check its date, time, category, and publication status. If it exists but doesn’t appear in a specific block, check that block’s selection settings: chosen categories, date range, whether past events are shown, the number of items, and any filters. If the item appears in the main grid but looks unexpected, check the schedule design, category color, and theme settings. This sequence saves time by separating data issues from display issues.

Overlapping classes deserve special attention. The marketplace listing says that items with the same date and time can appear in the schedule without one disappearing. But readability still depends on the data. Visitors can tell two blocks apart when each has a distinct title, a short time label, and a clear category. Five cards titled “Workout” in the same time slot will be hard to distinguish in any grid.

Install the Plugin Safely and Run an Initial Check

CodeCanyon Noo Timetable uses the standard WordPress installation process: in the admin area, go to Plugins, then Add New, choose Upload Plugin, upload the ZIP file you received, click Install Now, and then click Activate when installation finishes. This may seem straightforward, but there’s an important step between installation and publication: don’t put your first working schedule on a live, high-traffic page until you’ve checked the data and display on a staging copy or draft.

The plugin documentation says new menu items appear in the admin area after activation. These include sections for classes and events, as well as a Noo Timetable section with display and schedule settings. Under Appearance - Widgets, you’ll also find related widgets for popular classes and upcoming events. If these items don’t appear, don’t immediately upload the ZIP file again. First, make sure activation completed, your account can manage plugins, and WordPress isn’t showing an error message.

Checks Before Installation That Can Reduce Risk

At the time of its last stated update, the product listing reported compatibility with the WordPress 6.x series and included fixes for PHP 8 and PHP 8.2. This isn’t a promise that the plugin will work with every new combination of theme, page builder, and server environment. Before installing it on a live site, take stock of your environment, then test the plugin on a backup, a staging site, or at least a separate draft page.

What to check before enabling the schedule on a live site
Check Why it matters What to do
Backup It’s easier to undo a plugin conflict when you have a working restore point. Confirm that your hosting provider or backup solution can create a backup of the database and files.
WordPress and PHP versions The developer’s changelog specifically mentions fixes for PHP versions that were current at the time of release. Compare your environment with the product listing, and test the plugin on a site copy first.
Theme and styles Calendar grids can be affected by global CSS rules for containers, buttons, and tables. Prepare a blank draft page with a standard content width and no unusual page builder layout.
Caching Visitors need to see updated times, not an older cached version of the page. Find out how to clear the cache for a specific page and the browser cache after making changes.
Time zone A wrong time zone can cause the most frustrating visible issue: the right class shown at the wrong time. Check the WordPress time zone and daylight saving time rules against the actual schedule.

Pay special attention to caching, not because the plugin is bound to conflict with it, but because schedule data changes over time. If an editor moves a class by an hour but the browser or server still serves an old page, visitors will see a mismatch. A good habit is to open the page in a private window after changing upcoming classes and clear that page’s cache if needed. This checks both the layout and the way visitors actually receive updates.

Run the First Test Without Adding Unnecessary Data

Don’t import demo entries to a live site unless you’re ready to delete or isolate them right away. The documentation mentions the Noo Timetable - Import Demo action, which adds sample entries to illustrate the plugin’s features. On a staging copy, it’s a convenient way to explore the data structure, display options, and settings. On a public site, demo classes may appear in search results, archives, or the main grid, making it look as though visitors are being invited to a class that doesn’t exist.

It’s safer to start with five of your own entries. Create two recurring activities, one one-time event, and two items that overlap in time but differ by location or class type. This small set can help you check several things at once: times, overlapping entries, category labels, the details card, and the amount of space available on the page.

  1. Create a draft page called “Schedule Test” and leave it out of your navigation.
  2. Add one category, one trainer or organizer, and several entries with real times.
  3. Add the schedule using a shortcode or page builder element available in your installation.
  4. Save the draft and preview it in a regular and a private browser window.
  5. Change the time of one item, clear the page cache, and make sure the update appears where visitors will see it.

Keep this order. First confirm that the item is published, then check filtering, then review the appearance. If you start by choosing colors, you might miss an entry with the wrong date and spend time polishing a calendar that doesn’t yet contain reliable information.

Find the Main Sections After Activation

The documentation describes the Noo Timetable section as having three tabs: Settings, Schedule, and Automatic Update. For everyday use, the first two matter most. The Settings tab controls how classes, events, and trainers appear on the public site. The Schedule tab stores default settings for the schedule shortcode and the appearance of classes and events in the grid. The exact labels may vary by version, so follow the meaning of each label rather than relying on someone else’s screenshot.

The Settings tab includes options for entry URLs, the number of items per page, Grid or List views, and the number of columns. These options apply to archives and list views, not necessarily to the time grid itself. For example, changing the number of columns in a class list won’t necessarily make the weekly schedule wider. This is a common source of confusion: settings for different display types are grouped together, but they control different things.

A Quick Checkpoint

By this point, at least one grid should appear on your test page, and you should know your way around the admin sections. Don’t move on to bulk entry or complex filters until you’ve confirmed three basic things: the entry is published, its time is correct, and the page shows updated data after you clear the cache. Once you’ve confirmed these points, you can start building a complete calendar for visitors.

Classes, Events, and Recurrence: Keep Your Calendar Consistent

The most important part of setup isn’t choosing a color. It’s understanding the difference between a manual schedule and an advanced recurring schedule. The product description confirms two ways to schedule classes. In manual mode, you create classes for specific days. In advanced mode, the plugin creates recurring entries based on a number of weeks and days of the week. Don’t mix the modes without understanding the consequences: when you assign a class to specific days manually, its advanced schedule isn’t used.

Choose the manual approach for exceptions: a one-time change, trial class, holiday session, or period when the schedule changes every week. It requires more editing, but you control each calendar entry directly. The advanced approach works well when a course or class follows a stable schedule. It reduces repetitive work, but first make sure the recurrence rule matches the actual schedule rather than an approximation.

For events, the plugin supports weekly, monthly, or yearly recurrence, with detailed options such as the last Tuesday of the month. This can be useful for a recurring open lecture or monthly meeting. But recurrence rules don’t eliminate the need to handle exceptions. If a December meeting is rescheduled, don’t expect the general rule to know why. Create or change a specific rule so visitors see the correct time.

Set Up the Schedule After Installation: From Display Rules to a Readable Grid

Once you’ve added real entries, you can configure how they appear. It helps to think in three layers. First, the data for an individual class or event: time, recurrence, category, instructor, location, and description. Second, the general Noo Timetable settings that control default behavior and appearance. Third, the settings for a particular schedule block on a page, such as its categories, view, initial time period, and available controls. When you change each layer intentionally, you’ll know why a setting affects one block or every display.

The plugin supports several views: day, week, and month. Choose one based on how much information you need to show, not on a desire to display everything at once. A weekly view works well for a studio’s regular schedule: visitors can compare days and times, see overlapping classes, and plan their visit. A monthly view is better for occasional events. A daily view can show a conference program or a particularly busy schedule when a weekly layout would make labels too small.

Start with the visitor’s main question. If people usually ask, “What’s on this evening?”, give them a quick daily or upcoming view and a block of future events. If they ask, “What can I take on Tuesdays?”, make the weekly view the main one. If the site publishes announcements on scattered dates, a monthly calendar may be easier to follow. The plugin lets you use different displays on different pages, but don’t show every view in one place just because it’s available.

Diagram of CodeCanyon Noo Timetable setup, from a class entry to a weekly schedule
This conceptual diagram shows how class details and schedule block settings connect to the grid visitors see on a WordPress page.

Settings to Check First

The Settings tab includes display options for classes, trainers, and events. For class lists, the documentation describes entry URLs, the number of classes per page, Grid or List views, one to four columns, and sorting by opening date or creation date. Trainers have similar list options, including their URLs and order. These features are useful when a schedule needs to be supported by a directory of class types or instructors rather than displayed as an unexplained grid on its own.

For a typical site, start with a simple setup: a clear URL for each class, a reasonable number of cards per page, a two- or three-column grid only where each card has enough room, and a natural sorting order. Don’t change the number of items, layout, categories, and styles all at once. After each change, open an archive or list at a standard browser width. This makes it easier to see which setting actually changed the display.

The Schedule tab controls shortcode settings and the design of classes or events in the schedule. This is the right place to check the time grid’s appearance, colors, and navigation. The color palette should be easy to distinguish, not just attractive: colors can help visitors recognize categories, but titles and times still need to make sense without color vision. Don’t represent two important categories using only two similar shades of green.

The “One Setting, One Check” Rule

A reliable way to configure the schedule is to change one setting, save it, open the page in a new window, compare the effect with what you expected, and only then move on. For example, after enabling navigation, visitors should see controls for the time period and be able to move backward and forward. After changing a category color, cards in that category should change in the schedule, not just in the archive. After limiting a block to certain categories, entries outside those categories should disappear from that block.

Check the effect: If you can’t explain in one sentence what you changed and where it should appear, it’s better not to save that setting yet. This is especially helpful in plugins where general settings and shortcode options sit side by side.

Filters Can’t Replace Well-Organized Data

CodeCanyon Noo Timetable offers filters for categories, instructors, locations, days, and times of day. This is useful for a busy schedule, but filters work only as well as the data behind them. If the same instructor appears as “Anna,” “Anna P.,” and “A. Petrova,” the filter becomes unreliable. If a location is listed as “Room 1” in some entries and “First Room” in others, visitors won’t know it’s the same place.

Before enabling filters, define a set of approved values and assign someone to maintain it. Categories should be short and easy to recognize. Trainer names should be consistent. Location names should stay the same. Days and times of day can provide additional ways to narrow the schedule, but shouldn’t be the only way to explain it. Don’t turn internal statuses such as “needs approval” or “draft” into public filter categories.

A small studio usually needs only a category and an instructor filter. A larger center might add a location filter. Don’t enable all five filters at once: a long row of controls can hide the calendar on a phone. Start with the filter that answers the questions visitors actually ask by phone or message. After a week, see whether you’re getting fewer follow-up questions and whether any filter values are confusing.

Colors, Pop-Ups, and Clear Descriptions

The marketplace listing confirms that calendar and item colors can be customized, and that pop-ups can show detailed text and images for an individual class or event. This suggests a useful content structure: keep the title, time, and a short identifier in the grid, then put the description, requirements, instructor, location, registration link, and other details in the pop-up. This keeps small cards from becoming cluttered.

There’s no universal limit for title length because it depends on the font and theme width. But you can give editors a simple rule: use the title to name the activity, and don’t repeat its details. Good examples include “Yoga: Gentle Flow,” “Nutrition Lecture,” and “Beginner Salsa.” A title like “Gentle Yoga Tuesday 7:00 p.m. Room 2 Anna” is less effective. It repeats fields that can be shown separately, and it becomes hard to read when classes overlap.

Check pop-ups as carefully as the grid. Open one with a mouse and keyboard, then narrow the browser window. Make sure a long description doesn’t hide the next step, the registration link goes where you expect, and the image doesn’t replace information about time. If the details matter to a visitor’s decision, provide a dedicated class page or another clear route that doesn’t depend entirely on the pop-up.

Shortcodes, Blocks, and Widgets: Where Each Display Belongs

The documentation describes two ways to add items to a page. If you have WPBakery Page Builder, you can choose the By NooTimetable tab and use additional elements for trainers, classes, events, and schedules. Without that builder, the standard WordPress editor provides an NOO shortcode button for adding a Schedule or lists of trainers, classes, and events. Official compatibility with WPBakery doesn’t make the builder mandatory: shortcodes are still an option in the standard editor.

Before publishing, decide what each block should do. Your homepage shouldn’t try to replace the entire site navigation. It may be enough to show the next few events or upcoming classes. A separate “Schedule” page can contain the full weekly grid and filters. A class type or trainer page can show a list of related classes. If your design uses a sidebar, the popular class or upcoming events widgets described in the documentation may be useful there.

Filtering matters when using shortcodes. One block might show yoga only, another might show children’s classes, and a third might show upcoming events. Don’t add three almost identical calendar grids to the same page. Visitors shouldn’t have to guess what makes them different. Give each compact display a clear heading and a link or navigation path to the full schedule.

Build a Schedule Page Visitors Can Use

A public page works well when visitors can quickly find what to do next, not when it displays every feature the plugin offers. A regular schedule might follow this order: a brief, friendly introduction; the time zone and location; the grid itself; a short explanation of the filters; a block of upcoming events; and a clear path to registration or more information. This keeps the calendar front and center instead of hiding it behind a long promotional introduction.

Write one or two practical paragraphs above the grid. Say which time zone the schedule uses, how to find classes in another period, and what the categories mean. Don’t call the text “instructions” if it’s only one sentence. Be direct: “Choose a class type, then open a class card to see the room and participation details.” This can reduce basic questions and help new visitors understand that the grid isn’t a catalog of services.

After the grid, add context rather than another copy of the same schedule. For example, you could show a list of upcoming events ordered by date using the Upcoming Event shortcode. The documentation lists options for its title, subtitle, layout style, number of columns, event categories, pagination style, and maximum number of items. This block should answer a different question, “What’s coming up soon?”, instead of repeating every class on the weekly schedule.

Example of a public WordPress page with filters and a Noo Timetable weekly schedule
This conceptual layout shows the reading order: an introduction, a class type filter, the weekly schedule, and a details card for the selected class.

A Weekly Grid for Recurring Classes

For a weekly view, start by choosing a time range. There’s no need to show empty hours from early morning to midnight if your studio only operates in the evening. An overly broad range makes cards short and forces visitors to scroll without finding new information. But cutting the range too tightly can be a problem too: if a class sometimes starts earlier, visitors may think it’s missing. Use the actual schedule as your guide and revisit the range when the hours change.

You can make overlapping classes easier to understand through clear data, not decorative effects. Each block needs a short title, a visible time, and one distinguishing detail, such as a category, room, or instructor. If classes at the same time compete for visitors, explain the difference in the title or details. If they’re held in different rooms, fill in the location field and use the same name consistently across entries.

Navigation to the previous and next period matters when the schedule goes beyond the current week. After enabling navigation, check three states: the first week visitors see, an adjacent week with different entries, and a period with no entries. An empty calendar shouldn’t look broken. Add a neutral note above it explaining that the schedule is updated regularly, and that an empty period doesn’t mean all classes have been canceled.

Accessibility and Usability on a Small Screen

The marketplace listing describes the interface as responsive, but that doesn’t remove the need to check it with your own theme. Open the page at a narrow screen width or use your browser’s developer tools. See how the day labels, filters, period controls, and details card are arranged. Don’t just check whether the grid fits. Make sure visitors can choose a class without having to search horizontally for it.

  • Check day labels: They shouldn’t disappear behind narrow cards.
  • Check filters: The selected value should be easy to see, and resetting it should behave as expected.
  • Check navigation: The controls for adjacent periods should have a large enough clickable area.
  • Check details: Long text and links shouldn’t extend beyond the visible area.
  • Check color: Titles and times should remain readable without relying on card backgrounds.

If the grid feels crowded on a phone, don’t start by editing the plugin files. First, shorten titles, remove secondary filters from that particular block, choose a more suitable calendar view, or add a compact upcoming events block for phone users. Editing the plugin’s core files for one theme is risky: an update will overwrite the changes, and the cause might be a global CSS rule on the container.

Class Details and Event Details Should Answer Different Questions

A class is usually an ongoing activity or service. Its details should help visitors decide whether it’s right for them: level, instructor, duration, location, what to bring, and how to sign up. An event is often tied to a specific date and has its own context: topic, organizer, venue, program, audience, and next step. The official documentation separates classes, with their levels and trainers, from events, with their organizers. Preserve that distinction in your content guidelines.

Don’t fill every field with identical content. If an activity has no level, don’t make one up. If an event has no organizer, leave the field empty rather than inserting the site’s brand name. Be just as careful with images: an image can help visitors recognize an activity, but it doesn’t prove that a space is available or confirm its time and location. Keep critical details in text.

For one-time events, check what happens after their date. See how they appear in past periods, whether they’re removed from the upcoming events block according to its settings, and whether they remain in a prominent promotional area. The product changelog mentions a fix for displaying past events, so check this behavior with your own data rather than assuming every older installation behaves the same way.

Keep Updates Organized

A schedule is more reliable when someone owns the update process. One employee might change times, another might add descriptions, and a third might check the public page. Even a small team should agree on an order: edit the entry, check its category and location, open the public page, then mark the change as complete. Otherwise, one part of the site may show the new time while the calendar still shows the old one.

Create a short internal checklist without technical jargon: “time updated,” “recurrence checked,” “location checked,” “link checked,” and “page opened in a private window.” Don’t publish the checklist for visitors. Its purpose is to make updates repeatable and reduce the chance of an error before the weekend, when visitors are especially likely to check the schedule on their phones.

The product listing says the plugin supports automatic synchronization with public sources such as Google Calendar and Apple Calendar. If you import from an external URL, decide which source is authoritative first. You can’t manually correct an entry on your site and expect the next import not to restore the old value from the source calendar. Tell your team how to handle updates: either change them in the external calendar and sync them, or use WordPress as the only place to edit a specific category.

Test Import and Recurrence Safely

Start with a test category and one future event, not your entire schedule database. Note its name, time, and recurrence rule. After import, open the entry in the admin area and compare its details with what appears in the public grid. Then change one low-risk item in the source, wait for or initiate the scheduled update, and check it again. If anything differs, stop the bulk import until you understand the cause: recurrence, time zone, date format, or different editing rules.

Keep in mind: Synchronization is useful for publishing an approved schedule. It doesn’t replace checking the data, and it shouldn’t be your only way of finding out what visitors see on the site.

Example: A Weekly Schedule for a Studio with Two Rooms

Imagine a small movement studio. It offers yoga, Pilates, and dance on weekdays, and open workshops on Saturdays. Some time slots include activities in both Room 1 and Room 2. The goal isn’t to build a demo page. It’s to help visitors choose a class in a minute, find out who’s teaching, and open the details without calling the front desk.

For this example, prepare three categories: “Yoga,” “Pilates,” and “Dance”; two locations: “Room 1” and “Room 2”; and trainer profiles. Add recurring classes as classes and a one-time Saturday workshop as an event. This doesn’t make events more important than classes. It keeps the data meaningful: regular activities use a schedule rule, while a one-time event has its own date and details.

Step 1: Enter the Data Before Designing the Page

In the Classes section, create “Beginner Yoga” and “Pilates: Fundamentals.” For each entry, add a short, clear description, assign a category, choose an instructor and location, and enter the times visitors need to know. If a class ends at 7:45 p.m., don’t round the time up to 8:00 p.m. in the title. Set a recurrence rule only after confirming that it matches every week in the upcoming period.

Then create “Open Dance Workshop” in the Events section. Add an organizer, date, venue, and a description of the format. If people need to register in advance, the details can link to an existing form. Don’t describe this as a booking handled by the calendar. The plugin’s job on this page is to show an accurate event and direct visitors to the next step.

Once you’ve created the entries, open each one in the admin area and review the details: the title doesn’t contain an internal time note, a category is selected, the location name is consistent, an instructor is assigned only when known, and the date and times use one time zone. This quick review helps avoid a situation where everything looks fine in the grid, but the details card is incomplete.

Step 2: Build a Weekly Schedule with Just a Few Filters

Create a “Schedule” page and add the main Schedule block using a shortcode or WPBakery element available in your installation. For the first version, choose a weekly view, period navigation, and filters for category and instructor. You can leave the location in the class card if the two rooms are clear. This gives the calendar enough space and keeps the top of the page from turning into a panel with five dropdowns.

Don’t limit the main schedule block to a single category. Otherwise, an editor who later adds a new class type may wonder why it hasn’t appeared. Category limits make sense on a focused “Yoga” or “Dance” page, where visitors have already chosen a type of class. On the main schedule page, start by showing all published entries and let visitors narrow down their choices.

Check an overlapping time slot. Add yoga in Room 1 and Pilates in Room 2 at 7:00 p.m. on Tuesday. Both classes should appear as separate entries in the public grid. If visitors can’t tell which room goes with which class, don’t switch plugins or write complicated CSS. First, add the location to the short description or another field that actually appears on the card, and make the titles easier to distinguish.

Studio example in Noo Timetable with overlapping classes in two rooms
This conceptual illustration walks through a practical example: classes and events use different details, while overlapping classes remain visible in the same time slot.

Step 3: Add Details and a Separate Upcoming Events Block

Keep only what visitors need to choose in the main calendar grid: title, time, category, and location if needed. Add the duration, instructor, class preparation details, and registration link to the details card. This balance matters especially on phones. Visitors can scan several options, then open only the one they’re interested in. They don’t have to read a long description inside a small cell.

Add an upcoming events block below the weekly grid using Upcoming Event. Set it to show a small number of items, and select only the event category if you need to keep workshops separate from regular classes. The documentation lists options for layout, columns, categories, pagination, and the maximum number of events. Start with a moderate number of items and check that the block doesn’t push the main calendar too far down the page.

If there are no upcoming events, the block shouldn’t leave a large empty space. Set it to appear only on the relevant page, or replace it with a neutral note. Visitors will understand “No open events are coming up soon” more easily than an empty area with a heading that looks like an error.

Step 4: Check the Page from Different Visitors’ Perspectives

Run four quick checks, each based on a real visitor’s goal. First, a new visitor looks for a Thursday evening yoga class. Second, a regular customer wants to find out who’s teaching. Third, a workshop attendee opens the details and looks for a registration link. Fourth, someone on a phone checks next week’s schedule. If any of these tasks requires guesswork, look for the cause before changing the design: perhaps a category is missing, a time is hard to read, a detail is hidden in a pop-up, or navigation isn’t obvious.

  1. Check the data: Every displayed time matches the approved schedule.
  2. Check filtering: The “Yoga” filter excludes dance classes and includes every published yoga class.
  3. Check the details: The selected card opens information for that class or event.
  4. Check the period: Moving to the next week changes the items shown, not just the period heading.
  5. Check for updates: After a standard cache clear, the updated time appears in a private window.

After these checks, the studio has more than a polished page. It also has a clear way to keep the schedule up to date. Editors know where to add a recurring class, where to create a one-time event, and how to confirm that visitors aren’t seeing old information. That’s the main practical benefit of setting up a WordPress schedule.

Connect the Calendar to Other Site Pages Without Assuming Integrations

A useful setup for this plugin doesn’t depend on an “automatic integration” that may not exist. Instead, give each page a clear role. CodeCanyon Noo Timetable displays the schedule. A class page explains what to expect. A trainer page introduces the instructor. An existing form or external service accepts registrations if the organization already uses one. Clear, consistent links between these pages are enough; you don’t need a complicated data exchange.

For example, a class card can link to a page with more details or to a form. If the chosen display method allows it, a trainer page can show only that trainer’s classes. The homepage can show a compact list of upcoming events that leads to the full calendar. Each part has its own purpose, so visitors don’t encounter several copies of the same schedule.

Problems arise when different pages store the same time manually. For instance, a class page might say “Tuesdays at 7:00 p.m.” while the schedule has moved the class to 6:30 p.m. To prevent this, use cautious wording on pages where the schedule changes: “See the schedule for current times.” Keep the exact time in the class entry and calendar, where an editor can update it once.

Safely Revert a Page Connection

If a new link in the details leads to the wrong page, it’s easy to undo: remove it from one test entry, save the entry, clear the cache, and make sure the calendar still appears. Don’t edit plugin files or enable unknown settings in an attempt to fix the link. Being able to reverse a change matters especially on a site that regular visitors already rely on.

Check the Schedule After Publishing: Data, Behavior, and Visitor Trust

Don’t consider the calendar ready just because it appears on the page. Schedule errors can have real consequences: a visitor might go to the wrong room, miss a class, or see an outdated event announcement. Check three things separately. First, confirm the source data. Second, check how the schedule is displayed. Third, ask whether visitors can tell what to do next.

To check the data, use the approved schedule as your source and choose seven different entries: a regular class, an overlapping class, an event, an upcoming item, an entry with an instructor, an entry with a category, and an entry whose time has changed. Compare the date, start and end times, location, and instructor. Don’t check titles alone: hidden fields are often where problems arise after importing or editing entries manually.

To check the display, open every place where an entry might appear to visitors: the full grid, a category block, a class list, the details pop-up, and the upcoming events block. The plugin can display classes, events, and trainers using different shortcodes, so the same entry may appear in several places. Fix an error in the source data or the settings for the relevant display. Don’t try to cover it up with text next to the calendar.

Test a Change and Then Reverse It

The most revealing test uses one future entry. Note its current time, move the start time by a small amount, save it, clear the page cache using your site’s usual method, and check the result in a private window. Then restore the original time and check again. This two-part test verifies both that updates work and that an editor can undo a change if needed.

If the page still shows the old value, don’t change a dozen settings at once. Open the entry and confirm that it was saved. Then open the exact schedule page URL in a new browser session. Next, check the cache used by the site. If the grid has filters, make sure an old setting isn’t still selected in the URL or interface. This sequence helps you find the cause without making changes that are hard to reverse.

A Pre-Weekend Checklist for Editors

This isn’t a technical audit of the plugin. It’s a quick review of the information visitors can see, and it’s useful before a new period when the schedule is changing frequently. You don’t need to add this table to the site. Use it as a team habit.

Check the published schedule before a period with changes
What to check What a correct display looks like What to do if there’s a mismatch
Current week The calendar shows every approved class at the correct time. Check individual entries and recurrence rules.
Adjacent period Navigation changes the dates and shows any differences in the next week. Check the time, publication status, and schedule settings.
Overlapping classes Every item is visible, and locations or class types are easy to distinguish. Update the details and shorten long titles.
Filter The selected value leaves only relevant entries. Standardize categories, trainer names, or locations.
Details The card opens the right information and a working link. Update the entry itself, then check it again.
Small screen Visitors can see the days, times, filters, and control for opening details. Simplify the block instead of changing the data structure.

Checking the schedule in advance is better than waiting for a visitor to report a problem. It takes only a few minutes, but helps make the calendar a reliable source rather than just an attractive display. If several employees make changes, add an internal review date and the reviewer’s name to your team’s process without publishing those notes on the site.

What to Do About Colors, Typography, and Your Theme

The plugin offers settings for calendar and item colors. Start with its built-in options and your theme’s settings. These usually survive updates better than direct edits to plugin files. Be specific about the design change you want: distinguish categories, make times easier to notice, increase the contrast of period controls, or prevent them from blending into the content background. A vague goal like “make the calendar more modern” often leads to arbitrary changes that are difficult to repeat.

If the built-in options aren’t enough, you can add a small amount of custom CSS through a child theme or another safe custom CSS method, but only after inspecting the actual markup in your version. Don’t present an assumed selector as a documented feature. First, check whether the issue can be fixed in the plugin or theme settings. Then, on a copy of the site, find the element in your browser’s developer tools, make a minimal change, and check the grid, details, and small-screen layout. Keep your change outside the plugin files so an update won’t remove it.

To make it easy to undo, save the original custom CSS separately and remove only the added snippet if it doesn’t work. Don’t edit WordPress core, Noo Timetable files, or minified stylesheets from other plugins. This approach won’t produce the same appearance in every theme, but it avoids creating hidden maintenance work.

iCalendar Import and Automatic Updates: Choose One Source of Truth

The product listing confirms iCalendar import and export, along with automatic synchronization with public sources, including Google Calendar and Apple Calendar. This can help when the schedule is already managed in a calendar service and you don’t want to enter it again manually. But synchronization isn’t automatic problem-solving. First, decide where the original information will be created and updated.

There are two sound approaches. In the first, WordPress is the source of truth. An editor manages classes and events directly in Noo Timetable and exports the approved schedule for use elsewhere. In the second, an external public calendar is the source, and WordPress receives the data through import or synchronization. In that case, change times, recurrence rules, and cancellations in the source rather than in both places. You can mix these approaches if you clearly separate categories. Otherwise, one update may overwrite another.

Pilot Synchronization with One Future Event

Start with a separate test category. Create or choose one future event with a short title, clear time, and no complicated exceptions. After synchronization, check not only that it appears, but also that its date, time, recurrence, category, and description came across correctly. Open the public page and make sure the item hasn’t been duplicated beside a manually created version.

Next, change just one detail in the source, such as the start time. Wait for the scheduled update or trigger it using the documented method, then check the site. If the time has shifted, stop expanding the pilot. Start by checking the WordPress time zone, the source calendar’s time zone, the recurrence rule, and whether an older manual entry still exists. Don’t try to compensate by adding an arbitrary hour to every class. That fix may break after the next update or seasonal time change.

Use an Export as a Shareable Calendar, Not a Site Backup

iCalendar export is useful when visitors or staff need a portable calendar file. But it doesn’t replace a WordPress backup and shouldn’t be your only archive of the data. A backup restores the site. A calendar export contains only schedule data in the relevant format. Keep these processes separate, and don’t promise visitors that downloading a file will automatically update every personal device they use.

Before sharing an export file, test it in a calendar app. Check that the titles and times appear correctly, and tell staff what to do when the schedule changes. If an event is often rescheduled, direct visitors to the current page on the site instead of relying on a file they may have saved earlier.

iCalendar synchronization checklist for CodeCanyon Noo Timetable
This conceptual checklist shows a safe sequence: choose one data source, test one event, check its time in WordPress, and confirm the display on the public page.

Troubleshooting the Schedule: Symptoms, Causes, and Safe Steps

Calendar problems rarely have one universal cause. The same symptom, “the class isn’t visible,” could mean an incomplete entry, the wrong period, a category restriction, a cached copy of the page, or a theme styling issue. Rather than looking for a random fix, work from the symptom to a verifiable fact. In each case, start with a reversible action: open the entry, check the page in a private window, change the period, or temporarily remove one filter. Don’t edit plugin files or disable working plugins without recording the original state first.

A Class or Event Doesn’t Appear in the Calendar

Symptom: The entry is published in the admin area, but it’s missing from the expected week, day, or month. Possible causes: The date falls outside the selected period, the time or recurrence rule is incorrect, the block filters for a different category, the entry is still a draft, or the page is showing an older cached version.

What to check: Open the entry and compare its details with the selected period. Then temporarily remove the category limit from the test block and open the page in a private window. If the entry appears only after removing the limit, the issue is with the filter, not the class. If it appears after clearing the cache, set up a regular page refresh process. How to fix it: Set the correct date, time, publication status, and category, save, then check again. How to undo: If changing the recurrence rule creates extra copies, restore the original entry and test the new rule on a separate class first.

The Grid Still Shows an Old Date or Time

Symptom: The editor sees the new value in the entry, but visitors see the old one. Often, this doesn’t mean the calendar is broken. There may be a delay between saving the data and serving the page from cache. If you’re importing from another calendar, different time zones in WordPress and the external calendar can also cause problems.

What to check: Reopen the entry after saving, then check the schedule page in a private window. Make sure you’re looking at the same period, not the week before or after it. If your site uses caching, clear the cache for that page using the usual method. For a synchronized entry, compare the external calendar’s time zone with WordPress’s system time zone. How to fix it: Use one time zone and one source for changes to that category. How to undo: Don’t manually shift the time on every entry before finding the cause. That could create another error after the next synchronization.

A Filter Shows Unexpected Classes

Symptom: After selecting an instructor, category, or location, some expected classes disappear, or unrelated entries remain. Possible cause: Values aren’t consistent in the source data, or the shortcode block has too broad a filter. A filter can’t tell that “Room 1” and “First Room” refer to the same place.

What to check: Open three entries that should behave the same way and compare their assigned categories, instructors, locations, and block settings. Don’t correct just one visible card. How to fix it: Agree on a standard set of values, update existing entries to match, and test the filter again. How to undo: If the new filter makes the schedule too complicated on a phone, keep only the most useful one and move the other details into the class card.

Two Classes at the Same Time Are Hard to Tell Apart

Symptom: Both items appear, but visitors can’t tell how they differ, or one block looks like an extension of the other. The marketplace listing says the plugin supports classes and events at the same time, but it can’t fix unclear titles or missing location fields.

What to check: Review the grid as a visitor would, not in the editor. Can you see the title, time, class type, and difference between rooms? How to fix it: Shorten titles, add a consistent location or category, and use distinct colors as a secondary cue, not the only one. How to undo: Don’t keep adding text to an already crowded cell. Move full details into the pop-up instead.

A Pop-Up Won’t Open or Hides Important Information

Symptom: A visitor selects an event but can’t see its details, or a link and text are awkward to use on a small screen. Possible causes include a conflict with theme styles or scripts, an older cached version of resources, long content that hasn’t been checked at a realistic width, or a setting that disables the details display.

What to check: Test one short and one long entry in a private window, then narrow the browser window. If possible, see whether the same item works with the default theme on a test copy. How to fix it: Start by shortening secondary descriptions, checking the details display setting, and clearing the cache. If the issue occurs only with a particular theme, prepare a minimal example for the developer’s support team. How to undo: In the meantime, use a dedicated entry page or a clear link until you find a safe fix.

The Page Feels Slow After Adding Many Entries

Symptom: Visitors wait a long time for the grid, or scrolling and changing periods feel slow. Possible causes include an overly busy date range, too many schedule blocks on the same page, large images in pop-up details, or the general behavior of the theme and cache. Don’t assume without checking that the plugin is the only cause of the slowdown.

What to check: Compare a page with one calendar to a page with duplicate lists, sliders, and large images. Open the grid without external filters and see if the page feels different. How to fix it: Keep one main calendar, move secondary lists to other pages, show fewer items at once, and optimize images using your site’s usual tools. How to undo: If the compact block hides important schedule information, restore the full calendar on a separate page and keep only a link and upcoming events on the homepage.

When to stop: If the issue persists after checking the data, period, cache, and theme, collect the exact symptom, reproduction steps, a screenshot, and details about your environment for the support team. Don’t treat a temporary workaround as a permanent fix or update dozens of entries at random.

Limitations to Understand Before You Launch

The main limitation of CodeCanyon Noo Timetable isn’t its appearance, but the scope of what it’s designed to do. It works well for displaying classes and events, recurrence, filters, navigation, and details. It shouldn’t be the only tool you rely on to manage capacity, payments, complex cancellation rules, or personalized notifications. When those processes are essential, use the calendar as a public display and rely on a separate system to confirm bookings.

The second limitation is the age of the supported environment. The available product listing refers to an earlier period for its latest stated update, though that update includes fixes for PHP 8.2, WordPress 6.x, and security issues. Before using it on a new site or one that hasn’t been updated in a while, test the exact combination of WordPress, PHP, theme, and other plugins. A careful check is more useful than a blanket compatibility claim, since dependencies change independently.

The third limitation is the need for consistent data entry. No calendar can keep a schedule accurate if it changes across several channels and no editor is responsible for updating it. If visitors hear about a cancellation on social media before the WordPress page is updated, the risk comes from the organization’s process, not the plugin. Set a rule: make important changes in the main schedule first, check the public page, then share the update through other channels.

Common Questions About Using the Schedule

Can I use CodeCanyon Noo Timetable without WPBakery?

Yes. The documentation describes NOO shortcodes in the standard WordPress editor for schedules and lists of trainers, classes, and events. WPBakery adds elements in its own tab, but it isn’t the only way to display the calendar. After adding a block, check it in the editor and theme your site actually uses.

How is a class different from an event in everyday use?

A class works well for a recurring activity with an instructor and level, while an event works well for a one-time gathering with an organizer and its own date. This practical distinction helps keep the data and cards clear. If your process works differently, choose one approach and apply it consistently. Don’t create the same event as both types of entry without a reason.

Why do visitors still see the old time after I change it?

First, check that the entry was saved, that you’re viewing the right calendar period, and that you’re checking it in a private window. Then clear the cache for that page using your site’s usual method. If you use an external calendar, check the time zone and decide where the original data is stored. Don’t fix the problem by shifting times manually across the schedule before you’ve found the cause.

Can I show more than one schedule on a page?

The product listing says that you can show multiple schedules on a page. Use this feature when the blocks answer different questions, such as showing the full week alongside a selection by class type. Don’t place several nearly identical grids side by side. Before publishing, check the page speed, length, and usability on a small screen.

What are filters for instructors, locations, and categories used for?

They help visitors narrow a busy schedule by class type, instructor, or location. They’re useful only when the source values are consistent. If an instructor or location has different names across similar entries, the filter may miss some items. Start with one or two clear filters and add others only when visitors need them.

Can I use the plugin to accept payments and manage available spots?

Don’t rely on it as a complete solution for those tasks. Its documented purpose is creating and displaying classes, events, filters, recurrence, and calendar data. You’ll need a separate, tested system for payments, confirmed bookings, and capacity management. The calendar can link to it, but shouldn’t promise that a spot is available on its own.

How can I safely adapt the calendar’s appearance to my theme?

Start with the built-in color settings and your theme’s options. If you need custom CSS, add it through the custom CSS feature or a child theme after checking the actual markup on a copy of the site. Don’t edit the plugin’s files. After making a change, check the full calendar, filters, details, and small-screen layout, and keep the original snippet so you can undo the change quickly.

Should I enable iCalendar import for the whole schedule right away?

No. Start with one future test event in a separate category, check the time and recurrence, and make sure it doesn’t appear twice on the public page. Expand synchronization only after the pilot works. The main rule is to use one approved data source for each group of entries.

When CodeCanyon Noo Timetable Is a Good Fit

This plugin is a good fit when your site needs a schedule of classes or events that can be maintained, rather than a static table that has to be rewritten by hand. It provides separate class and event entries, calendar views by period, filters, navigation, details, shortcodes, and calendar data features. It works best when a team defines its categories, times, locations, and single source for updates in advance.

Before launching on a live site, don’t rush to use every feature. Build one accurate week, add one one-time event, and check overlapping classes, filters, details, the next period, and updates after a change. Then assign someone to maintain the data and decide whether you need an external calendar as a source. This process helps make the schedule useful to visitors and manageable for editors.

If this fits your site’s needs, you can get CodeCanyon Noo Timetable, install it on a test copy first, and repeat the initial checks in this guide. Then publish a reliable source of current schedule information, not just an attractive grid.

By OceanTheme.org Editorial Team

 

You are not logged in to post comments.