Requirements: EventKoi Lite or EventKoi Pro, and Beaver Builder (free)
This guide shows how to add and customise the EventKoi Event Calendar element in Beaver Builder. You’ll learn how to insert the calendar, choose which calendar to display, and control its default view and behaviour.
How to add the EventKoi Calendar module in Beaver Builder
Inside your Beaver Builder page, click on the blue + icon. In the Modules tab, click on the top drop down, then look for EventKoi.
From here, you’ll see two of EventKoi’s available modules: Calendar and Event.
Drag and drop the EventKoi Calendar module into your page.
Customising the EventKoi Calendar module
Once you’ve added it into your page, the calendar should load, along with calendar options.
You have the option to:
- Select a calendar
- Default to month or week view
- Select default month to display
- Select default year to display
- Select which day the week starts on.
You also have some basic styling and spacing options.
And that’s it. When you’re done, save your page.
Preview your calendar
When you are ready, preview your calendar on the frontend.
Get more from your EventKoi + Beaver Builder integration
There are multiple ways of integrating EventKoi with Beaver Builder. From custom-built elements to advanced dynamic event data, you can control how events appear across your site using Beaver Builder
To learn about all the available approaches and ensure you choose to right path, read our EventKoi + Beaver Builder integration overview: