circle-info
Welcome to the new Sesami Help Portal with AI capabilities. Search your question and get your answer instantly!
githubEdit

Month/Day View

The modern monthly calendar view that makes it easier for customers to find availability.

What is Month/Day View?

The Month/Day View (also called "New Sesami Booking Experience" or "V2 Calendar") is a modern, innovative calendar interface with a monthly layout that clearly shows available days and time slots.

View Demo →arrow-up-right

Key Features

Clear Monthly Overview

  • Monthly view - Customers see an entire month at a glance

  • Available days highlighted - Easy to spot which days have availability

  • Modern design - Clean, intuitive interface

Customizable Appearance

  • Brand colors - Change the calendar's primary colors to match your brand

  • Configurable options - Control what customers see and how they interact

Group Booking Support

For Group Appointments, the calendar shows:

  • Available spots per slot - "3 spots left", "1 spot left", etc.

  • Real-time availability - Updates as bookings are made

Resource Selection Options

  • Show "Any Available" option - Let customers book with any available resource

  • Hide "Any Available" option - Force customers to choose a specific resource (team member, room, etc.)

This is useful when you want customers to always choose their preferred provider.

See: Resource Selection

How to Enable

For Online Store 2.0 Themes

If your store uses a Shopify Online Store 2.0arrow-up-right theme:

  1. In Shopify Admin, go to Online Store > Themes

  2. Click Customize on your active theme

  3. Navigate to the product page where Sesami is installed

  4. Click on the Sesami app block

  5. Select Month/Day View (or "New Sesami Booking Experience")

  6. Save

Merchants can easily switch between calendars and experiment freely with 2.0 themes.

For Vintage Themes

If your store uses a Shopify Vintage Themearrow-up-right:

  • The Month/Day View must be added manually by the Sesami team

  • Merchants won't have the ability to switch calendars freely (unlike 2.0 themes)

  • Contact [email protected]envelope for assistance

Customization Options

Experience Configurator

Use the Experience Configuratorarrow-up-right to customize:

  • Primary brand colors

  • Layout options

  • Display settings

  • Resource selection behavior

Theme Integration

The calendar automatically adapts to your theme's style:

  • Responsive design works on desktop, tablet, and mobile

  • Fast loading with Lit web components

  • Minimal impact on page performance

When to Use Month/Day View

The Month/Day View is ideal for:

  • Services booked days in advance - Customers can easily see availability across weeks

  • Group appointments - Clear display of remaining spots

  • Resource selection - When customers choose their preferred provider

  • Modern brand aesthetic - Clean, contemporary design

Comparison with Multi-day View

Feature
Month/Day View
Multi-day View

Layout

Monthly grid

Multi-day horizontal scroll

Best for

Advance planning

Near-term bookings

Group bookings

Shows remaining spots

Standard display

Resource selection

Configurable display

Standard display

Default

Optional

Yes (after install)

See: Multi-day View

Best Practices

  • Use brand colors - Customize to match your store's identity

  • Test on mobile - Ensure the experience works well on all devices

  • Configure resource options - Decide whether to show "Any Available" based on your business model

  • Monitor customer feedback - See if customers prefer the monthly view

Troubleshooting

chevron-rightCan't find the calendar selector in theme editorhashtag

Check:

  • You're using a Shopify 2.0 theme (Vintage themes require manual setup)

  • Sesami app block is added to the product page

  • You're in Customize mode for your live theme (not an unpublished draft)

chevron-rightCalendar not showing available spots for group bookingshashtag

Check:

  • Service has Group Appointments enabled

  • Service has a capacity set (max participants per slot)

  • Available spots exist for the time slot

See: Group Appointments

chevron-rightWant to force customers to choose a specific resourcehashtag
  • In the theme editor, find the Sesami app block settings

  • Look for "Hide Any Available" option

  • Enable it to hide the "Any Available" choice

See: Resource Selection

Last updated

Was this helpful?