How to embed the event registration page on a third-party website

  • Updated

organizers.jpgpre-event.jpg

Registration widgets allow you to host the entire event signup process on your website. 

Attendees can check out and purchase multiple tickets, send invites, and complete their registration without ever needing to go to the RingCentral Events website. 

Creating a registration widget

To create a widget, visit the Event Dashboard > Registrations > Event Landing Page. Click Create Widget under Embeddable form, which will open up a side pop-up window for you to complete.

Screenshot 2023-12-21 at 10.35.54 AM.png

Give your widget a name and specify the tickets you want to include. This is particularly useful when you need to embed the registration page to reflect just some specific tickets on your website. Click Include all tickets? if you'd like to have all tickets displayed in the widget. 

Note: When including all tickets, private tickets will also appear in the widget. To prevent this, it's necessary to exclude the private ticket from the widget and share it separately.

Check the Enabled box to enable it and click Save.

Screenshot 2023-12-21 at 10.36.41 AM.png

You’ll now see it appear in the list of widgets.

Embedding a registration widget

If you’re ready to embed the widget on your site, go to the Event Dashboard > Registrations > Event Landing Page > Manage Widgets and click the edit icon for the respective widget. This again will open the form to which you’ll see a few snippets of code at the bottom.

Screenshot 2023-12-21 at 10.37.15 AM.png

The first snippet of code is the CSS. You’ll copy and paste this into your website's <head />. We should note that while this part of the code isn’t required, we strongly suggest using it to ensure the widget layout looks great on your site.

The last snippet of the code is the HTML markup. This is required, and you’ll need to paste this in the <body /> of your website, wherever you’d like the widget to appear.

Screenshot 2023-12-21 at 10.38.03 AM.png

Once embedded, you should see the ticket selector like this on your website:

image__10_.png

 

Was this article helpful?