To add a country dropdown list to your Contact Form in Webflow, you need to add a Select field manually and populate it with country options.
- Open your project in Webflow Designer.
- Navigate to the Contact Form where you want the country list.
- Drag a Select element from the Form section in the Add panel and place it within the form.
2. Populate the Country List Options
Webflow does not provide a built-in global country list, so you'll need to paste country options manually or use a third-party resource.
- Select the Select field, then in the right-side Element Settings panel, click + Add Option repeatedly or paste multiple options at once.
- You can bulk-paste options. Use this method:
- Prepare a plain-text country list with each country on a new line (e.g., in a text editor or spreadsheet).
- Copy the entire list.
- Click the Select field in Webflow, then paste it directly into the field. Webflow will create individual options from the pasted lines.
Example:
- Afghanistan
- Albania
- Algeria
- … and so on
You can get a country list from sites like https://www.iban.com/country-codes or via a CSV file from ISO-standard country name providers.
3. Adjust Placeholder and Values
- Change the first option to act as a placeholder (e.g., “Select your country” with a blank value).
- Ensure each option’s Value matches the country Label unless you have a reason to change it.
4. Publish the Changes
- After adding the full list, publish your site to see the updated form live.
Summary
To add a country dropdown to your Webflow contact form, insert a Select field, manually paste a preformatted country list, and adjust placeholder text. Webflow doesn’t include a native country list, so use a reliable resource to source the data.