Adding an iframe to an external website

An iframe (Inline Frame) is an HTML document embedded inside another HTML document on a website. The iframe HTML element is often used to insert content from another source, such as an advertisement, into a web page.

Eventsforce allows the event manager to embed just the registration pages into another website, be it your company website or your clients. When an attendee registers on the external website the Eventsforce registration process pages will open within the current frame thus, appearing to be one website.

The iframe approach allows the event manager to fully utilise an existing website and its content, eliminating the need to add further content to the Eventsforce website pages. 

Method

To achieve this, the event manager will have to do the following:

  1. In Eventsforce, go to Website > Design > Template and select the "Responsive Standard Design" template. 
    An alternative template is "Embedded (iframe)" if the "Responsive Standard Design" is not being used.
  2. Select option "5. Embedded (iframe)". 
  3. Your web developer or client has to insert the iframe instruction into the html source code for the external web page, in order to open the Eventsforce registration page.
  4. Sample of html code that is required:-

<iframe src="[insert your event address here]" width="612" height="720" hspace="0" vspace="0" frameborder="0" scrolling="auto"> You need a browser capable of supporting iframes
</iframe>

iframe_image.jpg

Notes and Tips

1. 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.

2. 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.

3. Changing the default typeface on Eventsforce through Website > Design Appearance option is highly recommended to create a seamless integration.

4. To test the iframe your event will need to be set to “Live” status

5. Links in emails directing traffic to your site should be to the main site, not the Eventsforce links (remember there will be no website)

6. For testing purposes, use another Eventsforce standard template before switching to iframe layout or add register and amendment links on your home page.

 

 

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk