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 Enterprise plan.
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).
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:
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.
That's it! Your dropdown will now populate its options from your Webhook.