1. Open the Calendar Section
From your Gracely dashboard, navigate to the left-hand menu.
Click Calendar to open your event calendar.
2. Find the Embed Calendar Button
At the top right of your calendar page, you’ll see two buttons: Create event and Embed calendar.
Click on Embed calendar.
3. Copy the Embed Code
A window will appear with your HTML Embed Code.
Click Copy to copy the code to your clipboard
4. Paste the Code on Your Website
Open your website editor (WordPress, Wix, Squarespace, etc.).
Go to the page where you want the calendar to appear.
Add a Custom HTML block (or similar) and paste the code.
Note:
If you’re unsure where to paste it, look for a Custom HTML, Embed, or Code block option in your website builder.
5. Save and Publish
After pasting the code, save your changes and publish the page.
Your Gracely events calendar will now be live on your website
Need Help?
If you have questions or need help embedding your calendar, contact our support team.
We’re happy to assist you!
Tip:
Your calendar will automatically update when you add or edit events in Gracely — no need to re-embed the code each time!