Populate dropdown options with a webhook
Fillout supports dropdowns with dynamically populated options, populated from a REST API endpoint of your choice.
What is a webhook
A webhook is a way for one system (like Fillout) to send real-time data to another system (like the 3rd party tools you use) as soon as an event occurs. Under the hood, a webhook is an HTTP callback and can be a GET, PUT, POST or DELETE request.
Β
How to use the webhook integration
1. Add a Webhook
Go to the Integrations tab and click
Webhook
.2. Add a Pre-fetch step to the Webhook integration
Toggle the
Advanced view
switch, then scroll down to Pre-fetch. Click + Add new
, then 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.
Β
Related article
Send form submissions to a webhookΒ