Can I embed a form created in Five inside an iframe on my website?

Hi, I’d like to embed a form that I’ve built with Five on our existing website. Is there a way for me to embed this as an iframe?

Hi TheMaskedDev,

The easiest way to allow embedding a form from our Five Application is to use external URL’s. External URLs allow you to expose a form/query/process to the world in a public manner.

  1. First, ensure you have a form already setup that you wish to expose to the web.

  2. Select on the lefthand side in the menu ‘URLs’.

  3. Click on the Add Item button.

  4. Fill in the URL field the name of the URL you would like to expose it as, for example: reservations (We will discuss this further)

  5. Choose the Action of the form in the Action field.

  6. Optionally you can have a different theme to the main application.

  7. Save this URL configuration.

  8. Next run your application.

All URL’s are externally available via the /url/ navigation path on your running application, therefor to gain access to your new public URL navigate in a browser to http://your-application-id.five.dev/url/reservations

Now you can use this URL in another remote website via an iFrame.

<iframe src=“http://your-application-id.five.dev/url/reservations”></iframe>

Please note, this feature only exists in the cloud-hosted version of Five.

1 Like