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 id="reform-script" async src=""></script> 
   Reform('init', {
     url: 'FORM_URL',
     target: '#my-reform',
     background: 'transparent',

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


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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.