Calendar Events
Calendar Events
Welcome to the “Calendar Events” documentation.
Looking to integrate calendar into your website? Our block is a perfect solution for ensuring that your events are displayed just the way you want them.
In this guide, we'll show you how to use the editor to customize your calendar events block.
Step 1: Open the Editor
1. Go to Calendar Events template.
2. Click on "Edit" after choosing your template.
class="" alt="">Step 2: Add and customize events
1. In this panel, you can easily add and remove events as needed.
class="flex justify-center items-start h-auto w-auto" alt="">2. Customize each event by entering its name, changing colors, specifying start and end dates, selecting the repeat mode, and choosing whether to display a CTA button.
Additionally, you have the option to edit the event's title and description.
class="flex justify-center items-start h-auto w-auto" alt="">Step 3: Configure settings
1. Here, you'll handle the events settings where you can make choices regarding whether to display controls and the title, choose the default view and starting day, and specify the elements to include in the toolbar.
class="flex justify-center items-start h-auto w-auto" alt="">2. In this section, you will input each toolbar label.
class="flex justify-center items-start h-auto w-auto" alt="">Step 4: Preview
Lastly, you can click on “Preview” to see how your calendar events block looks on both desktop and mobile devices. After this, you can proceed to the next step.
class="flex justify-center items-start h-auto w-auto" alt="">