Search

Embedding registration widget

  • Updated

organizers.jpg

If you’re promoting your event on your website or an external landing page, you can embed the registration form widget to allow attendees to register directly without leaving the page. This guide explains how to create a registration widget for all tickets or selected tickets and where to find the widget embed code.

Creating a widget

To create a widget:

  1. Go to Event Dashboard > Registration > Landing Page.
  2. Under Add Ons > Embedded Registration Form, click Configure.


  3. Here you will see the list of all create widgets if any. To create a new one, click Create widget.


  4. Give your widget a name and specify the tickets you want to include. Alternatively, select the Include all tickets check box to have all tickets displayed in the widget.
    Note: When including all tickets, private tickets will also appear in the widget. To prevent this, exclude the private ticket from the widget and share it separately.
  5. Keep the Enabled check box selected.
  6. Once ready, click Save.
    ✔ The widget will appear on the list. 

Copying the embed code

Once your widget is created you can access the code that should be added to your website:

  1. Go to Event Dashboard > Registrations > Landing Page.
  2. Under Add Ons > Embedded Registration Form, click Configure.
  3. Hover over the selected widget and click the Gear icon.


  4. In the Widget settings, you will be able to change the widget name and assigned tickets if needed.
  5. Under Widget Embed Code, you will find two snippets of code:
    • CSS snippet: Copy and paste this into your website's <head />. This part of the code isn’t required, but we recommend using it to ensure the widget layout looks great on your site.
    • HTML snippet: Copy and paste this iframe code into your website's <body /> where you need it to appear. 

Here is an example of how the registration widget looks like when embedded:

Disabling a widget

To disable or delete a widget that's already added to your website:

  1. Go to Event Dashboard > Registration > Landing Page.
  2. Under Add Ons > Embedded Registration Form, click Configure.
  3. Hover over the selected widget and click the Bin icon.
    ✔ You'll be prompted to confirm your choice. 
  4. Alternatively, click the Gear icon.
  5. In the Widget settings, clear the Enabled check box.
  6. Click Save.

In both cases, the embedded widget will get disabled on the website:

Was this article helpful?