You can find your Front app credentials in your Front Developer Account.You’ll need the following information to set up your Front App with Paragon Connect:
Under Integrations > Connected Integrations > Front > App Configuration > Configure, fill out your credentials from your developer app in their respective sections:
Client ID: Found under Client ID on your Front App page.
Client Secret: Found under Client Secret on your Front App page.
Permissions: Select the scopes you’ve requested for your application. For a list of recommended scopes, please view this integration within your Paragon dashboard. View dashboard.
Leaving the Client ID and Client Secret blank will use Paragon development keys.
Once your users have connected their Front account, you can use the Paragon SDK to access the Front API on behalf of connected users.See the Front REST API documentation for their full API reference.Any Front API endpoints can be accessed with the Paragon SDK as shown in this example.
Copy
Ask AI
// You can find your project ID in the Overview tab of any Integration// Authenticate the userparagon.authenticate(<ProjectId>, <UserToken>);// Create a Conversationawait paragon.request('front', '/conversations', { method: "POST", body: { "type": "discussion", "inbox_id": "abc123", "subject": "Paragon", "comment": { "body": "Test Comment" } }});// List Contactsawait paragon.request("front", "/contacts", { method: "GET"});// Create a Contactawait paragon.request('front', '/contacts', { method: "POST", body: { "name": "Foo Westwood", "is_spammer": false, "handles": [ { "handle": "@foo", "source": "twitter" } ] }});
Once your Front account is connected, you can add steps to perform the following actions:
Create Account
Update Account
Get Account by ID
Search Accounts
Delete Account
Create Contact
Update Contact
Get Contact by ID
Search Contacts
Delete Contact
You can also use the Front Request step to access any of Front’s API endpoints without the authentication piece.When creating or updating records in Front, you can reference data from previous steps by typing {{ to invoke the variable menu.