Skip to main content

Google Address Autocomplete for Elementor Pro Form

Updated over a week ago

This extension adds a field type that displays address suggestions from Google Places as the user types. When an address is selected, other form fields can be automatically filled with specific address components like street, city, or postal code.

You can choose this field from the Type list on Elementor Pro Forms.


Settings

  • Restrict Country - Select one or more countries to limit autocomplete suggestions. Leave empty for worldwide results.

  • Placeholder - Text displayed inside the field before the user types. Default is "Search for a location...".

  • Color Scheme - Choose between Light, Dark, or Auto (follows system preference) for the dropdown appearance.

Style options are limited because this field uses an official Google component.


Auto-fill Other Fields

Text, Textarea, and Hidden fields can be automatically filled when the user selects an address. Enable auto-fill from the Enchanted tab of any compatible field.

  • Auto-fill from Google Autocomplete - Enable this option to fill the field with address data.

  • Fill With - Select which address components to use: Street, Street Number, Postal Code, City, Province, Region, or Country. Multiple selections will be concatenated.

  • Separator - Characters to use between multiple components. Default is ", ".

  • Source Field - Choose Automatic to use the first Google Address Autocomplete field found in the form, or Select by ID to specify a particular field.

  • Source Field ID - Enter the ID of the Google Address Autocomplete field when using Select by ID.

Did this answer your question?