Google Autocomplete & Cashier Integration


Bold Cashier integrates with Google Autocomplete to provide your customers with the flexibility to more easily check out on your site.

Autocomplete uses Google's API technology to find addresses relevant to what the customer is typing in your checkout.

To integrate Google Autocomplete with Cashier, please follow these steps:

  1. Log into the Google API Console.
  2. Select Select a project.

    Select Start a Project

  3. Select your project.

    Select Your Project

    If you don't have a project yet, you need to create one:

    1. Select Create Project.

      Select Create Project

    2. Enter a Project Name.

      Enter Project Name

    3. Select Browse to choose a location.

      Select Location

    4. Select the location, then choose Select.

      Select Location Choose Select

    5. Select Create.

      Select Create

  4. Look for Google Places API Web Service and Google Maps Javascript API.

    Look For APIs

    If the APIs are not listed, enable them:

    1. Select Enable APIs and Services.

      Select Enable APIs and Services

    2. Search for Places API.

      Search Places API

    3. Select Places API.

      Select Places API

    4. Select Enable.

      Select Enable

    5. Search for Google Maps Javascript API.

      Search Google Maps JavaScript API

    6. Select Google Maps Javascript API.

      Select Google Maps JavaScript API

    7. Select Enable.

      Select Enable

  5. Select Credentials.

    Select Credentials

    If there are no credentials, you will need to create one:

    1. Select Create credentials.

      Select Create Credentials

    2. Select API key.

      Select API key

  6. Select the API Key Name.

    Select API Key Name

  7. Under "Key restriction", review what is selected:
    • If none are selected, continue to step 8.

      Continue to Step 8

    • If "HTTP referrers (websites)" is selected, enter in the "Accept requests from these HTTP referrers (websites)" field.

      Select HTTP referrers

  8. Select Save.

    Select Save

  9. Select the API key.

    Select the API Key

  10. Copy your API Key.

    Right Click/Select Copy

  11. From Shopify's admin, select Apps.

    Select Apps

  12. Select Bold Cashier.

    Select Bold Cashier

  13. Select Settings, then General Settings.

    Select Settings/General Settings

  14. Navigate to the "Google Autocomplete" section.

    Navigate to Google Autocomplete

  15. Paste your API key into the "API Key" field.

    Enter API Key

  16. Select Save.

    Select Save

That's it!

Next Steps:

Blog Posts:

1 out of 1 found this helpful



Please sign in to leave a comment.