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
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
Locale Settings
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.
Schema Settings
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
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.