The Calendar for Elementor is a flexible tool, perfect for integrating customized calendars into websites. Whether you’re showcasing events, managing schedules, or keeping your audience informed, this widget offers an attractive and easy-to-use display. It’s built for adaptability, making it suitable for various scheduling needs.
Let’s look at each of the options in the Calendar widget for Elementor below.
Add a Calendar Widget to Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Calendar”
- Hover over the widget in the search results and click install
- Add your “Calendar” widget to any Elementor Page
Source Settings
Item Source
You can select any of the below item source for repeater field.
- Items
- Posts
- Meta Field
- JSON or CSV
- Gallery
- Terms
- Users
- Menu
- API Integrations
To know more about multi source, click here.
General Settings
First Day
Select the day to display as first day of week.
Calendar Type
Select the calendar type.
- Time Grid
- Time Grid Day
- Time Grid Week
- Day Grid Day
- Day Grid Week
- Day Grid Month
- Day Grid Year
- List Day
- List Week
- List Month
- List Year
- Multi Month
- Multi Month Year
Set Initial Date
Set the starting date of calendar.
Show Dummy Events
Show the dummy events in calendar.
Dummy Events Number
Set the number of dummy events to display.
Layout Settings
Show Today Button
Show/Hide the today button on calendar.
Show Title
Show or hide the title.
Show Prev/Next Button
Show or hide the previous/next button.
Show Header
Show/Hide the header.
Enable Links In Events
Enable the links in events.
Event Link Type
Select the event link type from below options.
- Post Link
- Dynamic Post Popup
- Disable Link
- Link From Meta Field
Open Event Link in New Tab
Turn on to open event link in new tab.
Connected Widgets Settings
Enable Remote Connection
Visit Name for Connection
Provide a name for the connection that other widgets will use to connect and control this widget.
Sync
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Show Debug
Button Texts Settings
Today
Type text to show in today button.
Next
Type text to show in next button.
Prev
Type text to show in prev button.
Year
Type text to show in year button.
Month
Type text to show in month button.
Week
Type text to show in week button.
Day
Type text to show in day button.
Locale Settings
Locale
Locale option allows to localize certain aspects of the calendar, such as text in buttons, text that contains month or day of week etc.
Items Settings
Manage the items using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Event Title
Type a title for the event.
Event Start
Select the event start date.
Event End
Select the event start date.
Event Background Color Override
Override the event background color.
Event Text Color Override
Override the event text color.
Event Border Color Override
Override the event border color.
Overlap
Turn on to overlap with another event.
Event Link
Type or paste URL to link with event.
Calendar Widget Styling
There are a number of styling options that allow you to control every aspect of the widget’s design. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
General Styling
Set the today button background color, calendar border radius, and content justification.
Button Styling
You can set the buttons typography, background color, color, border, padding and gap.
Main Title Styling
Set the main title typography, background color, color, border, and padding.
Header Styling
You can set the multi month header background color, header color, padding, and border.
Multi Month Header Styling
Here, you can set the header typography, background color, color, padding, spacing, and border color.
Event Title Styling
Set the event title typography, padding, background color, title color, and border.
Tile Styling
You can style the tile typography, color, background color, border color, and padding.
List Styling
Here, you can set the list title background color, title color, and padding.
Calendar Design Examples For Elementor
Here are some live use cases for the Calendar Widget.
Calendar with events highlighted.
Calendar with time grid day display.
The Calendar Widget enhances event organization and display, providing a seamless and visually appealing experience for any Elementor-based site. Its ease of use and customization make it a valuable addition. Thank you for choosing this widget to elevate your website’s scheduling capabilities. If you have any questions or need assistance, our support team is here to help. We’re excited to see how the widget helps you connect with your audience and manage events effortlessly.
