diff --git a/apps/formbricks-com/app/docs/integrations/make/add-module.webp b/apps/formbricks-com/app/docs/integrations/make/add-module.webp new file mode 100644 index 0000000000..0104803bd4 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/add-module.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/create-new-scenario.webp b/apps/formbricks-com/app/docs/integrations/make/create-new-scenario.webp new file mode 100644 index 0000000000..729e3c3586 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/create-new-scenario.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/create-webhook.webp b/apps/formbricks-com/app/docs/integrations/make/create-webhook.webp new file mode 100644 index 0000000000..c60864c0d0 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/create-webhook.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/duplicate-survey.webp b/apps/formbricks-com/app/docs/integrations/make/duplicate-survey.webp new file mode 100644 index 0000000000..c4c9e4258a Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/duplicate-survey.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/enter-api-key.webp b/apps/formbricks-com/app/docs/integrations/make/enter-api-key.webp new file mode 100644 index 0000000000..70de42f886 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/enter-api-key.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/page.mdx b/apps/formbricks-com/app/docs/integrations/make/page.mdx new file mode 100644 index 0000000000..16ac2f922b --- /dev/null +++ b/apps/formbricks-com/app/docs/integrations/make/page.mdx @@ -0,0 +1,136 @@ +import Image from "next/image"; + +import UpdateQuestionId from "./update-question-id.webp"; +import DuplicateSurvey from "./duplicate-survey.webp"; +import CreateNewScenario from "./create-new-scenario.webp"; +import SearchFormbricks from "./search-formbricks.webp"; +import SelectTriggers from "./select-trigger.webp"; +import CreateWebhook from "./create-webhook.webp"; +import EnterApiKey from "./enter-api-key.webp"; +import SelectSurvey from "./select-survey.webp"; +import SubmitTestResponse from "./submit-test-response.webp"; +import AddModule from "./add-module.webp"; +import SelectFields from "./select-fields.webp"; +import Result from "./result.webp"; +import SelectAction from "./select-action.webp"; + +export const meta = { + title: "Make.com Setup", + description: "Wire up Formbricks with Make and 1000+ other apps", +}; + +#### Integrations + +# Make.com Setup + +Make is a powerful tool to send information between Formbricks and thousands of apps. Here's how to set it up. + + + ### Nail down your survey first ? + Any changes in the survey cause additional work in the _Scenario_. It + makes sense to first settle on the survey you want to run and then get to setting up Make. + + +## Step 1: Setup your survey incl. `questionId` for every question + +Set up the `questionId`s of your survey questions before publishing. + +Update Question ID + +_Update the Question ID field in every question card under Advanced Settings._ + + + ### Already published? Duplicate survey + You can only update the questionId before publishing the survey. If + already published, simply duplicate it. + Duplicate Survey + + +## Step 2: Setup Make.com + +Visit [Make.com](https://make.com) to start a new scenario. + +Create New Scenario + +Search for `Formbricks`: + +Search Formbricks + +Choose the event to trigger the Scenario: + +Select Triggers + +## Step 3: Connect Formbricks with Make + +Click "Create a webhook": + +Create Webhook + +Enter the Formbricks API key. Learn how to get one from the [API Key tutorial](/docs/api/api-key-setup). + +Enter API Key + +## Step 4: Select Survey + +Choose from your created surveys: + +Select Survey + +## Step 5: Send a test response + +You need a test response for Make setup. For local Formbricks setup, use the [Demo App](/docs/contributing/demo) to submit a test response. + +Submit Test Response + +## Step 6: Set up Google Sheet + +Decide on the desired action for the data. Here, we'll send submissions to a Google Sheet: + +Add Module + +Choose "Add a Row" for the action: + +Select Action + +Specify the spreadsheet details and match the Formbricks data: + +Select Fields + +A new row gets added to the spreadsheet for every response: + +Result diff --git a/apps/formbricks-com/app/docs/integrations/make/result.webp b/apps/formbricks-com/app/docs/integrations/make/result.webp new file mode 100644 index 0000000000..f775db5f72 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/result.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/search-formbricks.webp b/apps/formbricks-com/app/docs/integrations/make/search-formbricks.webp new file mode 100644 index 0000000000..811bae7839 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/search-formbricks.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/select-action.webp b/apps/formbricks-com/app/docs/integrations/make/select-action.webp new file mode 100644 index 0000000000..0af544befc Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/select-action.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/select-fields.webp b/apps/formbricks-com/app/docs/integrations/make/select-fields.webp new file mode 100644 index 0000000000..ff02fc6fc7 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/select-fields.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/select-survey.webp b/apps/formbricks-com/app/docs/integrations/make/select-survey.webp new file mode 100644 index 0000000000..dd73934522 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/select-survey.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/select-trigger.webp b/apps/formbricks-com/app/docs/integrations/make/select-trigger.webp new file mode 100644 index 0000000000..ba19fd4b58 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/select-trigger.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/submit-test-response.webp b/apps/formbricks-com/app/docs/integrations/make/submit-test-response.webp new file mode 100644 index 0000000000..ff098a5d19 Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/submit-test-response.webp differ diff --git a/apps/formbricks-com/app/docs/integrations/make/update-question-id.webp b/apps/formbricks-com/app/docs/integrations/make/update-question-id.webp new file mode 100644 index 0000000000..7e00ff2dea Binary files /dev/null and b/apps/formbricks-com/app/docs/integrations/make/update-question-id.webp differ diff --git a/apps/formbricks-com/components/docs/Navigation.tsx b/apps/formbricks-com/components/docs/Navigation.tsx index 5994996153..58b07950d4 100644 --- a/apps/formbricks-com/components/docs/Navigation.tsx +++ b/apps/formbricks-com/components/docs/Navigation.tsx @@ -228,6 +228,7 @@ export const navigation: Array = [ links: [ { title: "Zapier", href: "/docs/integrations/zapier" }, { title: "n8n", href: "/docs/integrations/n8n" }, + { title: "Make.com", href: "/docs/integrations/make" }, ], }, { diff --git a/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx b/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx index c8d4af2a0b..18fb595410 100644 --- a/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx +++ b/apps/web/app/(app)/environments/[environmentId]/integrations/page.tsx @@ -2,6 +2,7 @@ import JsLogo from "@/images/jslogo.png"; import WebhookLogo from "@/images/webhook.png"; import ZapierLogo from "@/images/zapier-small.png"; import n8nLogo from "@/images/n8n.png"; +import MakeLogo from "@/images/make-small.png"; import { Card } from "@formbricks/ui"; import Image from "next/image"; @@ -52,6 +53,17 @@ export default function IntegrationsPage({ params }) { description="Integrate Formbricks with 350+ apps via n8n" icon={n8n Logo} /> + } + /> ); diff --git a/apps/web/app/api/cron/weekly_summary/email.ts b/apps/web/app/api/cron/weekly_summary/email.ts index 71bdf4b7c8..d9679162d6 100644 --- a/apps/web/app/api/cron/weekly_summary/email.ts +++ b/apps/web/app/api/cron/weekly_summary/email.ts @@ -109,7 +109,7 @@ const notificationLiveSurveys = (surveys: Survey[], environmentId: string) => { + }; color: ${isLive ? "#F3F4F6" : "#1e293b"}; border-radius:99px; padding: 2px 8px; font-size:0.9em"> ${displayStatus} ${ diff --git a/apps/web/images/make-small.png b/apps/web/images/make-small.png new file mode 100644 index 0000000000..7c7f9d4ae4 Binary files /dev/null and b/apps/web/images/make-small.png differ