Guild Embeds let you display your Guild's Events on any external website. Embeds are lightweight, self-contained widgets that show your upcoming Events in a clean card layout. This is ideal for organizations that have their own website and want to showcase their community Events without sending visitors away from their site.
Embeds update automatically — when you create a new Event or update an existing one, the embed reflects the changes without needing to touch the code on your website.
Getting the Embed Code
Only Organizers can access embed codes for their Guild.
1
Open Guild Settings
Navigate to your Guild's profile page and click the settings gear icon.
2
Find the Embed section
In Settings, locate the Embed section where you can view and copy your embed code.
3
Copy the embed code
Copy the provided HTML snippet. This includes a small script tag and a container element.
4
Paste into your website
Add the embed code to any HTML page where you want the Events widget to appear. The widget will load and render your Guild's upcoming Events automatically.
What the Embed Shows
The Guild Embed displays your upcoming Events as cards, each showing the Event name, date and time, venue, and a link to the full Event page on Guild where visitors can RSVP or purchase tickets.
Embeds are styled independently of your website's CSS. Guild uses Shadow DOM isolation to ensure the embed looks consistent regardless of the styles on the host page. This means the embed won't be affected by your site's fonts, colors, or layout rules — and it won't affect them either.
Customization
The embed is designed to blend naturally into most websites. The widget adapts to the width of its container, so it works in sidebars, full-width sections, or any other layout. You can control the size by adjusting the width of the container element in your page's HTML or CSS.
If you need more control over how Events are displayed on your website, consider using Calendar Feeds to pull Event data into your own custom-built interface.