Embedding your calendar lets visitors view your schedule directly on your website. You can optimize the embed's size and layout before copying the code.

What You Can Customize

When generating the embed code, you can choose:

• Width (percentage, e.g., 100% or 80%)
• Height (pixels, i.e., 1024px)
• Show/Hide Header
• Show/Hide Sidebar

Create Your Embed Code

• Log in to your calendar.
• Go to Settings
• Click on Plugins
• Choose your embed options
• Click Copy

Add the Embed Code to Your Website

Paste the embed code into your website editor where you want the calendar to appear.

Recommended Settings

• Best for full-width pages: Width 100%, Height 700–900px
• Best for sidebar layouts: Width 100%, Height 900–1200px (more vertical room helps)
• Mobile-friendly tip: Keep width at 100% so it scales to smaller screens.

Troubleshooting

The calendar looks too short (scrolling or cut off)

Increase the Height (px) setting (try 900 or 1200).

The embed is too narrow

Set Width to 100%, and confirm the page/container on your site isn’t limiting width.

Header or sidebar isn’t showing (or won’t hide)

Double-check your Show/Hide Header and Show/Hide Sidebar toggles, then regenerate and re-paste the code (some site builders cache the old embed).

Nothing shows up after pasting the code

• Make sure you pasted into an HTML/Code block (not a text block).
• Confirm your calendar is set to Public/Published (if your platform requires that).
• If your site uses strict security settings (CSP), your admin may need to allow iframes from your calendar domain.