Can I use special HTML attributes (e.g. pre-filling) when embedding?

There are a few special HTML attributes that can be added to an embedded form that can be quite useful. Here's how to use them.

1. Take your standard embed code:

 <div data-paperform-id="newsletter"></div><script>(function() {var script = document.createElement('script'); script.src = "[https://paperform.co/__embed](https://paperform.co/__embed)"; document.body.appendChild(script); })()</script>

1. Add the attributes after the "<div " and before the "data-paperform-id". For example, if I were to add the attribute data-prefill-inherit="1" then the first part of the embed code looks like this:

<div data-prefill-inherit="1" data-paperform-id="newsletter"></div>

data-prefill="KEY=value&KEY2=value" The data pre-fill attribute is used to pass hardcoded pre-fill values through to the form.

data-prefill-inherit="1" Passes through the URL Parameters of the page the form is embedded on to the form, so you can dynamically pre-fill the embedded form through the URL of the page.**

data-scroll-offset="NUMBER" By default when changing pages on an inline embedded form, the page is automatically scrolled to the top of the form. However, if the page the form is embedded on has a fixed header, the form can be behind the heading, hiding the top of the form. Set the data-scroll-offset attribute to the height of the fixed header in pixels to offset the automatic scrolling.

data-no-scroll="1" By default when changing pages on an inline embedded form, the page is automatically scrolled to the top of the form. Setting this attribute turns off this automatic scrolling.