Customize Calendar Landing Pages

Creating a custom template

A landing page custom template editor can be accessed from any calendar page.

  1. Access any calendar in your dashboard and open the Calendar page:

  2. Navigate to the Calendar landing page section of the event page and click Custom Templates:

  3. After clicking it, you can select a custom template you have already made or you can create a new one by clicking + New Template.

Regardless of whether you're creating a new one or editing an existing template, you will see the Template Editor page. This page consists of four sections:

  1. Code - This section contains all of the template's HTML/CSS/JS code. Any changes you want to make should be applied here.
  2. Block Tags - This is the list of all available block tags. Each block tag represents a shortcut to a pre-defined section of code. You can replace the block tag with the corresponding code in the template and make any needed changes to that section.
  3. Data Tags - Here, you can see all the data tags that can be used in your template to insert dynamic values, like event title or starting date.
  4. Template Programming - In this last section, you will find all the supported logical functions that can be used for programming the dynamic behavior of the template.

Making changes in the custom template

Any changes you want to make can be implemented in the code section of the template editor using HTML, CSS, and JavaScript. Here are a few customization ideas to get you started:

You can find more customization ideas in this section of our Help Center.

When editing the code, you can check how your changes will look by clicking View Template.

By clicking Save, you can save your recent changes, and clicking Cancel will undo any unsaved changes in the template.

Applying a custom template to an calendar

Once all the needed changes are made, you can apply the modified template to any calendar.

  1. Navigate to the calendar page where you want to use the template.
  2. Scroll down to the Custom calendar page part of the Calendar page section.
  3. Select the needed custom template from the dropdown and click Set.

Once set, the template will be used for your calendar landing pages.