Embedding your event on a website

You can embed a compact Wanepass event card on your website, blog, or external app. Guests see your poster, date, and price, then click through to Wanepass to register or buy tickets.

Get the embed code

Open Organizer → Events → [your event].
Scroll to Share & Promote.
Under Embed on your website, optionally adjust Embed colors, then click Copy embed code.
Paste the iframe into your HTML (or a CMS “Custom HTML” block).

Screenshot: Share & Promote embed code with copy button

Requirements

The event must be Published. Draft events do not show an embed snippet.
Checkout always happens on Wanepass (not inside the iframe). That keeps payments and login secure.

Customize the iframe

The default snippet is a thin, responsive card (~180px tall):

<iframe
  src="https://wanepass.com/embed/events/your-event-slug"
  title="Your event title"
  width="100%"
  height="180"
  style="border:0;border-radius:12px;overflow:hidden;max-width:560px;width:100%;min-width:280px"
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>

Colors

Use the color pickers in Share & Promote, or add query parameters to src (hex without #):

Param	Controls
`bg`	Card background
`fg`	Title text
`muted`	Secondary text
`accent`	Icons / accents
`btn`	Button background
`btnText`	Button label
`border`	Card border

Example: .../embed/events/my-event?bg=0f172a&fg=f8fafc&btn=38bdf8&btnText=0f172a

You can also change height, max-width, or wrap the iframe in your own layout. Keep the /embed/events/... path.

Private events

Private (link-only or password) events can still be embedded if they are published. Guests who click Get tickets open the full event page and complete any password or invite checks there.

Troubleshooting

Blank iframe — Confirm the event is published and the slug in src is correct.
Card looks cut off — Use at least height="180" (or a bit taller on very narrow widths where the card stacks).
Styles look wrong on my site — The embed is self-contained; parent CSS should not restyle it. Check that your CMS is not stripping the iframe tag.

Related: Event visibility settings.