How to pass field values with embedded form

Support
1

I’m embedding my form in several places on my website, but I’d like to pass a value to each form depending on where I embed it. For instance, my form has three sections where they can see pricing, search team availability, or build a custom quote. I’d like to have a hidden field value route them to the appropriate step on form load based on which page they are on on my website.

Does that make sense?

2

Hi Adam, this is possible as long as you have accessible identifiers in your website. The simplest would be if these several places on your website are on different pages with unique URLs, you can use those to set up conditional rules to redirect to different steps.

3

So I would need to pass field values in the page url? Could I pass them in the embed code somehow instead?

4

You can utilize goToStep function on your embed code for that: Context API | Feathery Docs

5

Can you write out an example what that JS embed code would look like?

6

For JS, you can use initialStepId on this part of the embed code

Feathery.renderAt('container', { formId: "ABC123", initialStepId: "Step 1" }, loginEnabled);

Reference: <Form> | Feathery Docs