Tags
Address Autocomplete
Use this IntegrationAddress Autocomplete
Simplify the form filling process by autocompleting your user's address using the Google Maps API.
What you need
- An active Feathery account and form
- Google Maps API key from Google Cloud Console
What is Google Address Autocomplete?
Address autocomplete is a part of the Google Maps API. Use autocomplete to suggest and populate address details when users begin typing in their address in an input field.
How to set up
Create your Google Maps API credentials in Google Cloud Console and copy your API key.
.svg)
In Feathery, choose the form that you want to integrate with. Then, navigate to the Connect tab and click Google Address Autocomplete.
.svg)
Toggle on the integration and paste your Google Maps API key. Then click Save.
Usage
In the Feathery visual editor, the following fields under Advanced Fields will become available once you've activated your integration:
- Address Line 1
- Address Line 2
- City
- State
- Zip Code
Adding these fields to your form enables Google Address Autocomplete to predict and suggest addresses in a dropdown when a form user begins entering their address in Address Line 1.
When an address is selected from the dropdown, Google Address Autocomplete with populate the remaining address-related fields with the selected address' details.
.svg)
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the
"When inside of" nested selector
system.
This is a H6
- This is a list item
- This is another list item here
