Demo to preview the plugin:
Introduction
This plugin integrates with the Smarty API to deliver precise address validation and autocompletion for forms. By automatically verifying and formatting address inputs, it ensures data accuracy and speeds up form completion. Ideal for workflows requiring reliable address entry, this plugin enhances user experience and reduces errors in address data.
How to setup
Accessing the API Keys Section
- Log in to your Smarty account.
- From the side menu, select API Keys.
- Go to the Embedded Keys tab.
- Click the edit button (the pencil icon ✎) next to the respective key.
5. Add our domain ex:(
zeroqode-demo-35.bubbleapps.io).
Accessing Subscriptions
- From the left-hand menu, select Subscriptions.
- The Subscriptions page will display all available products and their details.
- Here, make sure you have activated the following products:
- US Address Autocomplete, US Address Autocomplete Pro Edition, Cloud License.
Plugin Element Properties
smarty
Fields:
Title | Description | Type |
🛠️Plugin Setting | ||
API Key | This field is used to store the API key required to access Smarty’s services. The user should enter their Smarty API key here to enable the plugin to authenticate requests. | Text |
Input ID | This field specifies the HTML ID of the input element where the address autocomplete will be applied. The user should enter the ID of the input field to which they want to add autocomplete functionality. | Text |
Element Actions
- Address Validation - The Address Validation service powered by the Smarty US Autocomplete Pro API is designed to ensure accurate and efficient address input in web applications
Exposed states
Title | Description | Type |
Cities | This field contains a list of city names associated with the address suggestions. Each item in the list represents a city suggested by the Smarty autocomplete API for the entered address. | Text |
Street Lines | This field contains a list of street names (primary address lines) associated with the address suggestions. Each item in the list represents a street address suggestion provided by the API. | Text |
Secondaries | This field contains a list of secondary address details (e.g., apartment, unit) associated with the address suggestions. Each item in the list represents a secondary detail suggestion for completing the address. | Text |
States | This field contains a list of state names associated with the address suggestions. Each item in the list represents a state suggested by the API for the entered address. | Text |
Zipcode | This field contains a list of zip codes associated with the address suggestions. Each item in the list represents a zip code suggested by the API for the entered address. | Text |
Error message | This field contains error messages if the API request for autocomplete or address validation fails. It’s a simple text message that informs users of issues encountered during the autocomplete or validation process. | Text |
The address is valid | This field indicates whether the provided address is valid. The value can be yes or no, based on the result of the address validation by the API. | yes/no |
Address List | list of suggested addresses | Text |
Element Events
Title | Description |
Error | is an event that is triggered when you receive an error |
