MARKETPLACE
PLUGINS
GOOGLE LOCATION AUTOCOMPLETE
Google Location Autocomplete logo

Google Location Autocomplete

Published January 2024
   •    Updated January 2026

Plugin details

Google location autocomplete - turn any input on your page into the most widely used autocomplete input using Google Places API!
The plugin gives you access to the majority of the fields returned by Places API, such as:
- Formatted address
- All photos
- All reviews
- Opening hours and a flag stating whether the place is currently open
- And others - you can find the full list of available fields in our demo

If there is another piece of data you need and we don't yet provide it - feel free to drop us a message, we'll be delighted to fix it if Google provides it!

You can find the Google documentation for the Places API response here:
https://developers.google.com/maps/documentation/places/web-service/autocomplete#place_autocomplete_responses


*Demo Editor*: https://bubble.io/page?type=page&name=google-location-auto&id=contact-96348&tab=tabs-1

You can also check out the tutorial video here: https://youtu.be/fmyTd92ic5Q

$50

One time  •  Or  $5/mo

stars   •   0 ratings
27 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Devs(K)no(w)Code logo
Devs(K)no(w)Code
Joined 2023   •   6 Plugins
View contributor profile

Instructions

In order to make this plugin work you will need to configure a couple things in Bubble and Google: - API KEY:
  You need to obtain a Google places API key from Google. You can find instructions here: https://developers.google.com/maps/documentation/places/web-service/get-api-key

   Once you have the api key, you need to add it to the plugin configuration - you can do so from the Bubble Editor -> Plugins -> Google Location Autocomplete -> GOOGLE_LOCATION_API_KEY

- Turn on inputIds
   In order to show the autocomplete plugin which input you want to use as autocomplete, you need to be able to set the inputId for your inputs. In order to enable this option, in your Bubble Editor go to Settings -> General -> Scroll to very bottom and tick "Expose the option to add an ID attribute to HTML elements"
  When that option is enabled, you will have a new field in the bottom of "Appearance" tab of you inputs - "ID attribute". The value in this field has to match the value in "autocompleteinputid" value on "Appearance" tab of our Autocomplete element.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Data (things)   •   Location   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble