Formsort
Search…
Embed query parameters
Passing data to an embed
You can also pass data into your form flows when they're configured as embeds using query parameters. Additional documentation is available in the web embed page.
Using the embed snippet?
If you are using the embed snippet, you can enable the Load with url parameters setting to have access to all URL parameters in the containing page.

Example: Passing in data to a React component

This example demonstrates how you can load a react component and pass in a zipcode of 01234
1
import React from "react";
2
import EmbedFlow from "@formsort/react-embed";
3
const EmbedFlowExample: React.FunctionComponent = () => (
4
<div>
5
<EmbedFlow
6
clientLabel="formsort"
7
flowLabel="onboarding"
8
variantLabel="main"
9
embedConfig={{
10
style: {
11
width: "100%",
12
height: "100%"
13
}
14
}}
15
queryParams={["zipcode", "01234"]}
16
/>
17
</div>
18
);
Copied!