fix(webflow): added form submission trigger and scope

Author: waleedlatif1

apps/sim/lib/auth/auth.ts

@@ -1858,7 +1858,7 @@ export const auth = betterAuth({
           authorizationUrl: 'https://webflow.com/oauth/authorize',
           tokenUrl: 'https://api.webflow.com/oauth/access_token',
           userInfoUrl: 'https://api.webflow.com/v2/token/introspect',
-          scopes: ['sites:read', 'sites:write', 'cms:read', 'cms:write'],
+          scopes: ['sites:read', 'sites:write', 'cms:read', 'cms:write', 'forms:read'],
           responseType: 'code',
           redirectURI: `${getBaseUrl()}/api/auth/oauth2/callback/webflow`,
           getUserInfo: async (tokens) => {

apps/sim/lib/webhooks/provider-subscriptions.ts

@@ -1400,7 +1400,7 @@ export async function createWebflowWebhookSubscription(
 ): Promise<string | undefined> {
   try {
     const { path, providerConfig } = webhookData
-    const { siteId, triggerId, collectionId, formId } = providerConfig || {}
+    const { siteId, triggerId, collectionId, formName } = providerConfig || {}
 
     if (!siteId) {
       webflowLogger.warn(`[${requestId}] Missing siteId for Webflow webhook creation.`, {
@@ -1456,10 +1456,9 @@ export async function createWebflowWebhookSubscription(
     }
 
     // Note: Webflow API only supports 'filter' for form_submission triggers.
-    if (formId && webflowTriggerType === 'form_submission') {
+    if (formName && webflowTriggerType === 'form_submission') {
       requestBody.filter = {
-        resource_type: 'form',
-        resource_id: formId,
+        name: formName,
       }
     }
 

apps/sim/lib/webhooks/utils.server.ts

@@ -800,15 +800,39 @@ export async function formatWebhookInput(
   }
 
   if (foundWebhook.provider === 'webflow') {
+    const providerConfig = (foundWebhook.providerConfig as Record<string, any>) || {}
+    const triggerId = providerConfig.triggerId as string | undefined
+
+    // Form submission trigger
+    if (triggerId === 'webflow_form_submission') {
+      return {
+        siteId: body?.siteId || '',
+        formId: body?.formId || '',
+        name: body?.name || '',
+        id: body?.id || '',
+        submittedAt: body?.submittedAt || '',
+        data: body?.data || {},
+        schema: body?.schema || {},
+        formElementId: body?.formElementId || '',
+      }
+    }
+
+    // Collection item triggers (created, changed, deleted)
+    // Webflow uses _cid for collection ID and _id for item ID
+    const { _cid, _id, ...itemFields } = body || {}
     return {
       siteId: body?.siteId || '',
-      formId: body?.formId || '',
-      name: body?.name || '',
-      id: body?.id || '',
-      submittedAt: body?.submittedAt || '',
-      data: body?.data || {},
-      schema: body?.schema || {},
-      formElementId: body?.formElementId || '',
+      collectionId: _cid || body?.collectionId || '',
+      payload: {
+        id: _id || '',
+        cmsLocaleId: itemFields?.cmsLocaleId || '',
+        lastPublished: itemFields?.lastPublished || itemFields?.['last-published'] || '',
+        lastUpdated: itemFields?.lastUpdated || itemFields?.['last-updated'] || '',
+        createdOn: itemFields?.createdOn || itemFields?.['created-on'] || '',
+        isArchived: itemFields?.isArchived || itemFields?._archived || false,
+        isDraft: itemFields?.isDraft || itemFields?._draft || false,
+        fieldData: itemFields,
+      },
     }
   }
 

apps/sim/triggers/webflow/form_submission.ts

@@ -21,7 +21,7 @@ export const webflowFormSubmissionTrigger: TriggerConfig = {
       type: 'oauth-input',
       description: 'This trigger requires webflow credentials to access your account.',
       serviceId: 'webflow',
-      requiredScopes: [],
+      requiredScopes: ['forms:read'],
       required: true,
       mode: 'trigger',
       condition: {
@@ -96,11 +96,12 @@ export const webflowFormSubmissionTrigger: TriggerConfig = {
       dependsOn: ['triggerCredentials'],
     },
     {
-      id: 'formId',
-      title: 'Form ID',
+      id: 'formName',
+      title: 'Form Name',
       type: 'short-input',
-      placeholder: 'form-123abc (optional)',
-      description: 'The ID of the specific form to monitor (optional - leave empty for all forms)',
+      placeholder: 'Contact Form (optional)',
+      description:
+        'The name of the specific form to monitor (optional - leave empty for all forms)',
       required: false,
       mode: 'trigger',
       condition: {
@@ -128,8 +129,8 @@ export const webflowFormSubmissionTrigger: TriggerConfig = {
       defaultValue: [
         'Connect your Webflow account using the "Select Webflow credential" button above.',
         'Select your Webflow site from the dropdown.',
-        'Optionally enter a Form ID to monitor only a specific form.',
-        'If no Form ID is provided, the trigger will fire for any form submission on the site.',
+        'Optionally enter the Form Name to monitor only a specific form.',
+        'If no Form Name is provided, the trigger will fire for any form submission on the site.',
         'The webhook will trigger whenever a form is submitted on the specified site.',
         'Form data will be included in the payload with all submitted field values.',
         'Make sure your Webflow account has appropriate permissions for the specified site.',