Prefill form and embed in Webflow

You have a question mark before background color, when it should be an ampersand.

Hey @ScottWorld, thanks for your answer. Maybe i am still doing something wrong, but also with “&backgroundColor” instead of “?backgroundColor” its still not working. No airtable is shown in the published website.

As mentioned within the airtable documention:
If you wish to prefill more fields, enter an ampersand ( & ) and then enter more prefill_ parameters.

To clearify: i only have one prefillparameter. The “?backgroundColor=cyan” is auto-generated from the airtable embed code.

Also when i just remove the “?backgroundColor=cyan”, its also not working.

Thanks for any help.
Joe

Ah, thanks for the info. It’s very possible that pre-filling forms might not work when embedding forms in another website. Pre-filling forms might only work if you’re using the form using its normal share link (which keeps it within the Airtable domain). I’m assuming that you CAN get the prefill to work properly if you just use the normal share link for the form?

Hey, that was fast! Thanks for your support!

Yes, prefill only works fine when using the normal airtable share link.
Thats why i just copied the prefill url within the embed code, which doesn´t work for me right now.

Here’s how inline URL arguments work. The first one after the primary URL uses the ? separator between the URL and the attribute you’re passing…

www.website.com/something?attribute=value

Additional attributes are added using the & separator:

www.website.com/something?attribute=value&attribute2=value2&attribute3=value3

Whether you add your prefill attribute before or after the existing background color attribute is irrelevant, as long as the separator order stays as it should: ? for the first one, and & for all the rest. If you leave the background color attribute where it was and add yours after it, it would look like this:

<script src="https://static.airtable.com/js/embed/embed_snippet_v1.js"></script><iframe class="airtable-embed airtable-dynamic-height" src="https://airtable.com/embed/shrbasdada21212?backgroundColor=cyan&prefill_ProjectName=project_one" frameborder="0" onmousewheel="" width="100%" height="979" style="background: transparent; border: 1px solid #ccc;"></iframe>

If you flip the order, it should look like this:

<script src="https://static.airtable.com/js/embed/embed_snippet_v1.js"></script><iframe class="airtable-embed airtable-dynamic-height" src="https://airtable.com/embed/shrbasdada21212?prefill_ProjectName=project_one&backgroundColor=cyan" frameborder="0" onmousewheel="" width="100%" height="979" style="background: transparent; border: 1px solid #ccc;"></iframe>

All that aside, I should ask this: are you sure this is the correct embed URL for your form? When checking a form of my own, I don’t see a background color attribute in the embed URL. In fact, I don’t recall seeing background colors in the URLs of any views I’ve embedded, forms or otherwise.