Eventsforce allows you to embed the Eventsforce event onto your own website. This is used in place of the Eventsforce microsite. When an attendee registers on the external website, the Eventsforce registration process will open within the current frame/page, giving the appearance of one website.
Configuring the iframe
To achieve this, the event manager will have to make the following changes in the event:
- Go to Website > Design > Template and select the "Responsive Standard Design" template
- Select layout option #5 "Embedded (iframe)"
- Select "Use this Template"
- Your web developer or client has to insert the iframe code (provided below) into the html for the external web page
- Provide the "Direct URL to Registration" to your web developer or client (Website > Settings > Addresses)
<iframe src="[insert your event address here]" width="100%" height="720" hspace="0" vspace="0" frameborder="0" scrolling="auto"> You need a browser capable of supporting iframes
The event address/URL can be found by going to Website > Settings > Addresses. Copy the "Direct URL to Registration".
Notes and Tips
- We recommend a minimum width of 612px or you may experience either a missing border or a slider bar to view the registration form. Height is determined by the longest page viewed during the booking process
- The width depends on the width you want the registration pages to occupy on your website, but our responsive iframe template will resize to fit the device the website is being viewed on
- Changing the default font type on Eventsforce through Website > Design > Appearance is highly recommended to create a seamless integration
- To test the iframe, your event will need to be set to “Live” status
- Links in emails directing traffic to your site should be to the main site, not the Eventsforce links (remember there will be no website)
- For testing purposes, use another Eventsforce standard template before switching to iframe layout or add "Register" and "Amendment" links on your home page