Skip to content
Last updated

Typeform integration

Typeform is an online form and survey platform that creates conversational, user-friendly forms. Integrating Typeform with Frontegg allows your application to access and manage forms, responses, workspaces, and themes on behalf of your users through OAuth 2.0 authentication.


Prerequisites

  • A Typeform account (free or paid plan)
  • Access to a Typeform organization (required for Developer Apps)

Connect Typeform

Step 1: Open the Developer Apps page

Log in to your Typeform account. Navigate to your organization settings by clicking your account name in the top-left corner, then selecting the organization. In the left sidebar under Organization, click Developer apps.

Typeform Developer apps navigation

Organization required

Developer Apps are only available within a Typeform organization. If you don't have one, click Create organization on the account page to set one up first.

Step 2: Register a new application

On the Developer apps page, click the Register a new app button.

Register a new app button

Step 3: Fill in the registration form

In the registration dialog, fill in the following fields:

  • App name -- Enter a descriptive name (e.g., "Frontegg Integration")
  • App website -- Enter your application URL (e.g., https://frontegg.com)
  • Redirect URI(s) -- Enter the redirect URIs listed below (one per line)
  • Developer email -- Enter your developer contact email

Add the following redirect URIs:

  • https://YOUR_MCP_GATEWAY_URL/integration-callback

Click Register app to create the application.

Typeform registration form

Step 4: Copy the client secret

After registration, Typeform displays the Client Secret in a one-time dialog. Copy the secret immediately and store it in a safe location -- it will not be shown again.

Keep your credentials secure

Never share or commit your Client Secret to version control. The secret is only displayed once after registration. If lost, you can regenerate it from the Edit app panel.

Typeform client secret

Step 5: Copy the client ID

After dismissing the secret dialog, you return to the Developer apps page. The Client ID is displayed under your application name. Copy this value for use in the Frontegg portal.

Typeform client ID

Step 6: Verify redirect URIs

Click the Edit app button next to your application to open the settings panel. Verify that the Redirect URI(s) field contains the correct callback URLs.

Typeform redirect URIs

Configure the Frontegg portal

Once you have obtained your Client ID and Client Secret from the steps above, enter them in the integration configuration page of the Frontegg portal:

  1. Open the Frontegg portal and navigate to [ENVIRONMENT] → Integrations → Typeform.
  2. Enter the Client ID and Client Secret in the corresponding fields.
  3. Select the required scopes.
  4. Click Save.

The following scopes are available for the Typeform integration:

ScopeDescription
forms:readRead form definitions
forms:writeCreate and modify forms
responses:readRead form responses
responses:writeDelete form responses
workspaces:readRead workspace information

Minimum required scopes

For basic functionality, you need: forms:read, responses:read, workspaces:read.

Additional resources