Website Widgets

Event Calendar Widget

Build an event calendar visitors can search and act on

Create or sync single-day and multi-day events, then present them with responsive layouts, live search, popup details, CTA links, and Add to Calendar.

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

How to embed your Event Calendar into 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 from six responsive layouts

Present single-day and multi-day events as a grid, list, carousel, featured slider, monthly calendar, or weekly schedule.

Layout options include:

ListGridCarouselSliderMonthWeek
Choose a Layout
Choose from six responsive layouts

Help visitors find events with live search

Let visitors search titles, descriptions, locations, and tags as they type so larger schedules stay easy to navigate.

Search includes:

TitlesDescriptionsLocationsTags
Enable Search
Help visitors find events with live search

Open detailed event popups

Show a focused popup with the event image, type, tags, description, time, location, CTA button, and Add to Calendar.

Popup elements include:

MediaDescriptionLocationCTA buttonAdd to Calendar
Customize Popups
Open detailed event popups

Customize styling for your brand

Choose a light, dark, or custom theme, then adjust card, text and button colors plus corner radius.

Style controls include:

ThemeCard colorsText colorsButton colorsCorner radius
Style Your Calendar
Customize styling for your brand