Features

ZoopCalendar Documentation

This page walks through installing and setting up your website calendar widget.

Quickstart Guide

5 minute install

Register and verify your email.
Click the Create Calendar button on the dashboard.
Enter a name like "ACME Events" and click Save Calendar (You can change these options anytime)
If you want to only show your events, click the "Do not import event sources" checkbox. Click Save Sources.
If you DO want to show other events, select the categories, range, and event feeds for your calendar. Click Save Sources.
You should now be on the embed page, if not click the icon on the dashboard. Copy the code and paste it into your website. If you need help, check the docs below..

Example Code

Copy this snippet into your website where you want the calendar to appear.

<!-- ZoopEvents Calendar Widget -->
<div id="zoop-calendar"  data-calendar-id="1" data-theme="dark"></div>
<script src="https://planetzoop.com/widget/zoop-calendar.js?v=1775782630"></script>
<a href="https://planetzoop.com/submit/bay-area-calendar">Submit an event</a>

Try it! Note: this is the embed code for the main PlanetZoop calendar. It is live working code, and you can add it to your website if you want to. You can also make your own calendar for free.

Documentation Reference

Install on Common Platforms

Calendar Options

Listing sources
Search bar on/off
Radius and location settings
Widget view mode
More feature details

Troubleshooting

Widget not showing
Mixed content / HTTPS issues
Caching delays
Theme CSS conflicts
Support docs are moving to your in-app dashboard.