Skip to content

Embed your profile, calendar, and checkouts into your website

Add 3Common embeds to your site so visitors can browse events, subscribe, and purchase without leaving your domain.

Who this is for

Hosts who want to embed their Event Centre profile, calendar, or event checkout on a website.

Quick steps

  1. Open Organizer and go to the Website Embed tool.
  2. Pick the embed type: Profile feed, Profile calendar, or Subscribe button.
  3. Preview the style and switch to Code.
  4. Click Copy Code and paste it into your website builder.
  5. For single events, open the event and use Embed event to copy that checkout code.

When you are done, you will have working embeds on your site that match your brand and drive conversions.

Step-by-step walkthrough

1. Open Website Embed in Organizer

  1. Go to organizer.3common.com and open Events, then Website Embed.

2. Preview and copy profile or calendar embed code

  1. Use Preview to see how the embed looks. You can toggle between preview states and color options.
  2. Switch to Code and copy the snippet.
  3. Explore the Profile Feed Popup and Calendar embeds. Preview each, then copy the code for the one you want to use.
  4. Optionally, click dates and event tiles in the calendar preview to confirm how interactions look.
  5. You can also grab the Subscribe Button embed by switching to its tab and copying the code.

3. Open the event for a single-event checkout embed

  1. From Organizer, open your event and choose Embed event.

4. Preview and copy the event embed code

  1. Use Preview to confirm the look, then switch to Code.
  2. Click Copy Code. If needed, preview again and copy alternative snippets like the checkout button.

Implementation tips

Where to paste code

Most builders support HTML blocks or custom code widgets. Paste the snippet there.

Styling

Use the provided color controls to match your brand. Avoid overriding the embed with heavy CSS.

Testing

Preview your page on desktop and mobile. Interact with calendar dates, event tiles, and buttons.

Troubleshooting

Code does not render on my site

Ensure you pasted into an HTML/code block and published changes. Some builders block scripts on free plans.

Colors do not match after publish

Re-copy the code after changing colors. Clear your site cache or CDN and refresh.

Scroll or sizing issues

Place the embed in a full-width section. Avoid nested containers with overflow hidden. Set min-height where your builder allows.

Button shows but does not open checkout

Confirm the script tag is included with the button HTML. Test in an incognito window.

Still stuck?

Use Preview in Organizer to confirm behavior, then re-copy the Code snippet and try again.