Embedding the Registration Widget on Your Website

You can embed the EventHex registration form directly on your existing website so attendees can register without leaving your site. This works with any website platform — WordPress, Wix, Squarespace, custom HTML, or any CMS.

Embedding Options

EventHex provides several ways to add registration to your website:

Method	Best For
Direct Link	Linking a “Register Now” button to the checkout page
Iframe Embed	Embedding the full checkout form inline on your page
Ticket Widget	Showing ticket cards with pricing on your event website

Get Your Registration Link

Go to Setup → Ticket.
Find the ticket you want to share.
Click the Link button on the ticket card.
Copy the registration URL.

The URL format is:

https://your-event-slug.eventhex.ai/checkout

For a specific ticket, the URL includes the ticket parameter:

https://your-event-slug.eventhex.ai/checkout?ticket=TICKET_ID

Embed as an Iframe

To embed the full registration form on your website, add this HTML code:

<iframe
  src="https://your-event-slug.eventhex.ai/checkout"
  width="100%"
  height="800"
  frameborder="0"
  style="border: none; max-width: 600px; margin: 0 auto; display: block;"
></iframe>

Customize the Iframe

Attribute	Description
`width`	Set to `100%` for responsive, or a fixed pixel value
`height`	Adjust based on the number of form fields (600–1000px typical)
`style`	Add CSS for centering, max-width, or background color

Single Registration Mode vs Checkout Mode

EventHex provides two registration page layouts that affect how the embed looks:

Mode	Description
Checkout Mode	Full checkout with ticket selection, quantity, order summary, and payment — use when you have multiple ticket types
Single Registration Mode	Simplified form with just the registration fields — use when you have one ticket and want a clean embed

Configure which mode to use in Setup → Ticket → Single Registration Preview.

If you’re using the built-in EventHex event website, you can add a Tickets Widget to any page:

Go to Design in the left sidebar.
Open the Page Builder.
Add a Tickets Widget to your page.
Configure the widget style:
- Card — standard ticket cards
- Modern — contemporary design with hover effects
- Pricing — pricing table layout
- Minimal — clean, simple design
- Overlay — image overlay style
- Bordered — bordered card design
Set the number of columns (1–4).
Choose which tickets to show (all or filtered by status).

The widget automatically shows the “Register” button that links to the checkout page for each ticket.

Custom Domain Integration

If you’ve set up a custom domain for your event (e.g., register.yourcompany.com):

Go to Setup → Custom Domain.
Configure your custom domain.
The embed URLs will use your custom domain instead of the .eventhex.ai subdomain.

This provides a seamless experience where the registration form appears to be hosted on your own domain.

Embedding Best Practices

Responsive width — always use width="100%" and set a max-width for the iframe
Sufficient height — test the form to determine the right height, accounting for all fields and error messages
HTTPS required — your website must use HTTPS to embed EventHex pages (also HTTPS)
Mobile testing — verify the embedded form works well on mobile browsers
Cookie consent — if your site has a cookie consent banner, ensure it doesn’t block the iframe