Google Places Bubble Mobile

Demo to preview the plugin:

✅

Live Demo: https://zeroqode-native-demo-10.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=Google Places

✅

Bubble Editor: https://bubble.io/page?id=zeroqode-native-demo-10&plugin=1771937114534x427231077548687360_current&tab=Design&name=Google+Places&type=page&version=live&elements=bTKSh0

Introduction

A fully interactive Google Places address autocomplete element for your Bubble native app, built on top of the Google Places API. It supports real-time address predictions, location bias, country filtering, place type selection, and full address component extraction — all accessible through Bubble states, events, and actions.

Prerequisites

No external API keys or third-party accounts are required - everything is included in the plugin for seamless integration.

This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at:

https://testflight.apple.com/join/zYsG4qua

⚠️

Please note that the testing app is currently available for iOS only.

How to setup

Step 1 – Add the Plugin Element to Your Page

Step 2 – Configure Properties

Plugin Element - Autocomplete Input

A Google Places address autocomplete element that embeds a real-time address search input in Bubble Mobile, allowing users to type and select addresses from live predictions, with full place data extraction and state reporting.

Name	Description	Type
API Key	Google Places API key used for autocomplete and place details	Text
Placeholder	Placeholder text shown in search input	Text
Place Type	Filter for place types (address, geocode, establishment, regions, cities, etc.)	Dropdown
Restricted Countries	Comma-separated country codes to restrict search (max 5)	Text
Bias Latitude	Latitude for location search bias	Number
Bias Longitude	Longitude for location search bias	Number
Bias Radius	Radius (meters) for location bias	Number
Language	Language code for Places API results (default en)	Text

Name	Description	Type
Index	Index of suggestion from the list of suggestions	Number

Name	Description	Type
Place Id	Selected place’s unique Google Places ID	Text
Place Name	Selected place display name	Text
Full Address	Full formatted address	Text
Street Number	Street number extracted from address	Text
Route	Street/route name	Text
City	City/locality name	Text
State	State/region name	Text
Country	Country name	Text
Country Code	Country short code (ISO)	Text
Postal Code	Postal/ZIP code	Text
Input Value	Current input text value	Text
Latitude	Selected place latitude coordinate	Number
Longitude	Selected place longitude coordinate	Number
Error Message	Error message when there is an error	Text
List of Suggestions	List of address suggestions	List of Text

Name	Description
Place Selected	Triggered when a user selects a place from the autocomplete results and place details are retrieved
Input Changed	Triggered whenever the text input value changes (user typing in the search field)
Suggestions Updated	Triggered when a list of suggestions is available or updated

Google Places Bubble Mobile

Demo to preview the plugin:

Introduction

Prerequisites

How to setup

Step 1 – Add the Plugin Element to Your Page

Step 2 – Configure Properties

Plugin Element - Autocomplete Input

Fields

Element Actions

Exposed states

Element Events

Workflow example

Reset Element Data

Changelogs