Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 37 additions & 25 deletions auth4genai/integrations/snapchat.mdx
Original file line number Diff line number Diff line change
@@ -1,40 +1,52 @@
---
title: Snapchat
description: "Connect your AI Agents to Snapchat for social media integration, content sharing, and user engagement."
---

import FindDomainInfoBlock from "/snippets/common/find-domain-info-block.mdx";
import AddConnectionInAuth0 from "/snippets/integrations/add-connection-auth0.mdx";
import LearnMore from "/snippets/integrations/learn-more.mdx";
import { IntegrationInfoBlock } from "/snippets/integrations/IntegrationInfoBlock.jsx";
import { Auth0SetupBlock } from "/snippets/integrations/Auth0SetupBlock.jsx";
import { TokenVaultConfigBlock } from "/snippets/integrations/TokenVaultConfigBlock.jsx";
import NextStepsBlock from "/snippets/integrations/next-step.mdx";

The Snapchat integration allows your AI Agents to authenticate users with their Snapchat accounts and access Snapchat features, user data, and social content on their behalf.
A social agent that can share content (photos, videos, links) directly to a user's Snapchat account.

## Overview

The Snapchat integration is perfect for social media-focused AI applications that need to interact with Snapchat content, manage user profiles, share content, or automate social media workflows. This integration provides access to Snapchat's API for social and content features.

## Configuration
## Connect Snapchat to Auth0

<Steps>
<Step title="Set up app in Snapchat">

1. Sign up for a [Snapchat Developer account](https://developers.snapchat.com/)
2. Navigate to the [Snap Kit Portal](https://kit.snapchat.com/manage) and create a new app in the Snapchat Developer Portal
3. You will need to pick the libraries you plan to use: Login Kit is required at the minimum.
4. Generate a new _Confidential OAuth 2.0 Client ID_ and note your **Confidential Client ID** and **Confidential Client Secret**
5. In the left hand panel, navigate to Versions > [Your App Name], scroll to the Login Kit section and add the redirect URIs.

<Step title="Snapchat setup">
1. Visit the [Snapchat Developer account](https://developers.snapchat.com/) page and sign up.
2. Navigate to the [Snap Kit Portal](https://developers.snap.com/snap-kit/home) and create a new app in the Snapchat Developer Portal
3. You will need to pick the libraries you plan to use: Login Kit is required at the minimum. Ensure **Login Kit** is enabled for your app.
4. Generate a Confidential OAuth 2.0 Client ID and Client Secret and note:
- **Client ID** (OAuth client_id)
- **Client Secret** (OAuth client_secret)
5. Configure Redirect URIs:
- Redirect URL: `https://YOUR_AUTH0_DOMAIN/login/callback`
- Snapchat requires HTTPS for redirect URIs.
<FindDomainInfoBlock />
6. Choose the Login Kit scopes:
- `https://auth.snapchat.com/oauth2/api/user.display_name` - For user's display name
- `https://auth.snapchat.com/oauth2/api/user.external_id` - For a unique user ID
- `https://auth.snapchat.com/oauth2/api/user.bitmoji.avatar`- Optional, for Bitmoji
7. In the left hand panel, navigate to Versions > [Your App Name], scroll to the Login Kit section and add the redirect URIs.

To learn more about setting up Snapchat, read the [Login with Snapchat documentation](https://developers.snap.com/snap-kit/login-kit/overview).
</Step>
<Step title="Configure for Auth0">
<Step title="Auth0 setup">
<Auth0SetupBlock providerName="Snapchat" scopesName="Attributes" allowFreeFormScopes={true} />
</Step>
</Steps>

1. Use the following settings when configuring your app:
- Redirect URIs for OAuth: `https://YOUR_AUTH0_DOMAIN/login/callback`
<IntegrationInfoBlock providerName="Snapchat" />

<FindDomainInfoBlock />
## Token Vault configuration example

</Step>
</Steps>
To configure the Token Vault for your Snapchat connection, you can use the following code snippet in your application:

<AddConnectionInAuth0 />
<TokenVaultConfigBlock
providerName="Snapchat"
connectionName="snapchat"
scopes={["https://auth.snapchat.com/oauth2/api/user.display_name", "https://auth.snapchat.com/oauth2/api/user.external_id"]}
/>

<LearnMore />
<NextStepsBlock />