Dynamically populate form dropdown options with a Webhook

Fillout supports dropdowns with dynamically populated options, populated from a REST API endpoint of your choice.

Note: this feature is only available on Fillout's Business and Enterprise plans.
Note: this feature is only available on Fillout's Business and Enterprise plans.

1. Add a Webhook integration

Go to the "integrations" tab and add a "Webhook" integration.

2. Add a "pre-fetch" step to the Webhook integration

Press "Add new" in the pre-fetch section of your Webhook integration. Choose a recognizable name for your pre-fetch (the name is used only for your reference).
notion image
You can learn more about pre-fetch steps here.

3. Setup your "pre-fetch" step

Enter the base URL of your API and any parameters you would like to pass.
Your API endpoint must return an array of objects, with each object containing a "value" property. For example:
notion image
4. Choose a dropdown field to pre-populate
If your API endpoint successfully returns an array of object as described above, you'll see an option to choose a dropdown to pre-populate. You can choose from any existing dropdown in your form.
notion image
That's it! Your dropdown will now populate its options from your Webhook.