Calendar Embed Code and Share URL, and Event Registration Links

Occasion gives you several ways to publish events into your website.

• Embedding Calendars into your Website
• Linking Buttons on Your Website to Occasion Calendars
• Linking Buttons on Your Website to Individual Events
• Common Questions

Embedding Calendars into Your Website

Your Occasion calendar can be embedded directly into your website using an embed code. This is the easiest way to display your calendar on your site.

Steps to get your embed code:

1. Click Settings > Website Calendars from the sidebar menu
2. In the "Website Calendars" hub, find the calendar you want to embed
3. Click the embed icon (the link symbol) on the right side of the calendar row
4. A pop-up will appear showing your embed code
5. Click "Copy Code" to copy the full code to your clipboard
6. Paste this code into your website builder

Your embed code will look like this:

<script src="https://app.getoccasion.com/p/preboot.js"></script> <div class="occsn_stack" id="occsn_stack_[ID]"></div>

Learn more on how to embed the calendar into some popular website builders.

Linking Buttons on Your Website to Occasion Calendars

If your website builder doesn't allow you to embed code, you can link a button directly to your calendar using a shareable URL.

Steps to get your calendar share link:

1. Click Settings > Website Calendars from the sidebar menu
2. In the "Website Calendars" hub, find the calendar you want to share
3. Click the share icon (arrow pointing right) on the right side of the calendar row
4. A modal will appear showing your shareable link
5. Click "Copy" to copy the link to your clipboard
6. Use this link in a button, email, or anywhere on your website

Your share link will look like: https://occ.sn/F7hpJRpS

You can now add this link to any button on your website, and it will direct customers to your calendar.

Linking Buttons on Your Website to Individual Events

Every listing has a unique URL that can be shared with your customers in an email or anywhere on the web. This link will take your customers directly to the event checkout page, bypassing the calendar view. This is particularly useful for private events you may not be showing on your public calendar.

Steps to get your event registration link:

1. From your Workspace Calendar, open the event you want to share
2. Click the "Share Event" button towards the bottom of the new pop-up
3. Copy the URL shown — that is your direct event registration link
4. Share this link via email, social media, or anywhere on your website

Customers who click this link will go directly to the event details and checkout page, making it easy for them to register for your experience.

FAQ

Q: Can I customize the appearance of my embedded calendar? A: Yes! When you create or edit your calendar view, you can choose from six different layout styles, customize button colors, and configure which events display. All of these customizations will appear in your embedded calendar.

Q: What's the difference between embedding and linking? A: Embedding displays the full calendar widget on your website. Linking takes customers to a dedicated calendar page (or event page) when they click a button.

Q: Can I use the same calendar on multiple pages? A: Yes, you can copy your embed code or share link and use it anywhere on your website.