Fastest Google Places Autocomplete

✅

Plugin page:https://zeroqode.com/plugin/fastest-google-places-autocomplete-plugin-for-bubble--1544612805685x644407669572501500

Demo to preview the plugin:

✅

Live demo: https://zeroqode-demo-13.bubbleapps.io/google_places

✅

Bubble Editor: https://bubble.io/page?version=live&id=zeroqode-demo-13&name=google_places&tab=tabs-1

Introduction

Add client-side Google Places autocomplete with full place data. It combines a ready-to-use Bubble element interface, direct API connectivity for advanced use cases so you can move from setup to production quickly. Use it to reduce custom development time, keep configuration flexible, and ship a polished experience faster.

Prerequisites

Setting the Google API Key (https://cloud.google.com/maps-platform/places/).

❗

Important: The plugin works only with the Bubble Map and Input elements.

🔗

Note: You may need to enable Directions, Places API in Google Cloud Platform. After the Google Timezone update (May 2020), all users have to set up the Geolocation in the Settings > General tab: https://manual.bubble.io/help-guides/integrations/api/the-api-connector/api-guides/google-translate/how-to-setup-google-api-keys

How to setup

Step 1 - Install the Plugin

Step 2 Create and Configure Your Google API Key

Step 3 - Add the Element to Your Page

Step 4 - Configure Properties

Plugin Element - Google Autocomplete

Fastest Google Places Autocomplete helps your app deliver a faster and clearer user experience for this feature. Google Autocomplete is the part users interact with to run this functionality directly on the page. Use it to configure behavior quickly and launch a polished flow without extra custom code.

Fields

Exposed States

Name	Description	Type
Full Address	Containing the human-readable address of this place.	text
Place Name	Contains the human-readable name for the returned result. For establishment results, this is usually the canonicalized business name.	text
Position LatLong	An array with lat and long data.	number
Place ID	A textual identifier that uniquely identifies a place.	text
Place photo url	Place photo URL	text
Website	Lists the authoritative website for this place, such as a business’ homepage.	text
Phone Number	The place’s phone number in its local format.	text
Rating	Contains the place’s rating, from 1.0 to 5.0, based on aggregated user reviews.	number
International Phone Number	Contains the place’s phone number in international format. International format includes the country code, and is prefixed with the plus (+) sign.	text
Opening Hours Text List	Contain the opening hours	text
User Ratings Total	Contain the all users ratings.	number
Map URL	Contains the URL of the official Google page for this place.	text
Address Component	An array containing the separate components applicable to this address	custom_data_ADM
Business Status	Indicates the operational status of the place, if it is a business.	text
Adr Address	Representation of the place’s address in the adr microformat.	text
Plus Code	An encoded location reference, derived from latitude and longitude coordinates, that represents an area: 1/8000th of a degree by 1/8000th of a degree (about 14m x 14m at the equator) or smaller. Plus codes can be used as a replacement for street addresses in places where they do not exist (where buildings are not numbered or streets are not named).	text
Price Level	The price level of the place, on a scale of 0 to 4. The exact amount indicated by a specific value will vary from region to region. Price levels are interpreted as follows: 0 — Free 1 — Inexpensive 2 — Moderate 3 — Expensive 4 — Very Expensive	number
Reviews	A JSON array of up to five reviews.	custom_data_ADL
Types	Contains an array of feature types describing the given result.	text
[deprecated] Vicinity	Lists a simplified address for the place, including the street name, street number, and locality, but not the province/state, postal code, or country.	text

Element Events

Plugin Data/Action Calls

Reviews

Address component

Workflow example

When User Selects a Location

Changelogs

Update 11.03.26 - Version 2.0.0

Bubble Plugin Page Update (Docs).

Update 02.02.26 - Version 1.56.0

Fixed dropdown position.

Update 19.11.25 - Version 1.55.0

updated API version.

Update 09.07.25 - Version 1.54.0

Bubble Plugin Page Update (Logo).

Update 23.06.25 - Version 1.53.0

Bubble Plugin Page Update (Logo).

Update 14.06.25 - Version 1.52.0

Migrated "Autocomplete" element..

Update 12.06.25 - Version 1.51.0

Marketing update (minor change).

Update 22.11.24 - Version 1.50.0

Minor update(Marketing update).

Update 14.11.24 - Version 1.49.0

Minor update (Marketing update).

Update 28.10.24 - Version 1.48.0

Minor update (Marketing update).

Update 24.10.24 - Version 1.47.0

Removing keys from the plugin.

Update 23.07.24 - Version 1.46.0

Minor update.

Update 10.06.24 - Version 1.45.0

Updated demo/service links.

Update 13.03.24 - Version 1.44.0

Added "Focus on reset" field..

Update 06.02.24 - Version 1.43.0

Minor fixes.

Update 26.01.24 - Version 1.42.0

Added element resizing functionality.

Update 17.01.24 - Version 1.41.0

updated description.

Update 15.01.24 - Version 1.40.0

updated description.

Update 15.01.24 - Version 1.39.0

Minor fixes.

Update 19.10.23 - Version 1.38.0

Updated description.

Update 18.09.23 - Version 1.37.0

updated description.

Update 13.09.23 - Version 1.36.0

minor updates.

Update 06.09.23 - Version 1.35.0

Obfuscation.

Update 11.07.23 - Version 1.34.0

updated description.

Update 17.06.23 - Version 1.33.0

Updated the description .

Update 23.02.23 - Version 1.32.0

deleted the icons.

Update 21.02.23 - Version 1.31.0

updated the description.

Update 02.02.23 - Version 1.30.0

Updated description.

Update 20.01.23 - Version 1.29.0

Updated description.

Update 19.09.22 - Version 1.28.0

Adjusted common part.

Update 29.08.22 - Version 1.27.0

Updated common part.

Update 03.07.22 - Version 1.26.0

added waiting for page loading.

Update 07.06.22 - Version 1.25.0

minor changes.

Update 03.06.22 - Version 1.24.0

minor fixies.

Update 27.05.22 - Version 1.23.0

"Removed outdated statutes that caused the error message".

Update 28.07.21 - Version 1.22.0

Updated description.

Update 19.07.21 - Version 1.21.0

Updated icon.

Update 30.04.21 - Version 1.20.0

Added new states to display all details of a place.

Update 09.04.21 - Version 1.19.0

Added the ability to enable/disable some details about the place.

Update 09.02.21 - Version 1.18.0

Updated icon.

Update 19.01.21 - Version 1.17.0

Fixed issue with focus to null.

Update 11.08.20 - Version 1.16.0

Updated API Keys and fixed bugs.

Update 18.02.20 - Version 1.15.0

Update - enforce users to use bubble standard map to ensure good work of plugin..

Update 23.01.20 - Version 1.14.0

Update - autocoplete input with location name only full address doesn't contains it..

Update 22.01.20 - Version 1.13.0

Update - added Reset action, returning full name and full address in search input.

Update 17.01.20 - Version 1.12.0

Fixes - return entire selected address for the bubble input element used..

Update 10.10.19 - Version 1.11.0

Improvement - Added action to fetch place data by its ID, also added a couple of new useful states.

Update 12.08.19 - Version 1.10.0

Fixed the issue with multiple countries filter.

Update 06.06.19 - Version 1.9.0

minor fixes.

Update 04.06.19 - Version 1.8.0

Major improvements.

Update 27.05.19 - Version 1.7.0

Minor fixes.

Update 19.01.19 - Version 1.6.0

Minor fixes.

Update 15.01.19 - Version 1.5.0

Minor improvements.

Update 12.01.19 - Version 1.4.0

Added ability to set location (latitude and longitude) and set the radius ( in metres ) to search. 2. Support of multiply inputs, insert id of each input separated by a comma. .

Update 07.01.19 - Version 1.3.0

minor improvements.

Update 19.12.18 - Version 1.2.0

Added Place ID state. 2) Added Place Photo url State. 3) Added select language for results 4) Predictions can be disabled from input and shown in state 5) Added oportunity to restrict search to a specific country or a list of countries..

Update 17.12.18 - Version 1.1.0

Updated Description.

Update 13.12.18 - Version 1.0.0

Initial Release.

Name	Description	Type
Input ID	Search input ID	text
Place Type	Search type	Dropdown
Results language	Choose language for prediction results. Works only if NOT using with google maps together.	Dropdown
Country	Restrict search to specific country	Dropdown
Search country restriction for input predictions	Search country restriction for input predictions sets this option for the plugin and accepts Label input.	Label
—- Or select many —-	—- Or select many —- sets this option for the plugin and accepts Label input.	Label
Countries	Full countries names, separated by a comma. Max 5 countries !	text
Latitude	lat	number
Longitude	lng	number
Radius	The distance (in meters) within which to return place results. Note that setting a radius biases results to the indicated area	number
Restrict to location	Restrict to location sets this option for the plugin and accepts Label input.	Label
Contact Data	Сheckbox to enable to get SKUs Data for each Places request.	Checkbox
Atmosphere Data	The Atmosphere Data SKU is triggered when any of these fields are requested: price_level, rating, review, user_ratings_total.	Checkbox
Focus on reset	Sets focus on the input element whenever a ‘Reset relevant inputs’ or ‘Reset Group’ action runs on this element.	Checkbox

Name	Description	Type
response	Returns structured response data from this API call.	object

Name	Description
newPosition	newPosition triggers when this element event fires.