​
Overview

Passing data to your embedded Fillout form can be used to:

​
Pass dynamic URL parameters (hidden fields) to your embed

1

Register URL parameters, if you haven’t yet.

Add your parameter in the Settings page of your form. More information here.

2

Paste the code

Select one of the Embed options followed by Get the code. Then paste into your site.

You can optionally customize how the embed and button will look.

3

In the Embed code, add data attributes for each URL parameter

To pass a URL parameter to the embed, add a data-[parameter] attribute to the element in the snippet.

For example, if you’re embedding this form on your site which is a Facebook-related campaign, and you have a URL parameter of ref, you can use data-ref="Facebook". Your embedding code will look something like this:

<div data-fillout-id="cwb3NdqFmJus" data-fillout-embed-type="standard" style="width:100%;height:500px;" data-fillout-inherit-parameters data-fillout-dynamic-resize data-ref="Facebook"></div><script src="https://server.fillout.com/embed/v1/"></script>

Embeds will automatically inherit URL parameters from the parent page that they’re on, so if your main site already has these, you simply need to register the parameter in your form to use it.

4

Share your form link

Once everything is set, click Publish in the upper right corner and share your form.

URL Parameters

Pass information to a Fillout form to support pre-filling and personalizing of the form.

Update existing Airtable records

Edit existing records in Airtable and pre-fill fields with data from the record.

Update existing Notion pages

Edit existing Notion pages and pre-fill fields with data from the page.