https://apitemplate.io/docs/assets/js/5b48d085.e8486c38.js

1"use strict";(self.webpackChunkdocs_site=self.webpackChunkdocs_site||[]).push([["6372"],{9690(e,n,t){t.r(n),t.d(n,{metadata:()=>i,default:()=>h,frontMatter:()=>r,contentTitle:()=>s,toc:()=>d,assets:()=>l});var i=JSON.parse('{"id":"integrations/make","title":"Make.com (Integromat) Integration","description":"Automate PDF and image generation with Make.com and APITemplate.io. Build scenarios that generate documents from webhooks, spreadsheets, CRMs, and more.","source":"@site/docs/integrations/make.md","sourceDirName":"integrations","slug":"/integrations/make","permalink":"/docs/integrations/make","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":3,"frontMatter":{"sidebar_position":3,"title":"Make.com (Integromat) Integration","description":"Automate PDF and image generation with Make.com and APITemplate.io. Build scenarios that generate documents from webhooks, spreadsheets, CRMs, and more.","keywords":["Make.com integration","Integromat","automate PDF","Make.com PDF","Make.com image","automation scenario","no-code workflow"]},"sidebar":"docsSidebar","previous":{"title":"Zapier Integration","permalink":"/docs/integrations/zapier"},"next":{"title":"Bubble.io Integration","permalink":"/docs/integrations/bubble"}}'),a=t(4848),o=t(8453);let r={sidebar_position:3,title:"Make.com (Integromat) Integration",description:"Automate PDF and image generation with Make.com and APITemplate.io. Build sce

1narios that generate documents from webhooks, spreadsheets, CRMs, and more.",keywords:["Make.com integration","Integromat","automate PDF","Make.com PDF","Make.com image","automation scenario","no-code workflow"]},s="Make.com Integration",l={},d=[{value:"Section 1: Automate PDF Generation",id:"section-1-automate-pdf-generation",level:2},{value:"Step 1 \u2014 Create a PDF template on APITemplate.io",id:"step-1--create-a-pdf-template-on-apitemplateio",level:3},{value:"Step 2 \u2014 Create a scenario in Make.com",id:"step-2--create-a-scenario-in-makecom",level:3},{value:"Step 3 \u2014 Add the APITemplate.io module",id:"step-3--add-the-apitemplateio-module",level:3},{value:"Step 4 \u2014 Connect your account",id:"step-4--connect-your-account",level:3},{value:"Step 5 \u2014 Configure the module",id:"step-5--configure-the-module",level:3},{value:"Step 6 \u2014 Run and extend",id:"step-6--run-and-extend",level:3},{value:"Section 2: Automate Image Generation",id:"section-2-automate-image-generation",level:2},{value:"Step 1 \u2014 Create an image template on APITemplate.io",id:"step-1--create-an-image-template-on-apitemplateio",level:3},{value:"Step 2 \u2014 Create a scenario in Make.com",id:"step-2--create-a-scenario-in-makecom-1",level:3},{value:"Step 3 \u2014 Add the APITemplate.io module",id:"step-3--add-the-apitemplateio-module-1",level:3},{value:"Step 4 \u2014 Connect your account",id:"step-4--connect-your-account-1",level:3},{value:"Step 5 \u2014 Configure the module",id:"step-5--configure-the-module-1",level:3},{value:"Step 6 \u2014 Run and extend",id:"step-6--run-and-extend-1",level:3},{value:"Example workflows",id:"example-workflows",level:2},{value:"Tips",id:"tips",level:2},{value:"Further reading",id:"further-reading",level:2}];function c(e){let n={a:"a",admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,o.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"makecom-integration",children:"Make.com Integration"})}),"\n",(0,a.jsx)(n.p,{children:"Make.com (formerly Integromat) is a powerful automation platform that connects APITemplate.io with hundreds of apps. It offers more advanced workflow capabilities than Zapier, including branching, error handling, and complex data transformations."}),"\n",(0,a.jsx)(n.p,{children:"With the APITemplate.io Make.com module, you can:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Create PDFs"})," from templates with dynamic data"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Create images"})," from templates with dynamic data"]}),"\n",(0,a.jsx)(n.li,{children:"Chain the output into any other Make.com module (email, cloud storage, CRM, etc.)"}),"\n"]}),"\n",(0,a.jsx)(n.hr,{}),"\n",(0,a.jsx)(n.h2,{id:"section-1-automate-pdf-generation",children:"Section 1: Automate PDF Generation"}),"\n",(0,a.jsx)(n.p,{children:"This section walks through generating PDFs automatically using Make.com and APITemplate.io."}),"\n",(0,a.jsx)(n.p,{children:"Watch the video below for a quick walkthrough of connecting Make.com with APITemplate.io to automate PDF generation end-to-end:"}),"\n",(0,a.jsx)("div",{className:"youtube-video-container",children:(0,a.jsx)("iframe",{src:"https://www.youtube.com/embed/itvmCGn7Aq4",title:"Make.com and APITemplate.io Integration",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}),"\n",(0,a.jsx)(n.h3,{id:"step-1--create-a-pdf-template-on-apitemplateio",children:"Step 1 \u2014 Create a PDF template on APITemplate.io"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Log in to ",(0,a.jsx)(n.a,{href:"https://app.apitemplate.io",children:"app.apitemplate.io"})," and navigate to ",(0,a.jsx)(n.strong,{children:"Manage Templates"})]}),"\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"New Template"})," to create a new PDF template (or select an existing one)"]}),"\n",(0,a.jsxs)(n.li,{children:["Use the format ",(0,a.jsx)(n.code,{children:"{{variable_name}}"})," for dynamic values \u2014 for example, ",(0,a.jsx)(n.code,{children:"{{company_name}}"}),", ",(0,a.jsx)(n.code,{children:"{{amount}}"}),", ",(0,a.jsx)(n.code,{children:"{{date}}"})]}),"\n",(0,a.jsxs)(n.li,{children:["Preview your template with ",(0,a.jsx)(n.strong,{children:"Qu

1ick Preview (Ctrl-Q)"})," or ",(0,a.jsx)(n.strong,{children:"Generate PDF"})]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-2--create-a-scenario-in-makecom",children:"Step 2 \u2014 Create a scenario in Make.com"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Log in to ",(0,a.jsx)(n.a,{href:"https://www.make.com",children:"Make.com"})]}),"\n",(0,a.jsx)(n.li,{children:"Create a new scenario"}),"\n",(0,a.jsx)(n.li,{children:"Add a trigger module (e.g., Watch New Rows in Google Sheets, HTTP Webhook, etc.)"}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-3--add-the-apitemplateio-module",children:"Step 3 \u2014 Add the APITemplate.io module"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Click the ",(0,a.jsx)(n.strong,{children:"+"})," button to add a new module"]}),"\n",(0,a.jsxs)(n.li,{children:["Search for ",(0,a.jsx)(n.strong,{children:"APITemplate.io"})]}),"\n",(0,a.jsxs)(n.li,{children:["Select ",(0,a.jsx)(n.strong,{children:"Create a PDF"})]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-4--connect-your-account",children:"Step 4 \u2014 Connect your account"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"Create a connection"})]}),"\n",(0,a.jsxs)(n.li,{children:["Enter your API key (find it at ",(0,a.jsx)(n.a,{href:"https://app.apitemplate.io/manage-api/",children:"API Integration"}),")"]}),"\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"Save"})]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-5--configure-the-module",children:"Step 5 \u2014 Configure the module"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Select your PDF template from the ",(0,a.jsx)(n.strong,{children:"Template ID"})," dropdown"]}),"\n",(0,a.jsxs)(n.li,{children:["Choose the ",(0,a.jsx)(n.strong,{children:"Payload Type"}),":","\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Key Value Pairs"})," \u2014 a flat set of simple key-value pairs, suitable for most use cases"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"JSON"})," \u2014 hierarchical data for more complex templates"]}),"\n"]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["Add the key-value pairs that correspond to the ",(0,a.jsx)(n.code,{children:"{{variable_name}}"})," placeholders in your template. For example:","\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["Key: ",(0,a.jsx)(n.code,{children:"company_name"})," \u2192 Value: mapped from your trigger"]}),"\n",(0,a.jsxs)(n.li,{children:["Key: ",(0,a.jsx)(n.code,{children:"invoice_total"})," \u2192 Value: mapped from your trigger"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-6--run-and-extend",children:"Step 6 \u2014 Run and extend"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Run the scenario to generate a test PDF"}),"\n",(0,a.jsxs)(n.li,{children:["The output includes a ",(0,a.jsx)(n.strong,{children:"Download URL"})," you can use in subsequent modules"]}),"\n",(0,a.jsx)(n.li,{children:"Add more modules to email the PDF, save it to Google Drive, update a CRM record, etc."}),"\n"]}),"\n",(0,a.jsx)(n.hr,{}),"\n",(0,a.jsx)(n.h2,{id:"section-2-automate-image-generation",children:"Section 2: Automate Image Generation"}),"\n",(0,a.jsx)(n.p,{children:"This section covers creating images automatically using Make.com and APITemplate.io."}),"\n",(0,a.jsx)(n.h3,{id:"step-1--create-an-image-template-on-apitemplateio",children:"Step 1 \u2014 Create an image template on APITemplate.io"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Log in to ",(0,a.jsx)(n.a,{href:"https://app.apitemplate.io",children:"app.apitemplate.io"})," and navigate to ",(0,a.jsx)(n.strong,{children:"Manage Templates"})]}),"\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"New Image Template"})]}),"\n",(0,a.jsxs)(n.li,{children:["Choose a name, select a template editor, pick a base template, and click ",(0,a.jsx)(n.strong,{children:"Create"})]}),"\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"Launch Image Editor"})," to customize the template \u2014 adjust texts, fonts, colors, and images as needed"]}),"\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"Save"})," to save your changes"]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-2--create-a-scenario-in-makecom-1",children:"Step 2 \u2014 Create a scenario in Make.com"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Log in to ",(0,a.jsx)(n.a,{href:"https://www.make.com",children:"Make.com"})]}),"\n",(0,a.jsx)(n.li,{children:"Create a new scenario"}),"\n",(0,a.jsx)(n.li,{children:"Add a trigger module (e.g., Watch New Rows in Google Sheets, HTTP Webhook, etc.)"}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-3--add-the-apitemplateio-module-1",children:"Step 3 \u2014 Add the APITemplate.io module"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Click the ",(0,a.jsx)(n.strong,{children:"+"})," button to add a new module"]}),"\n",(0,a.jsxs)(n.li,{children:["Search for ",(0,a.jsx)(n.strong,{children:"APITemplate.io"})]}),"\n",(0,a.jsxs)(n.li,{children:["Select ",(0,a.jsx)(n.strong,{children:"Create an Image"})]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-4--connect-your-account-1",children:"Step 4 \u2014 Connect your account"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"Create a connection"})]}),"\n",(0,a.jsxs)(n.li,{children:["Enter your API key (find it at ",(0,a.jsx)(n.a,{href:"https://app.apitemplate.io/manage-api/",children:"API Integration"}),")"]}),"\n",(0,a.jsxs)(n.li,{children:["Click ",(0,a.jsx)(n.strong,{children:"Save"})]}),"\n"]}),"\n",(0,a.jsx)(n.h3,{id:"step-5--configure-the-module-1",children:"Step 5 \u2014 Configure the module"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsxs)(n.li,{children:["\n",(0,a.jsxs)(n.p,{children:["Select ",(0,a.jsx)(n.strong,{children:"New Image Template"})," for the ",(0,a.jsx)(n.strong,{children:"Template ID"})]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\n",(0,a.jsxs)(n.p,{children:["In ",(0,a.jsx)(n.strong,{children:"Payload Type"}),", select ",(0,a.jsx)(n.strong,{children:"Key Value Pairs"})]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\n",(0,a.jsxs)(n.p,{children:["Click on ",(0,a.jsx)(n.strong,{children:"Add item"})]}),"\n"]}),"\n",(0,a.jsxs)(n.li,{children:["\n",(0,a.jsxs)(n.p,{children:["Copy and paste a ",(0,a.jsx)(n.strong,{children:"property"})," into the ",(0,a.jsx)(n.strong,{children:"key"})," that you want to override from ",(0,a.jsx)(n.strong,{children:"Integrations"})," of from your template. The format is as follows:"]}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{children:"[element's name].[property]\n"})}),"\n",(0,a.jsxs)(n.p,{children:["For example, to set the text of an element named ",(0,a.jsx)(n.code,{children:"text_quote"}),":"]}),"\n",(0,a.jsxs)(n.table,{children:[(0,a.jsx)(n.thead,{children:(0,a.jsxs)(n.tr,{children:[(0,a.jsx)(n.th,{children:"Key"}),(0,a.jsx)(n.th,{children:"Value"})]})}),(0,a.jsx)(n.tbody,{children:(0,a.jsxs)(n.tr,{children:[(0,a.jsx)(n.td,{children:(0,a.jsx)(n.code,{children:"text_quote.text"})}),(0,a.jsx)(n.td,{children:"hello world"})]})})]}),"\n"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Make.com Image Generation \u2014 Key Value Pairs configuration",src:t(9130).A+"",width:"1982",height:"853"})}),"\n",(0,a.jsxs)(n.ol,{start:"5",children:["\n",(0,a.jsxs)(n.li,{children:["Specify the ",(0,a.jsx)(n.strong,{children:"Value"})," to be replaced \u2014 you can map values from your trigger data"]}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Make.com Image Generation \u2014 Key Value Pairs configuration",src:t(4272).A+"",width:"1013",height:"673"})}),"\n",(0,a.jsx)(n.admonition,{title:"Finding property keys",type:"tip",children:(0,a.jsxs)(n.p,{children:["To get the correct property keys for your image template, open the ",(0,a.jsx)(n.strong,{children:"Image Editor"})," in APITemplate.io, navigate to the ",(0,a.jsx)(n.strong,{children:"Zapier/Integromat/N8n"})," tab, and copy the property names of the elements you want to override."]})}),"\n",(0,a.jsx)(n.h3,{id:"step-6--run-and-extend-1",children:"Step 6 \u2014 Run and extend"}),"\n",(0,a.jsxs)(n.ol,{children:["\n",(0,a.jsx)(n.li,{children:"Run the scenario to generate a test image"}),"\n",(0,a.jsxs)(n.li,{children:["The output includes a ",(0,a.jsx)(n.strong,{children:"Download URL"})," you can use in subsequent modules"]}),"\n",(0,a.jsx)(n.li,{children:"Add more modules to post the image to social media, save it to cloud storage, send it via email, etc."}),"\n"]}),"\n",(0,a.jsx)(n.hr,{}),"\n",(0,a.jsx)(n.h2,{id:"example-workflows",children:"Example workflows"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Google Sheets \u2192 PDF report"})," \u2014 new data triggers automated report generation"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Webhook \u2192 Dynamic image"})," \u2014 incoming data generates branded social images"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"CRM update \u2192 Invoice PDF"})," \u2014 deal closed triggers invoice creation and email delivery"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Scheduled run \u2192 Infographic"})," \u2014 daily stock charts or metrics visualizations"]}),"\n",(0,a.jsxs)(n.li,{children:[(0,a.jsx)(n.strong,{children:"Airtable \u2192 Social media image"})," \u2014 new record creates a branded social media graphic"]}),"\n"]}),"\n",(0,a.jsx)(n.h2,{id:"tips",children:"Tips"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsxs)(n.li,{children:["Use Make.com's ",(0,a.jsx)(n.strong,{children:"JSON module"})," to build complex data structures before passing them to APITemplate.io"]}),"\n",(0,a.jsxs)(n.li,{children:["Use ",(0,a.jsx)(n.strong,{children:"Router"})," modules to generate both a PDF and an image from the same trigger"]}),"\n",(0,a.jsxs)(n.li,{children:["Set up ",(0,a.jsx)(n.strong,{children:"error handlers"})," to manage failures gracefully"]}),"\n",(0,a.jsxs)(n.li,{children:["For image templates, always copy the property keys from the ",(0,a.jsx)(n.strong,{children:"Zapier/Integromat/N8n"})," tab in the Image Editor to ensure the correct key names"]}),"\n",(0,a.jsxs)(n.li,{children:["Use the ",(0,a.jsx)(n.code,{children:"download_url"})," from the APITemplate.io step in an email or file upload step"]}),"\n"]}),"\n",(0,a.jsx)(n.h2,{id:"further-reading",children:"Further reading"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:(0,a.jsx)(n.a,{href:"https://apitemplate.io/blog/integromat-how-to-generate-a-pdf-with-apitemplate-io/",children:"Full tutorial: Generate PDFs with Make.com"})}),"\n",(0,a.jsx)(n.li,{children:(0,a.jsx)(n.a,{href:"https://apitemplate.io/blog/integromat-save-time-and-boost-engagement-by-scheduling-and-automating-social-content-generation/",children:"Automate image generation with Make.com"})}),"\n",(0,a.jsx)(n.li,{children:(0,a.jsx)(n.a,{href:"https://apitemplate.io/blog/automate-stock-chart-image-inforgraphic-creation/",children:"Automate infographic creation with Make.com"})}),"\n",(0,a.jsx)(n.li,{children:(0,a.jsx)(n.a,{href:"https://apitemplate.io/blog/create-pdf-documents-with-integromat-and-json/",children:"Create PDFs with Make.com and JSON"})}),"\n",(0,a.jsx)(n.li,{children:(0,a.jsx)(n.a,{href:"https://apitemplate.io/integrations/integromat/",children:"Make.com integration page"})}),"\n"]})]})}function h(e={}){let{wrapper:n}={...(0,o.R)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(c,{...e})}):c(e)}},9130(e,n,t){t.d(n,{A:()=>i});let i=t.p+"assets/images/make-image-editor-properties-1f7140e05a8c5bc45cdf0d87b0443d21.png"},4272(e,n,t){t.d(n,{A:()=>i});let i=t.p+"assets/images/make-image-key-value-bde3b76cdafcfbc9e7d29ad6c7c51975.png"},8453(e,n,t){t.d(n,{R:()=>r,x:()=>s});var i=t(6540);let a={},o=i.createContext(a);function r(e){let n=i.useContext(o);return i.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function s(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:r(e.components),i.createElement(o.Provider,{value:n},e.children)}}}]);