Webflow answer

Where can I find a country list option to add to my Contact Form in Webflow? How do I install it?

TL;DR

  • Add a Select element to your Webflow form and label it “Country”.  
  • Delete default options and either manually input countries or paste a full list using custom code through an Embed element.  
  • Publish and test the form to ensure the country field is submitting correctly.

To add a country list dropdown to your Webflow Contact Form, you’ll need to manually create this using a Dropdown or Select element, since Webflow does not offer a built-in auto-generated country list. Here's how to install it:

1. Add a Select Element to Your Form

  • Open the Webflow Designer and go to your Contact Form.
  • From the Add panel, drag a Select element into the form where you want the country list.
  • Select the newly added element and rename the field label to “Country” or your preferred name.

2. Populate the Dropdown with Country Options

  • By default, the Select element includes a few sample options.
  • Delete these sample options.
  • Manually add new options or paste a pre-made list.

3. Use a Pre-Made Country List (Recommended)

Use a service or tool to get a ready-formatted country list:

  • Go to a trusted source like https://www.textfixer.com/tools/country-list.php.
  • Copy the full list of countries in the HTML <option> format.
  • In Webflow, click on the Select element, then:
  • In the Element Settings panel, click “+ Add Option” until you add all items.
  • Or, to speed things up, use custom code (see note below).

4. Use Custom Code (Optional for Easier Setup)

Webflow doesn’t allow pasting all <option> tags directly into the Designer interface, but you can:

  • Add an Embed element just above or inside the Contact Form.
  • Paste a <select name="country">...</select> list inside the Embed.
  • Style it via custom CSS if needed.

Note: This method bypasses Webflow’s native form elements, so form submissions will still work but styling/customization takes extra steps.

5. Test Your Form

  • After adding the country list, publish your site and test the form.
  • Submit a sample entry and verify that the country field is captured in the form submission email or Webflow dashboard.

Summary

To add a country list to your Webflow form, insert a Select element and either manually create the options or use a preformatted list with custom code via an Embed element. Webflow does not autogenerate country lists, so it must be added by you manually or via embed.

Other Webflow questions