diff --git a/docs/_images/integrations/builtin/credentials/google/add-uri.png b/docs/_images/integrations/builtin/credentials/google/add-uri.png new file mode 100644 index 000000000..e3c7eccc3 Binary files /dev/null and b/docs/_images/integrations/builtin/credentials/google/add-uri.png differ diff --git a/docs/_images/integrations/builtin/credentials/google/add-uri.snagx b/docs/_images/integrations/builtin/credentials/google/add-uri.snagx new file mode 100644 index 000000000..f848c3a80 Binary files /dev/null and b/docs/_images/integrations/builtin/credentials/google/add-uri.snagx differ diff --git a/docs/_images/integrations/builtin/credentials/google/application-web-application.png b/docs/_images/integrations/builtin/credentials/google/application-web-application.png new file mode 100644 index 000000000..f04969cec Binary files /dev/null and b/docs/_images/integrations/builtin/credentials/google/application-web-application.png differ diff --git a/docs/_images/integrations/builtin/credentials/google/application-web-application.snagx b/docs/_images/integrations/builtin/credentials/google/application-web-application.snagx new file mode 100644 index 000000000..90e1d9e06 Binary files /dev/null and b/docs/_images/integrations/builtin/credentials/google/application-web-application.snagx differ diff --git a/docs/integrations/builtin/credentials/google/oauth-generic.md b/docs/integrations/builtin/credentials/google/oauth-generic.md index 7c2740e72..214c2d32c 100644 --- a/docs/integrations/builtin/credentials/google/oauth-generic.md +++ b/docs/integrations/builtin/credentials/google/oauth-generic.md @@ -15,15 +15,30 @@ This document contains instructions for creating a generic OAuth2 Google credent 1. Follow the steps to [Create a credential](/credentials/add-edit-credentials/). If you create a credential by selecting **Create new** in the credentials dropdown in a node, n8n automatically creates the correct credential type for that node. If you select **Credentials > New**, you must browse for the credential type. To create a credential for a [custom API call](/integrations/custom-operations/), select **Google OAuth2 API**. This allows you to create a generic credential, then set its scopes. 2. Note the **OAuth Redirect URL** from the node credential modal. You'll need this in the next section. -![OAuth Callback URL](/_images/integrations/builtin/credentials/google/oauth_callback.png) + + ??? Details "View screenshot" + ![OAuth Callback URL](/_images/integrations/builtin/credentials/google/oauth_callback.png) + 3. You must provide the scopes for this credential. Refer to [Scopes](#scopes) for more information. ### Set up OAuth in Google Cloud 1. Go to [Google Cloud Console](https://console.cloud.google.com/apis/credentials){:target=_blank .external-link} and make sure you're in the project you want to use. -2. Select **+ CREATE CREDENTIALS > OAuth client ID**. If you're creating OAuth credentials for the first time, you must [configure the consent screen](https://support.google.com/cloud/answer/10311615?hl=en&ref_topic=3473162){:target=_blank .external-link}. + + ??? Details "View screenshot" + ![Google project dropdown](/_images/integrations/builtin/credentials/google/check-google-project.png) + +2. Select **+ CREATE CREDENTIALS > OAuth client ID**. If you're creating OAuth credentials for the first time, you must [configure the consent screen](https://support.google.com/cloud/answer/10311615?hl=en&ref_topic=3473162){:target=_blank .external-link}. + + ??? Details "View screenshot" + ![Create credentials](/_images/integrations/builtin/credentials/google/create-credentials.png) + 3. In the **Application type** dropdown, select **Web application**. Google automatically generates a name. -4. In Google Cloud, select **+ ADD URI**. Paste in the OAuth redirect URL from the previous step. +4. Under **Authorizes redirect URIs**, select **+ ADD URI**. Paste in the OAuth redirect URL from the previous step. + + ??? Details "View screenshot" + ![Web application](/_images/integrations/builtin/credentials/google/application-web-application.png) + 5. Select **CREATE**. 6. Enable each Google service API that you want to use: --8<-- "_snippets/integrations/builtin/credentials/google/enable-apis.md" diff --git a/docs/integrations/builtin/credentials/google/oauth-single-service.md b/docs/integrations/builtin/credentials/google/oauth-single-service.md index df2320bc1..7709770b2 100644 --- a/docs/integrations/builtin/credentials/google/oauth-single-service.md +++ b/docs/integrations/builtin/credentials/google/oauth-single-service.md @@ -15,17 +15,33 @@ This document contains instructions for creating a Google credential for a singl 1. Follow the steps to [Create a credential](/credentials/add-edit-credentials/). If you create a credential by selecting **Create new** in the credentials dropdown in a node, n8n automatically creates the correct credential type for that node. If you select **Credentials > New**, you must browse for the credential type. To connect with a specific service, using resources and operations supported by n8n, choose that service. For example, to create a credential for use in the Gmail node, search for `Gmail`. 2. Note the **OAuth Redirect URL** from the node credential modal. You'll need this in the next section. -![OAuth Callback URL](/_images/integrations/builtin/credentials/google/oauth_callback.png) + + ??? Details "View screenshot" + ![OAuth Callback URL](/_images/integrations/builtin/credentials/google/oauth_callback.png) ### Set up OAuth in Google Cloud 1. Go to [Google Cloud Console](https://console.cloud.google.com/apis/credentials){:target=_blank .external-link} and make sure you're in the project you want to use. -![Google project dropdown](/_images/integrations/builtin/credentials/google/check-google-project.png) -2. Select **+ CREATE CREDENTIALS > OAuth client ID**. If you're creating OAuth credentials for the first time, you must [configure the consent screen](https://support.google.com/cloud/answer/10311615?hl=en&ref_topic=3473162){:target=_blank .external-link}. -![Create credentials](/_images/integrations/builtin/credentials/google/create-credentials.png) + + ??? Details "View screenshot" + ![Google project dropdown](/_images/integrations/builtin/credentials/google/check-google-project.png) + +2. Select **+ CREATE CREDENTIALS > OAuth client ID**. If you're creating OAuth credentials for the first time, you must [configure the consent screen](https://support.google.com/cloud/answer/10311615?hl=en&ref_topic=3473162){:target=_blank .external-link}. + + ??? Details "View screenshot" + ![Create credentials](/_images/integrations/builtin/credentials/google/create-credentials.png) + 3. In the **Application type** dropdown, select **Web application**. Google automatically generates a name. -4. In Google Cloud, select **+ ADD URI**. Paste in the OAuth redirect URL from the previous step. + + ??? Details "View screenshot" + ![Web application](/_images/integrations/builtin/credentials/google/application-web-application.png) + +4. Under **Authorizes redirect URIs**, select **+ ADD URI**. Paste in the OAuth redirect URL from the previous step. + + ??? Details "View screenshot" + ![Add URI](/_images/integrations/builtin/credentials/google/add-uri.png) + 5. Select **CREATE**. 6. Enable each Google service API that you want to use: --8<-- "_snippets/integrations/builtin/credentials/google/enable-apis.md"