Skip to main content
Admin permissions on the Webflow Workspace are required to create an App and obtain OAuth credentials.

​
Creating a Webflow App

Webflow issues OAuth credentials to Apps created inside a Workspace. Create one App for StackOne and reuse its Client ID and Client Secret for every site in that Workspace.

1

Sign in to Webflow

Sign in to your Webflow account.

  • Select the Workspace you want to create the App in.
The Webflow login page with the email, password, and Continue fields highlighted
2

Open App Development

In the left sidebar, click Apps & Integrations to expand it, then click Develop.

The workspace sidebar with Apps & Integrations expanded and Develop highlighted
3

Create an App

On the App Development page, click Create an App and fill in the App info tab.

  • App name — a name that identifies the integration, for example StackOne
  • App description — a short summary shown to users installing the App, for example StackOne integration for syncing Webflow CMS, ecommerce, and site data.
  • App homepage URL — an HTTPS URL for your product or company, for example https://www.stackone.com
  • Leave Restrict App installation to a specific site set to Off unless you want the App to be installable on one site only.
  • Click Continue to open the Building blocks tab.
The Create App dialog on the App info tab with App name, App description, App homepage URL, and Continue highlighted
4

Enable Data Client and set the redirect URI

On the Building blocks tab, switch Data Client to On. This reveals the Redirect URI field and the permission list.

  • Enter this exact value in Redirect URI: https://api.stackone.com/connect/oauth2/webflow/callback
  • Leave Designer Extension set to Off — StackOne only uses the Data API.
The Building blocks tab with the Data Client toggle On and the Redirect URI field filled in

​
Configuring permissions

Each resource in the permission list has its own access dropdown offering No access, Read-only, and Read and write. Grant only what your integration needs.

1

Set the resource permissions

Enables actions: Add Or Update Page Custom Code, Add Or Update Site Custom Code, Create 301 Redirect, Create Asset Folder, Create Collection, Create Collection Items, Create Field, Create Live Collection Items, Create Product, Create SKU, Create Site, Create Webhook, Delete 301 Redirect, Delete Asset, Delete Collection, Delete Collection Field, Delete Collection Item, Delete Collection Items, Delete Form Submission, Delete Page Custom Code, Delete Robots.txt Rules, Delete Site, Delete Site Custom Code, Delete Webhook, Delete Well-Known Files, Fulfill Order, Get 301 Redirects, Get Asset, Get Asset Folder, Get Authorized User, Get Collection, Get Collection Item, Get Comment Thread, Get Component Content, Get Component Properties, Get Custom Domains, Get Ecommerce Settings, Get Form Schema, Get Form Submission, Get Live Collection Item, Get Order, Get Page Content, Get Page Custom Code, Get Page Metadata, Get Product, Get Registered Scripts, Get Robots.txt, Get Site, Get Site Activity Logs, Get Site Custom Code, Get Site Plan, Get Webhook, Introspect Token, List Asset Folders, List Assets, List Collection Items, List Collections, List Comment Replies, List Comment Threads, List Components, List Custom Code Blocks, List Form Submissions, List Form Submissions By Site, List Forms, List Inventory, List Live Collection Items, List Orders, List Pages, List Products, List Sites, List Webhooks, Publish Collection Items, Publish Site, Refund Order, Register Hosted Script, Register Inline Script, Replace Robots.txt, Set Well-Known File, Unfulfill Order, Unpublish Live Items, Update 301 Redirect, Update Asset, Update Collection Field, Update Collection Item, Update Collection Items, Update Component Content, Update Component Properties, Update Form Submission, Update Inventory, Update Live Collection Items, Update Order, Update Page Content, Update Page Metadata, Update Product, Update Robots.txt, Update SKU, Update Site, Upload Asset

Set each resource StackOne should reach to Read-only or Read and write. The resource rows map to the scopes below — CMS covers the CMS scopes, Ecommerce the ecommerce scopes, and so on.

An access dropdown open on the Authorized user row showing the No access and Read-only options
2

Create the App

Confirm the permissions, then click Create App to save.

  • Set Authorized user to Read-only — StackOne uses this resource for its connection test, and the connection fails without it.
  • Custom Code must be granted here if your integration manages site or page scripts — Site Tokens cannot reach those endpoints.
The permission list with Authorized user set to Read-only and other resources set to Read and write

​
Copying your credentials

Webflow shows the Client ID and Client Secret on the saved App, and they remain available whenever you reopen it.

1

Open the App

On the App Development page, click the ellipsis button at the end of your App’s row, then click Edit App and open the Building blocks tab.

The App options menu showing Install, Edit App, Version history, and Delete App
2

Copy the Client ID and Client Secret

Click Copy next to Client ID and next to Client Secret, and store both securely for use later.

  • Paste the Client ID and Client Secret into the matching fields in the StackOne Connector profile.
  • Leave Scopes empty in the StackOne Connector profile to request every scope the connector supports, or enter a space-separated subset such as sites:read cms:read cms:write.
  • If the Client Secret is ever lost, click Reset client secret to issue a new one and update it in the StackOne Connector profile.
The Building blocks tab of the saved App showing the Client ID and Client Secret fields with their Copy buttons highlighted

​
Creating the StackOne Connector Profile

To create the Connector Profile in StackOne for Webflow:
1

Navigate to Connector Profiles

Login to StackOne and navigate to Connector Profiles
2

Create New Connector Profile

  • Click + Connector Profile
  • Search for and select Webflow
  • Select Type as OAuth 2.0
  • Fill out the fields using details retrieved from your provider:
    • Client ID
    • Client Secret
    • Scopes (Optional)
  • (Optional) Select Actions to be enabled for this Connector Profile
  • Click Create profile
Congratulations! The new Connector Profile will now show up in your project ready to be used. You can now continue to Link Accounts for Webflow.