Events Calendar Plus (Calendar+) Anywhere Add-on

Display your Calendar+ and Event Espresso events anywhere, on any external website, using a simple embed snippet. Configure filters in WordPress, generate the code, and paste it into your site.

This Calendar+ add-on is available from Event Espresso à la carte or as part of the All Access Pass.

The Embed Code Add-on for Events Calendar Plus (C+) generates HTML, CSS, and JS snippets you can paste into external sites to render your Calendar+.

It supports multiple embed containers per page and configurable filters via data attributes.

• Multiple calendars per page via the <code>calendar-plus</code> CSS class
• Filter by dates, categories, tags, and venues
• External sites fetch events from your WordPress REST API endpoint

Requirements

• WordPress site with Events Calendar Plus installed and activated
• Events Calendar Plus Anywhere Add-on installed and activated
• Publicly accessible REST API endpoint (typically your WordPress domain)

Note: If your WordPress site is private or behind authentication, external websites may not be able to load event data.

Generate the Embed Code

• Log in to your WordPress admin.
• Go to the Calendar+ menu and open “C+ Anywhere.”

• Configure filters (optional): date range, categories, tags, venues, cities, states, countries, etc.

  Note: some filters are case sensitive; e.g. Food   and food   are considered unique categories.

• Click “Generate Embed Code.”
• Copy the generated HTML snippet.
• Paste the generated HTML code snippet into an web page (internal or external) websites.

Troubleshooting

• Nothing renders: Confirm data-api  points to a valid /wp-json/calendar-plus/v1  endpoint and that the JS bundle is loaded.
• Mixed content errors: Serve all resources over HTTPS, including CSS/JS and the API.
• 404s on assets: Use the exact asset URLs generated by your admin page—hashes change per build.
• Filters not applied: Verify attribute names and formats; check for case-sensitive slugs.
• Multiple calendars collide:</strong> Ensure every container has the <code>calendar-plus</code> class; the script auto-targets by class, not by a single ID.
• CORS or auth issues: External sites must be allowed to fetch data from your WordPress domain; configure CORS or make the endpoint publicly readable.

Best Practices

• Place the html code in your page's HTML or Code view
• Keep your WordPress plugins updated so API and assets remain compatible.
• Avoid duplicate IDs; rely on the calendar-plus   class for multiple embeds.