Address Autocomplete for Sitto Studios

Address Finder

For Sitto Studios - Pricing Page Integration

Address details will appear here when selected

Google API Setup for Sitto Studios

1

Create Google Cloud Project

Go to Google Cloud Console and create a new project named "Sitto Studios Address Finder".

2

Enable Required APIs

Enable these APIs for your project:

  • Maps JavaScript API
  • Places API
3

Create OAuth Client ID

In APIs & Services > Credentials:

  • Click "Create Credentials" > OAuth client ID
  • Select "Web application" as the application type
4

Set Authorized JavaScript Origins

Add these domains:

https://www.sittostudios.com
https://sittostudios.com
5

Set Authorized Redirect URIs

Add these URIs:

https://www.sittostudios.com/oauth2callback
https://sittostudios.com/oauth2callback
6

Create and Restrict API Key

Create an API key and restrict it to:

  • HTTP referrers: https://www.sittostudios.com/*
  • APIs: Maps JavaScript API & Places API
7

Enter Your API Key

Use your key in the component:

This component is ready for integration at sittostudios.com/pricing

API Key: Not set