From e00e5ccc6f6413045b4fa12999fe04cb8d8d75fc Mon Sep 17 00:00:00 2001 From: Baptiste Arnaud Date: Wed, 22 Oct 2025 10:47:07 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20Add=20Make.com=20webhook=20respo?= =?UTF-8?q?nse=20tutorial?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../makeCom/components/MakeComContent.tsx | 22 +++++++++++++++--- .../editor/blocks/integrations/make-com.mdx | 19 ++++++++++++--- .../blocks/integrations/make-com-return.png | Bin 175423 -> 0 bytes .../make-com-save-in-variables.avif | Bin 0 -> 28900 bytes .../make-com-webhook-response.avif | Bin 0 -> 37113 bytes 5 files changed, 35 insertions(+), 6 deletions(-) delete mode 100644 apps/docs/images/blocks/integrations/make-com-return.png create mode 100644 apps/docs/images/blocks/integrations/make-com-save-in-variables.avif create mode 100644 apps/docs/images/blocks/integrations/make-com-webhook-response.avif diff --git a/apps/builder/src/features/blocks/integrations/makeCom/components/MakeComContent.tsx b/apps/builder/src/features/blocks/integrations/makeCom/components/MakeComContent.tsx index e21e75f8d..764b97f97 100644 --- a/apps/builder/src/features/blocks/integrations/makeCom/components/MakeComContent.tsx +++ b/apps/builder/src/features/blocks/integrations/makeCom/components/MakeComContent.tsx @@ -1,16 +1,32 @@ import { Text } from "@chakra-ui/react"; import type { MakeComBlock } from "@typebot.io/blocks-integrations/makeCom/schema"; +import { SetVariableLabel } from "@/components/SetVariableLabel"; +import { useTypebot } from "@/features/editor/providers/TypebotProvider"; type Props = { block: MakeComBlock; }; export const MakeComContent = ({ block }: Props) => { + const { typebot } = useTypebot(); + if (!block.options?.webhook?.url) return Configure...; + return ( - - Trigger scenario - +
+ + Trigger scenario + + {block.options?.responseVariableMapping + ?.filter((mapping) => mapping.variableId) + .map((mapping) => ( + + ))} +
); }; diff --git a/apps/docs/editor/blocks/integrations/make-com.mdx b/apps/docs/editor/blocks/integrations/make-com.mdx index caf9e03d6..030d56b8b 100644 --- a/apps/docs/editor/blocks/integrations/make-com.mdx +++ b/apps/docs/editor/blocks/integrations/make-com.mdx @@ -20,18 +20,31 @@ The Make.com integration block allows you to trigger a scenario at a given momen ## Return data from Make.com -You can return data from Make.com by adding a "Webhook response" module at the end of your scenario. +You can return data from Make.com by adding a "Webhook response" module at the end of your scenario, on this node you can set the body of the response with whatever Make.com values you want. + +Once you are ready to try out the webhook, hit the `Run once` button. This will make the scenario to wait for a request to be made to the webhook URL. Make.com block webhook response module +At this point, head over to Typebot and hit the `Test the request` button. It will execute the Make.com scenario and you should see the response from Make.com. + +Now you can map this data to variables in Typebot. + + + Make.com block save in variables + + ## Video tutorial -
+