Calendar page

Display all your events in one page and allow your customers to select a specific event and time.

  1. Navigate to Online Store > Pages and click the Add page button.
  2. Enter a Title, change the Template suffix to page.coattend_calendar and click Save.
  3. Navigate to Online Store > Navigation and select your menu. Add the created page as a new menu item and click Save.
  4. Your Calendar page is ready!

Calendar modal

Alternatively, you can display the calendar in a modal. Insert an HTML button with the class coattend-calendar-button and you're good to go.


<button class="coattend-calendar-button">Calendar</button>

Calendar modal example Calendar modal example.

Customize the calendar page

Please follow the instructions on Calendar Settings page.