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

import React from "react";
import EmbedFlow from "@formsort/react-embed";
const EmbedFlowExample: React.FunctionComponent = () => (
  <div>
    <EmbedFlow
      clientLabel="formsort"
      flowLabel="onboarding"
      variantLabel="main"
      embedConfig={{
        style: {
          width: "100%",
          height: "100%"
        }
      }}
      queryParams={["zipcode", "01234"]}
    />
  </div>
);