Docs
  • All For Customers guides
  • Credits, memberships, and orders
  • Customer FAQ
  • Health information and consent
  • Manage bookings and appointments
  • Profile, payment methods, and settings
  • Wallet and gift cards
  • Your customer account
  • All For Teachers guides
  • Manage Attendance
  • Manage Your Profile
  • Teacher Dashboard Overview
  • Teacher FAQ
  • View Your Payslips
  • View Your Schedule and Attendees
  • All Getting Started guides
  • Attendance policy
  • Booking Policies
  • Contracts
  • Manage Locations and Resources
  • Media Library
  • Notification Settings
  • Plan Features
  • Platform Overview
  • Quick Start Guide
  • Reports
  • Studio Profile & Social Links
  • Using the Agent
  • Waivers & Terms
  • All Customer Management guides
  • Coupons
  • Customer Bookings
  • Customer Credit Expiry
  • Customer Details
  • Customer List
  • Customer Segments
  • Export Data
  • Leads Management
  • Manage Discounts and Promotional Codes
  • Manage Family memberships
  • Products & Credits
  • Referrals
  • All Classes guides
  • Activity Categories
  • Booking Availability on Class Sessions
  • Calendar
  • Cancelling and Deleting Class Sessions
  • Closing Bookings on a Class
  • Creating Classes
  • Editing Future Class Instances
  • Managing, Extending, and Deleting Class Series
  • Teacher Assignments on Class Instances
  • Waitlists for Classes
  • Workshop vs Course: Which One Should You Use?
  • All Appointments guides
  • Create Appointment Services
  • Customers Managing Their Appointments
  • How Customers Book Appointments
  • Manage Appointment Resources
  • Reschedule or Cancel Appointments
  • Set Availability Schedules
  • View and Manage Appointments
  • All Pricing guides
  • Class Coverage for Products
  • Creating Class Packs
  • Creating Memberships
  • Product Settings Guide
  • Product Types Overview
  • Share Class Packs and Memberships Online
  • All Products guides
  • Creating Physical Products
  • All Troubleshooting guides
  • Common Issues & Solutions
  • All Payments & Billing guides
  • Abandoned Checkout Recovery
  • Annual summary
  • Billing Details & Invoices
  • Booking & Checkout Settings
  • Gift Cards
  • Invoice vs Receipt: What Naayya Provides
  • Payment Methods & Payouts
  • Payment Review
  • Payment Troubleshooting
  • Point of Sale
  • Record Offline Payments
  • Set Up Get Paid
  • Tax Settings
  • All Integrations guides
  • Add a Lead Form to Your Website
  • Website Integration
  • Website Integration Troubleshooting
  • What Customers See in Website Integrations
  • All Email Marketing guides
  • Create Instagram Content
  • Domain Verification Setup
  • Getting Started with Email Marketing
  • Managing Email Templates
  • Sending Email Campaigns
  • Sending Quick Emails
  • Using the Email Designer
  • All Automations guides
  • Editing an Automation
  • Getting Started with Automations
  • All Team & Access guides
  • Access Control
  • Adding Staff Members
  • Managing Teacher Profiles
  • People Overview
  • Provider Profiles
  • Public Profiles for Staff Who Teach
  • Roles & Permissions
  • Staff Management
  • Teacher Status Management
  • Teaching Team
  • User Roles
  • All Finance guides
  • Pay Rules
  • Payouts
  • Payslips
  • Teacher Payout Calculator
  • All Performance guides
  • Attendance Rates
  • Class Fill %
  • Retention Rates
  • Session Feedback Stats
  • All Community / Feedback guides
  • Private Feedback
  • Public Testimonials
DocsNaayya appBlogContact support
  1. Docs
  2. Integrations
  3. What Customers See in Website Integrations
Open app

What Customers See in Website Integrations

Understand the schedule views, filters, and booking actions customers see on your website

The v2 schedule widget shows your public classes, workshops, and courses on the page where you place it. The exact sessions, images, instructors, locations, and availability come from your current Naayya schedule.

Calendar View#

Desktop Display#

Customers can switch between Week and Month views, move to the previous or next period, or select Today. A selected day shows its scheduled classes as cards.

Each card can show its image, name, a Class, Workshop, or Course label, instructor, description, time, location, category, availability, and a booking button when those details are available. See Workshops and courses for how those cards differ.

Mobile Display#

The widget adapts its cards and detail actions to the available width. In a narrow embed, the card image and booking action move into a stacked layout so the class information remains usable.

Customer Actions#

  • Switch between Week and Month.
  • Move between periods with the previous and next controls, or return to Today.
  • Select a day to see its classes.
  • Select a card to open its details.
  • Select the booking button when the session is available: Book for a class, Book workshop for a workshop, or View course for a course.

List View#

Display Elements#

The current schedule view lists the selected day's classes below the calendar. The day heading shows the date, whether it is Today, and the number of classes or sessions. A card can show:

  • the class image or an initial-based placeholder;
  • the class name and description;
  • instructor and location;
  • start time and duration;
  • category;
  • remaining places or Fully booked; and
  • a booking button when the class can be booked.

Customer Actions#

Customers can select a card to read its details. From the detail view they can see the date and time, location, description, instructor information, and availability, then choose the booking action when it is available.

Classes View#

Display Elements#

The v2 website integration is a schedule, rather than a separate class catalog or search page. Customers see the class sessions in the selected day and can move through the week or month to find another date.

Customer Actions#

Customers can navigate to a date, use the available filters, open class details, and start a booking. The widget does not promise a separate text search or a catalog view.

Workshops and courses#

Workshops and courses appear in the same schedule as classes.

  • A workshop card shows Tickets from with a price, or Free ticket, when the workshop has its own linked ticket product. Book workshop opens the workshop's booking page in a new tab.
  • A course card shows View course. It opens the whole-course page in a new tab, where the visitor enrolls in the full course. A course session does not show remaining places, because places are set for the whole course.
  • If a single course session can be booked on its own and has its own price, the card and its detail view also show a Single session button with that price. It opens that session's checkout in a new tab. If the session cannot be booked on its own, only View course appears.
  • A card shows Full or Unavailable instead of a booking button when the session cannot be booked online.

Appointment services and retreats are not part of this schedule.

Shop View#

The website Schedule integration does not include a Shop view or product browsing page. It shows class sessions and booking actions.

Display Elements#

The Schedule integration does not display product cards, prices, stock, or cart controls.

Customer Actions#

Customers use this integration to browse classes and start a booking. Product purchases stay on the shop or product pages you already maintain on your website.

Filter Behavior#

Visible Filters#

When filters are enabled and data is available, customers can see dropdowns for instructors, locations, and categories. A filter may not appear when there are no values to choose from or when the business has hidden or pre-configured it.

Category Legend#

The schedule uses category names and, where a category colour is available, a colour marker on the class card. The current widget does not show a separate category chip legend.

Pre-configured Filters#

When you set locations, teachers, or categories in the embed code, the schedule is limited to those values and the matching customer filter is hidden. When you set hide-filters, all filter controls are hidden. The copied code from Admin → Settings → Website Embed includes hide-filters unless you select Let visitors filter the schedule. The page does not write locations, teachers, or categories, so add those attributes to the code yourself if you need them.

Interactive Elements#

All Views Include#

  • Week and Month navigation.
  • A loading state while schedule data is being prepared.
  • A clear message and Try again action when the schedule cannot load.
  • Detail panels with a close action.
  • Booking actions that open the Naayya booking or course page in a new tab.
  • Your saved business brand, or the appearance choices you set in Website Embed.

Mobile Optimizations#

The widget uses a responsive card layout. On narrow embeds, the card stacks its image, class information, availability, and booking action so customers can read and tap the controls without the desktop layout overflowing.

PreviousWebsite Integration Troubleshooting

On this page