Embedding Reform on your own website
For all the times where you don't want folks to leave your website, embedding the form is a great alternative.
Once you've published your form, embedding it is pretty straightforward. All you need to do is to copy the HTML snipped below and replace the FORM_URL with the URL to your published Reform.
<div id="my-reform"></div>
<script>window.Reform=window.Reform||function(){(Reform.q=Reform.q||[]).push(arguments)};</script>
<script id="reform-script" async src="https://embed.reform.app/v2/embed.js"></script>
<script>
Reform('init', {
url: 'FORM_URL',
target: '#my-reform',
})
</script>
Once the form is embedded, the script above will make sure to:
- Resize the embed window so your users never see a scrollbar
- Move the window to the top of the embedded form every time they move to a new page of the form
- Pass query parameters from the parent site into the embedded Reform, which can be useful for prefilling fields or tracking
If all you want to do is embed Reform on a website, you're done now. If you are planning to embed Reform into your app or otherwise have a more advanced use case, continue reading.
Prepopulating data
Read our guide on prepopulating here.
Transparent backgrounds
Read our guide on transparent backgrounds here.