Address autocomplete integration

Address autocomplete integration

In this guide, we will give you insights into the Address Autocomplete integration, along with detailed instructions and important notes for integrating it into your app.

1. About Address autocomplete

Address autocomplete assists users in quickly and accurately entering their address information, which can minimize address entry errors and greatly enhance the user experience. The integration offers the current location and a list of address suggestions when users begin typing a few first characters.

Once Address autocomplete connected, it is supported in any native form asking for an address, such as Add Address and Edit Address. Please note that users can only see their current location when they grant location permission for the first-time use. 
If the app uses the web checkout, then this feature is not in scope for the checkout. Logged-in users use the app's address book and not-logged-in users follow BigCommerce functionality.

2. Connecting Address autocomplete to your app

2.1. Access the Google Maps API key

You’ll need to have a Google Cloud project with billing enabled in order to get a valid API key. To access the API key, follow the steps below:
  1. Log in to the Google API Console.
  2. Click Select a project and choose your existing project.
  3. Navigate to Credentials, and you will see the API Keys section. Click the key (consider restricting access as described in a note), and then copy it.  


Below are some notes on optimizing costs for Google Maps and restricting API keys.
  1. Google Maps Platform has adopted a pay-as-you-go pricing model. After thoroughly analyzing the cost optimization best practices, we suggest the implementation of the Geocoding API and Place Autocomplete per request.
  1. You are advised to restrict the API key to ensure the security of your API credentials. In our implementation, edit your API key and make the following changes:
    1. Select IP addresses in the application restriction section. A list of our IP addresses will be shared with you.
    2. In the API restrictions section, select Restrict key, and then enable Geocoding API and Places API.
If you need assistance in restricting your key, feel free to contact our customer support team

2.2. Provide the API key in Alphonso

  1. In Alphonso, navigate to Integrations, and then select Address autocomplete.
  2. Enter the API key in the Google Maps API key field. Finally, click Connect.


All's done!
If you have any further questions about using my account, we’re happy to help! Please reach out to us at customer.success@jmango360.com!
    • Related Articles

    • REVIEWS.io integration

      In this article, we'll offer an overview of REVIEWS.io and lead you through the process of connecting REVIEWS.io to your app with straightforward step-by-step guidance. When you enable REVIEWS.io in Alphonso, the integration will take effect ...
    • Getting started with Alphonso

      Welcome to Alphonso - the advanced app builder designed to empower you to create exceptional mobile apps. This article will take you on a guided tour of Alphonso and the core pages. By the end, you'll have a general understanding of leveraging ...
    • Push notifications in Alphonso

      Push notifications have been proven to be a direct and cost-efficient communication channel, fostering user engagement and retention. In this guide, we’ll explore the scope of push notifications in Alphonso and how to send push notifications. 1. ...
    • Configure the My Account page

      In this article, we'll explore the elements and configuration options that allow you to create a tailored and engaging experience for your app users. 1. About the My Account page The My Account page in your app is a crucial hub of information and ...
    • Overview of integrations

      1. About third-party integrations Integrations extend the functionality of your app, allowing you to provide a seamless shopping experience, leverage customer feedback, and optimize marketing efforts. If you're already using integrations on your ...