Jotform makes it easy to add a polished, ready-to-use UK city selector to any form without the headache of building or updating your own list. The UK City Picker widget gives you a complete dropdown of cities across the United Kingdom, so your users can quickly and accurately pick their location with just a click. It keeps your forms clean, consistent, and user-friendly — especially when you need precise city data without extra work on your side.
Whether you’re creating registrations, surveys, bookings, or contact forms, this widget helps you collect structured location information while smoothing the experience for your users. It’s a small addition that makes your form feel more complete and thoughtful, saving you time and effort in the process.
Here are a few ways to use it:
- Let your users pick their city in the UK quickly and easily.
- Keep city entries accurate and free from spelling mistakes.
- Make address, registration, booking, or contact forms simple for your UK audience.
- Collect city data consistently across all submissions.
- Help users finish your forms faster by replacing free-text city fields.
- Guide people smoothly through multi-step registration or application forms.
- Prevent errors and missing information on long or detailed forms.
- Boost survey or feedback form completion rates with clear, structured location options.
- Give your customers a faster, more intuitive experience when filling out orders or service requests.
Whether you’re creating a new form or updating an existing one, you can add and set up the UK City Picker widget in a few easy steps. Here’s how to do it:
- In Form Builder, click on Add Element on the left side of the page.
- Now, in the Form Elements menu, under the Widgets tab, search for UK City Picker and click on it. Or, just drag and drop it to where you want it to be on your form.
- Next, in the Widget Settings menu that opens on the right side of the page, under the General tab, select No in the Abbreviate States Dropdown menu if you want the form to submit the state’s full name. Or, keep it set to Yes to submit the abbreviated version of the selected state.
- Once you’re done, click on Update.
That’s it. Now you’ve added and set up the UK City Picker widget on your form. Wondering how it looks in action? Check out this demo form.
Notes
- For advanced styling of the UK City Picker widget, you can add your own custom CSS code under the Custom CSS tab in the Widget Settings. Our guide on How to Inject CSS Codes to Widgets walks you through everything.
- You can also configure the widget properties, like alignment, labels, size, visibility, and more, to control how it looks and behaves on your form. Check out our guide on How to Access and Configure the Question Properties of a Widget to learn more.




Send Comment: