How to Use the New Autocomplete Block for Smart Lists
•
4 minutes read
The new Autocomplete block allows your agents to display extensive lists with smart search functionality. It’s perfect for selecting countries, cities, languages, products, or communication channels without overwhelming the user interface.
🚀 What is the Autocomplete Block?
The Autocomplete block is an upgrade over traditional dropdown menus. As users type, the system suggests matches in real-time. It’s ideal for long lists like:
- Countries of the world
- Available languages
- Products or services
- Cities or locations
🛠 Step-by-Step Setup
- Add the
Autocompleteblock to your flow.
- Define the prompt to the user: "Which country are you from?"
- Select a preset dataset or create your own custom list.
- Enable options based on your needs:
Required: user must select an option.Restrict to list: prevents entering values outside the list.Fuzzy search: allows partial matches and typo tolerance.
- Store the selected value in a variable to use later in the flow.
✨ Available Options
| Option | Description |
|---|---|
Placeholder | Initial hint text ("Search your city...") |
Button | Submit button label |
Presets | Countries, languages, channels, etc. |
Custom Items | Key-value list (e.g., FR: "France") |
Max suggestions | Limit shown suggestions |
Min characters to search | Minimum input length before search starts |
Save selected value | Save visible label ("France") |
Save selected key | Save internal key ("FR") |
💡 Recommended Use Cases
🌍 1. Country Selector
"Which country do you live in?"
- Enable fuzzy search for typo tolerance.
- Store key in
user_country_code, value inuser_country_name.
📦 2. Product Selector
"Choose a product to get a quote:"
- Use a custom list (
value: SKU,name: visible label). - Connect the selection to Google Sheets queries.
🗣️ 3. Language Preference
"What language would you like to continue in?"
- Show ISO language codes (
es,en,pt). - Redirect based on the selected result.
🧠 Best Practices
- Combine Autocomplete with the Condition block to trigger custom logic based on the user's selection.
- Use "Restrict to list only" when standardizing input is critical and you want to avoid errors.
- For lists over 500 items, limit suggestions to 10 and require at least 3 characters to search for performance.
📊 Analytics and Tracking
Responses from the Autocomplete block are stored as variables and visible in your Submissions dashboard. You can export or analyze them in real time to optimize your flow and understand common selections.
