Transparent backgrounds

You can force Reform to use a transparent background on embedded forms. Using a transparent background means that your own website's background color will be visible and the form might fit better into your site.

<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/v1/embed.js"></script> 
<script>
   Reform('init', {
     url: 'FORM_URL',
     target: '#my-reform',
     background: 'transparent',
   })
 </script>

Note: The background property currently only supports default and transparent as values.

Accessibility

It's recommended to only use transparent backgrounds if your own site has a light background. The text will still be dark gray and if the form is embedded on a dark background it might be hard for users to read the content.