Event calendar widget for any website.

An event calendar is only as good as the events you put into it. In the Poper widget, each event holds a name, a start and end date, start and end times (or an all-day toggle), a description, and an image. Take the time to fill these in properly. A clear, specific event name does more work than any styling: 'Beginner Pottery Wheel, 3-week series' tells a visitor everything, where 'Workshop' tells them nothing. The description should answer the obvious questions a visitor has before they commit: what to bring, who it is for, whether it is suitable for beginners. An image gives each event a visual anchor and makes the whole calendar scannable. You can also attach an action button to an event, with a label like Register or Buy Tickets and a link to your sign-up or ticketing page, plus an optional PDF or video URL for events that need supporting material. Events with thin, vague details get skipped; events with a real name, a real description, and an image get clicked.

Once you have more than a handful of events, a flat list stops being useful. The Poper event calendar widget gives you three kinds of structure, all set up once on the Resources tab. Categories group your events by type and carry a color and an icon, so a visitor scanning the page can tell a Webinar from a Workshop from a Networking event at a glance, and the category also powers the category filter. Venues hold a name and an address, and they work for online events too, so a Zoom link is as valid a venue as a physical hall. Hosts hold a name, an email, a phone number, a website, and a logo, which is useful when different people or departments run different events. The payoff of setting these up is twofold: every event you add stays consistent because it picks from the same lists, and visitors get a clean, meaningful way to filter the calendar down to exactly the events they care about. A calendar with good category, venue, and host structure scales from ten events to a hundred without becoming a wall of text.

The Poper event calendar widget ships three layouts, and the right pick depends on your events and your page. The List layout stacks events in a single scannable column, with the next event on top. It is the safe default for most sites because it reads top to bottom the way a phone naturally scrolls, and it works well when event descriptions are substantial enough to want room to breathe. The Grid layout lays events out as cards in a grid, with a column count you set separately for desktop and mobile. It suits calendars where each event has a strong image and you want visitors to see many events at once, like a workshop catalog. The Masonry layout packs cards of varying height into a tight, magazine-style grid, which is the right pick when your events differ a lot in description length and you want a dense, visual page rather than a uniform one. Because the layout is a setting rather than a separate widget, the practical workflow is to enter your events once, then preview all three layouts and ship the one that fits the page you are placing it on.

A visitor arriving at your calendar usually has something specific in mind: a particular kind of class, an event at a particular venue, or simply 'what is on this month.' Making them scroll the whole list to find it is the fastest way to lose them. The Poper event calendar widget includes a search bar that filters events live by keyword, and a set of filters that narrow the calendar by date, by category, or by venue. Both the search bar and the filters are toggleable, so a small calendar with five events can turn them off and stay simple, while a busy calendar with dozens of events can turn them on and stay navigable. The filters lean directly on the structure you built with categories and venues, which is another reason that setup is worth doing: a 'Workshops only' or 'Downtown venue only' filter is only as good as the categories and venues behind it. The goal is that a visitor should reach the event they want in one or two clicks, never by scrolling.

An event calendar that does not match your site reads as a third-party embed, and visitors notice. The Poper event calendar widget gives you the controls to make it look native without writing CSS. You can choose which elements appear on each event card, including the image, the category tag, the date, the time, the venue, the host, the description, and the action button, so the cards carry exactly the information your visitors need and nothing they do not. Typography controls let you set heading sizes and event-name sizes to match your site's type scale. Color controls cover the background, the search bar background, the card background, the corner radius, the action-button color and text color, and the date-badge color and text color. Spend a few minutes matching these to your site's palette and spacing after you pick a layout: it is the difference between a calendar that looks like a section you designed and one that looks pasted in. The widget is async-injected and lazy-loaded by default, and its CSS is scoped so it cannot bleed into the rest of your page.