{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-agen-for-work/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["Notification","LightboxImage"]},"type":"markdown"},"seo":{"title":"Front integration","siteUrl":"https://developers.frontegg.com/","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"front-integration","__idx":0},"children":["Front integration"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Front is a customer operations platform that combines email, SMS, chat, and social channels in a shared inbox. The integration connects your Front workspace to Frontegg Agen for Work, enabling AI agents to read and manage conversations, contacts, messages, and other workspace resources on your behalf."]},{"$$mdtype":"Tag","name":"hr","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"Notification","attributes":{"title":"Prerequisites","type":"attention"},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["A Front account with admin access"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Access to the Front developer portal at ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://app.frontapp.com/settings/developers"},"children":["app.frontapp.com/settings/developers"]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"connect-front","__idx":1},"children":["Connect Front"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-1-create-an-app-in-the-front-developer-portal","__idx":2},"children":["Step 1: Create an app in the Front developer portal"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Sign in to ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://app.frontapp.com"},"children":["Front"]}," and go to ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Settings"]}," → ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Integrations"]}," → ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Developers"]},". The Developers page lists your existing apps. Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Create app"]},"."]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/front-1.1e08bf77be840f4c5d1104be2928c07325d33e6ac9d35d247007436a87759f64.1ce25488.png","alt":"Front Developers page with Create app button highlighted"},"children":[]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Front creates an untitled app and opens its configuration page. Go to the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Settings"]}," tab, enter a name (for example, ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["Frontegg Integration"]},"), and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Save"]},"."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-2-enable-oauth-and-configure-settings","__idx":3},"children":["Step 2: Enable OAuth and configure settings"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Open the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Features"]}," tab of your new app and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Add feature"]},". In the dialog that appears, scroll to the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["API Access"]}," section and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Add feature"]}," on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["OAuth"]}," card."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You will be taken to the OAuth configuration page. Fill in the following settings:"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Redirect URLs"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Add Redirect URL"]}," and enter your Frontegg Redirect URL:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["https://YOUR_MCP_GATEWAY_URL/integration-callback"]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["See ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"/agen-for-work/connectors/redirect-url"},"children":["Get your Redirect URL"]}," for instructions on finding your MCP Gateway URL."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Feature access"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Select both checkboxes:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Access resources"]}," — allows the app to read and write workspace resources"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Auto-provisioning"]}," — enables provisioning actions"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Namespace access"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Select the following namespaces:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Shared resources"]}," — grants access to shared inboxes, conversations, and channels"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Private resources"]}," — grants access to private conversations and resources"]}]},{"$$mdtype":"Tag","name":"Notification","attributes":{"title":"Scopes are portal-only","type":"info"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Front configures OAuth scopes exclusively in the developer portal. Do not add a ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["scope"]}," parameter to the authorization URL — doing so causes an ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["invalid_scope"]}," error."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Save"]},". Front generates the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client ID"]}," and ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client secret"]}," for your app."]},{"$$mdtype":"Tag","name":"LightboxImage","attributes":{"isLightbox":true},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"img","attributes":{"src":"/assets/front-3.fb86012cb139f1363b6270ec526034792c88bc47dc4e852715a09a79e4df9902.1ce25488.png","alt":"Front OAuth page showing Client ID, redirect URL, and selected scopes"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":4,"id":"step-3-copy-your-credentials","__idx":4},"children":["Step 3: Copy your credentials"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["On the OAuth page, copy both values from the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["App credentials"]}," section:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client ID"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client secret"]}," — click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Reveal"]}," to display it, then copy it"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"configure-the-frontegg-portal","__idx":5},"children":["Configure the Frontegg portal"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Once you have obtained your ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client ID"]}," and ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client secret"]}," from the steps above, enter them in the integration configuration page of the Frontegg portal:"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Open the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Frontegg portal"]}," and navigate to your environment → ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Integrations"]}," → ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Front"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Enter the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client ID"]}," and ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Client secret"]}," in the corresponding fields."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Save"]},"."]}]},{"$$mdtype":"Tag","name":"Notification","attributes":{"title":"Keep your credentials secure","type":"attention"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Never share or commit your Client secret to version control."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"additional-resources","__idx":6},"children":["Additional resources"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://dev.frontapp.com/docs/welcome"},"children":["Front developer documentation"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://dev.frontapp.com/docs/oauth"},"children":["Front OAuth guide"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://dev.frontapp.com/reference/introduction"},"children":["Front API reference"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"a","attributes":{"href":"/agen-for-work/connectors/redirect-url"},"children":["How to get your Redirect URL"]}]}]}]},"headings":[{"value":"Front integration","id":"front-integration","depth":2},{"value":"Connect Front","id":"connect-front","depth":3},{"value":"Step 1: Create an app in the Front developer portal","id":"step-1-create-an-app-in-the-front-developer-portal","depth":4},{"value":"Step 2: Enable OAuth and configure settings","id":"step-2-enable-oauth-and-configure-settings","depth":4},{"value":"Step 3: Copy your credentials","id":"step-3-copy-your-credentials","depth":4},{"value":"Configure the Frontegg portal","id":"configure-the-frontegg-portal","depth":3},{"value":"Additional resources","id":"additional-resources","depth":3}],"frontmatter":{"seo":{"title":"Front integration"}},"lastModified":"2026-05-01T18:45:25.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/agen-for-work/connectors/marketplace/front","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}