CMS: Adding and Setting Up an Address Input Element

5 min read
Add an address input element to give visitors a way to submit addresses to your collection. The address input uses Google's search and auto-fill features to help visitors find what they need. 
Before you begin:
This element is not available in Editor X.

Step 1 | Add and set up the address input

After adding the address input to your page, customize the settings, layout and design of this element. 
Wix Editor
Studio Editor
  1. Click Add Elements on the left side of the Editor.
  2. Click Input.
  3. Click Address Input
  4. Click and drag the address input element of your choice onto the page. 
  1. Click Settings on the address input element.
  2. Enter the Field title that will display at the top of the slider.  
  3. Enter the Placeholder text that appears in the field before visitors type in it.
    Tip: If you do not want placeholder text, click None under Initial text
  4. (Optional) Click the Read only checkbox to restrict the address input from writing content to the collection. This is helpful if you're using the element to display content rather than submit it.
  5. Choose an option under Address autocomplete: 
    • All countries: When visitors type, autocomplete uses addresses from every country to help finish the address input. 
    • One country: When visitors type, autocomplete only uses addresses from one country to help finish the address input. Click the Choose a country drop-down and select the country to use. 
  6. Click the Layout icon  to set text alignment, placeholder padding, and the dropdown list display. 
  7. Click the Design icon  to choose a preset design. Then click Customize Design to adjust the design further. 

Step 2 | Connect the address input to the CMS

Connect the address input to a dataset that connects to the collection where the submissions will be stored. You can connect to an existing address field type or create a new one in your collection. 
Wix Editor
Studio Editor
  1. In your Editor, click the address input element. 
  2. Click the Connect to CMS icon .
  3. Click the Choose a dataset drop-down and select an existing dataset that connects to your collection. Alternatively, click Add a Dataset, then choose the collection you want to connect, give the dataset a name and click Create.
  4. Click the Value connects to drop-down and choose the address field that the input submits to.
    Tip: Select Add new field to add a new collection field for storing the submissions.

Next, make sure to:

Did this help?