The Event Registration embed lets you place a HeySummit registration form on your own website. It is designed for free-ticket registration. If you want to sell paid tickets, add-ons, or donations, use a HeySummit event page or micro-site instead.
To use it, your event must be published and must have at least one active free ticket. The embed also needs to be available on your plan; if it is not, the dashboard will show an upgrade message instead of the embed controls.
Find the embed code
Go to Promoting > Embeddable Media.
Find Event Registration (Form).
Click Preview to test the form in a modal, or View Embed Code to copy the iframe code for your website.
If you have more than one free ticket, choose the ticket attendees should be linked to before copying the code.
Paste the generated code into your website's HTML. Use the full code HeySummit gives you, including the iframe and the script below it. That script listens for messages from the iframe and automatically adjusts the iframe height as the form content changes.
What the form includes
The embedded form uses your event styling and collects the registration details required for your event, including attendee name, email, registration questions, legal consent fields, marketing opt-ins, directory permission, and reCAPTCHA when those settings are enabled.
After a successful registration, the embed shows a confirmation message and, when available, add-to-calendar links. If your event has a custom thank-you redirect URL, the embed sends the registration message first, then redirects the top-level page after a short delay.
Track successful embedded registrations
If you want your website to react when someone registers through the embed, add a message listener to the page that contains the iframe. For example, you might send an analytics event or update your own page state.
<script>
window.addEventListener("message", function (event) {
if (!event.data || event.data.event !== "attendee_registered") return; // Optional: compare this with the iframe id from your generated embed code.
// if (event.data.source !== "hs-embed-eventregistration-yourEmbedId") return; console.log("New attendee registered:", event.data.attendee);
});
</script>
The message includes event.data.event with the value attendee_registered, plus event.data.attendee containing the submitted attendee fields, excluding CAPTCHA and internal form fields.
For stricter filtering, compare event.data.source with the iframe id in your generated embed code. The generated HeySummit height-adjustment script already does this for layout messages.
Referral and tracking parameters
The embed code can carry normal UTM parameters. If you need to attribute registrations to a speaker or affiliate, append &sc= followed by the speaker code or &ac= followed by the affiliate code to the iframe src URL.