Event Calendar Widget

Build an event calendar visitors can search, filter, and act on

Create a no-code event calendar with manual events, layout choices, filters, popup details, event links, and design controls for your website.

Create Your Event Calendar Widget - It's Free!
Build an event calendar visitors can search, filter, and act on Hero Bg Image

How to embed Event Calendar Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Choose list, grid, calendar, or slider layouts

Present events as a compact schedule, a card grid, a monthly calendar, or a focused slider for featured events.

Layout options include:

ListGridCalendarSlider
Choose a Layout
Choose list, grid, calendar, or slider layouts

Add search and event filters

Let visitors narrow events by date status, type, venue, host, tags, or keyword so larger schedules stay easy to navigate.

Filter controls include:

SearchDatesEvent typeVenueTags
Add Filters
Add search and event filters

Open detailed event popups

Show a focused popup with the event image, type, tags, description, time, venue, host, share link, and registration button.

Popup elements include:

MediaDescriptionVenueHostShare link
Customize Popups
Open detailed event popups

Customize styling for your brand

Adjust surfaces, borders, event cards, date badges, filter colors, button colors, popup colors, padding, radius, and scoped custom CSS.

Style controls include:

ColorsSpacingButtonsPopupCustom CSS
Style Your Calendar
Customize styling for your brand