Embed EventHub registration forms directly into your web pages to facilitate the registration process for users navigating them. Users registering via the embedded form automatically register their information to the EventHub platform.
<tips>The following link includes an embedded code sample: https://codepen.io/eventhub-embed-form/pen/NWvpeQJ </tips>
*This feature is only available for free tickets
1. Prior Setup
Configure the embedded form's profile fields via [Basic settings]>[Profiles]. This is the information collected during user registration.
See the following article for additional information: Creating New Profile Fields
The Event Terms and Conditions are displayed below the embedded form. Configure them via [Basic settings]>[Event T&Cs].
2. Generating the Embed Code
Navigate to [Basic settings]>[Tickets/Forms] and click [Create new] to create a ticket.
Fill in the ticket fields. See the table below for additional reference:
| Field | Required/Optional | Description |
| Ticket name | Required | The displayed ticket name |
| Ticket details | Optional |
A description of the ticket *These details do not appear for users on embedded forms; they only appear on the ticket sales page. |
|
Status |
Required |
[On sale]: ticket is available to begin registration |
|
[Coming soon]: ticket is not yet available for registration *Users cannot register via these tickets, even if embedded in a website. |
||
|
[Hidden]: ticket is available to begin registration *Tickets can be used for embedded forms but will not be displayed on the ticket sales page. |
||
| Price | - | Price must be [Free] for embedded forms |
| User type | Required |
Select [Attendee] or [Exhibitor] You cannot change this field once the ticket has been created. |
| QR code | Required |
Issues a QR code to users who register with this ticket You cannot change this field once the ticket has been created. |
| Quantity | Required |
The maximum number of participants who can register with this ticket type If a user tries to sign up for a ticket that has already reached its registration limit, a message stating that the ticket is sold out will appear. The user will be unable to complete their registration using the form. *If you don't have a participant limit, please enter 9999. |
| Deadline | Required |
The last date that this ticket will be available for registration If there is no deadline, enter a date beyond the event end date. |
| Generate embed code | Required | Select [Enable] to generate code to embed the ticket into another website. |
| Thank you page URL | Required |
The destination URL for a user once they submit their registration form |
| Website origin | Optional |
Restricts user registration via the ticket to only the specified website origin |
| Optional |
Specifies a content group for this ticket Select from the [Content group] options you created previously via [Basic settings]>[Group]. You cannot change this field once the ticket has been created. |
|
| Meeting room group | Optional |
Specifies a meeting room group for this ticket Select from the [Meeting room group] options you created previously via [Basic settings]>[Group]. You cannot change this field once the ticket has been created. *This feature is used for in-person events only. |
Click [Add] when finished.
Click the three dots button on your selected ticket and click [Embed code].
Use the displayed code to embed the registration form into your website.
3. Unavailable Embedded Tickets
Expired Tickets
If a ticket exceeds its [Deadline], the error message "This ticket is expired" will appear on the embedded form.
Sold-out Tickets
Tickets that have reached the [Quantity] limit will display an error message on the embedded form stating, "This ticket is sold out."
4. Registration and Login Process
Reference the flowcharts below for an outline of the steps to register with embedded forms.
After submitting an embedded registration form, users are redirected to the [Thank you page URL] and are automatically sent one of the following emails:
- Password-less events: registration confirmation email, from which a user can log in to the event page
-
Password-enabled events: password setup email
- A user must follow the steps outlined in the email to set up their password before logging in to the event page.
<tips>User password setup is not included in an embedded ticket's registration process to ensure the security of the registrant's password.</tips>
5. Confirming Status via User Lists
Once a registrant completes their embedded form, you can view their status via the [Attendees] or [Exhibitors]>[User list] tab, including the following information:
| Ticket type | The name of the ticket used to register, per [Tickets/Forms] |
| Registration type | Displays [Ticket] for users who register via an embedded form |
| Email status | Indicates the status of the registration confirmation email or password setup email - See the following article for additional reference: Why haven’t I received my password setup email? |
| Password status | Confirms if a registrant has completed their password setup for applicable events |
6. Additional Notes
- A ticket's default embed code is not designed to affect the CSS of the target site where the form is embedded. If the form's design appears different than expected, please check the CSS of the embedding website.
- Once the [Event page closing date] has passed, the registration form is automatically hidden on the embedding website.
- If a ticket is embedded into a website outside the designated [Website origin], an "Origin is invalid" error message will appear. Edit the ticket to modify the [Website origin] field as necessary.