Embeddable RSVP Form

If you've used an embeddable event, you know how convenient it is for providing your users with a context of the upcoming event, along with the simple add to calendar button. But what if we could not just show the information about the event but also collect RSVP information from them right there on your page? Good news - it is possible! With the embeddable RSVP form you can embed any event with an RSVP form into your website. This will allow your users to add the event to their calendars while also collecting the data you need from them.

To register for the event, the user must indicate whether they are “Going”, “Interested” or “Can’t go” to the event, and then enter the information that you have chosen to collect. Once they have entered this information and registered for the event, they will be presented with an add-to-calendar button which allows them to add the event to their calendar.

How to Embed an RSVP Form

Follow these steps to embed an RSVP form for your event:

Obtain the RSVP Form Code

To get the code to embed the RSVP form, first navigate to the event you want to embed:

1. Go to the Event Page: On the Dashboard, find and select the event you want to embed. Click on Event page in the pop-up that appears.
2. Find the RSVP Section: Scroll down to the Embeddable RSVP form section of the event page.
3. Copy the RSVP Form Code: Click copy code.

Embed the Code into Your Website

1. Paste the Code: Paste the copied code into the section of your website or landing page where you want the RSVP form to appear.
2. Use the Correct Embed Option: If you're using a website builder, you may need to select a “Custom embed,” “HTML embed,” or similar option to insert the code correctly.

Click here for instructions on customizing your RSVP form.

Alternative Method: Using an iFrame

You can also embed the RSVP form using an iframe. To do this:

1. Use the following HTML code snippet:

<iframe src="EVENT_URL?embed=true&embedstyle=1&embedheight=auto&embedshare=no" style="width: 100%; height: 100%; display: block; border:0;"></iframe>

2. Replace the EVENT_URL with the actual URL of your event landing page. The resulting code will look similar to this example:

<iframe src="https://addevent.com/event-page?embed=true&embedstyle=1&embedheight=auto&embedshare=no" style="width: 100%; height: 100%; display: block; border:0;"></iframe>

Customizing Your RSVP Form

1. With the code obtained, you can now insert it into the needed web page.
2. Once you’ve embedded the RSVP form, you can customize it by adding the specific data fields you want to collect. Please check this article on customizing your RSVP form.

👍

This is a feature included in our paid plans.