📅 How to Create a Calendar Widget
Want to display your city’s events on a website? You can embed a calendar widget that shows all events — or a filtered selection — directly on any page. It’s a great way to increase visibility and keep your community engaged.
Here’s how to build one:
🧭 Step One – Log In
Go to https://prm.withapps.io/login and log in with your credentials.
🛠 Step Two – Go to the Calendar Tab
Once logged in, click on the Calendar tab in the top menu.
➕ Step Three – Click “Create New”
Click the “Create New” button to begin designing your widget.
🎨 Step Four – Choose a Widget Design
Pick a layout that best fits your needs:
Smart
Lite
Carousel
🎨 Step Five – Customize the Widget
Make it match your brand:
Add a calendar title (optional)
Choose title color and title size
Pick a lead color (main highlight color)
Set a background color or make it transparent
Select a font style (e.g. Poppins)
Set your preferred date format
🗂 Step Six – Configure Events
Decide what content should appear:
Select one or more calendars to display
(Optional) Choose up to 3 specific categories to filter by (e.g. “Art & Exhibitions,” “Festivals,” “Family & Kids”)
🔗 Step Seven – Customize the “Go to All Events” Button
If needed, you can change the URL that the “Go to All Events” button leads to — for example, a filtered calendar view or city department page.
📝 Step Eight – Add an Internal Name
Give the widget an internal name to help you manage multiple widgets later.
👁 Step Nine – Preview and Finalize
Review your widget to make sure it looks great. Adjust any settings if needed.
📤 Step Ten – Create and Embed
Click “Create Widget.”
Then copy the embed code in your preferred format (iframe, HTML, or embed), and paste it into the desired page on your website.
🔁 How to Access the Widget Later
To access the widget code in the future:
Go to the My Calendars tab
Scroll to the right in the widget table
Click the three dots next to the desired calendar
You can:
Copy the HTML or embed code to use it again
Edit an existing calendar and re-embed it on your website