[{"data":1,"prerenderedAt":1263},["ShallowReactive",2],{"parentPage":3,"subPages":749,"useCases":750,"content-query-Ti60Qfqz9z":751},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"slug":10,"weight":11,"body":12,"_type":743,"_id":744,"_source":745,"_file":746,"_stem":747,"_extension":748},"/integration/make","integration",false,"","Make - Execute JavaScript in Workflows","Seamlessly run custom JavaScript in Make workflows using CustomJS.","make",0,{"type":13,"children":14,"toc":726},"root",[15],{"type":16,"tag":17,"props":18,"children":24},"element","div",{"className":19},[20,21,22,23],"grid","md:grid-cols-3","grid-cols-1","gap-6",[25,28,119,126,131,138,237,243,288,294,539,545,576,582,613,617,623,629,643,652,658,677,685,691,696,704,710,715],{"type":26,"value":27},"text","\n    ",{"type":16,"tag":17,"props":29,"children":33},{"className":30},[31,32],"md:col-span-2","col-span-1",[34,36,85,109],{"type":26,"value":35},"\n        ",{"type":16,"tag":17,"props":37,"children":41},{"className":38},[39,40],"pe-12","pt-3",[42,44,54,55,65,66,84],{"type":26,"value":43},"\n          ",{"type":16,"tag":45,"props":46,"children":51},"h1",{"className":47,"id":50},[48,49],"text-3xl","font-semibold","execute-javascript-in-your-make-scenario",[52],{"type":26,"value":53},"Execute JavaScript in your Make Scenario",{"type":26,"value":43},{"type":16,"tag":56,"props":57,"children":62},"p",{"className":58},[59,60,61],"mt-4","text-lg","text-gray-700",[63],{"type":26,"value":64},"Run JavaScript directly in Make, or store it on CustomJS for better management. With support for dynamic parameters and seamless integration, coding within your workflows has never been easier.",{"type":26,"value":43},{"type":16,"tag":56,"props":67,"children":69},{"className":68},[59],[70,72,82],{"type":26,"value":71},"Get started with access to several popular ",{"type":16,"tag":73,"props":74,"children":79},"a",{"href":75,"className":76},"/npm-modules",[77,78],"text-blue-500","underline",[80],{"type":26,"value":81},"NPM modules",{"type":26,"value":83},", enhancing your coding possibilities.",{"type":26,"value":35},{"type":16,"tag":86,"props":87,"children":89},"callout",{"type":88},"warning",[90],{"type":16,"tag":56,"props":91,"children":92},{},[93,99,101,107],{"type":16,"tag":94,"props":95,"children":96},"strong",{},[97],{"type":26,"value":98},"Important:",{"type":26,"value":100}," There are 2 modules that are flagged as deprecated, you will only see them if you are already using them. For these you have to use ",{"type":16,"tag":73,"props":102,"children":104},{"href":103},"/api-key",[105],{"type":26,"value":106},"RapidAPI Keys",{"type":26,"value":108},".",{"type":16,"tag":110,"props":111,"children":113},"pre",{"code":112},"\u003C/div>\n\u003Cdiv class=\"col-span-1 flex justify-center items-center\">\n    \u003Cimg src=\"/images/make-v1-vs-v2.png\" alt=\"Make Extension\" class=\"rounded shadow-md\"/>\n\u003C/div>\n",[114],{"type":16,"tag":115,"props":116,"children":117},"code",{"__ignoreMap":7},[118],{"type":26,"value":112},{"type":16,"tag":120,"props":121,"children":123},"h2",{"id":122},"documentation-structure",[124],{"type":26,"value":125},"Documentation Structure",{"type":16,"tag":56,"props":127,"children":128},{},[129],{"type":26,"value":130},"This documentation is organized into five main sections to help you master CustomJS with Make.com:",{"type":16,"tag":132,"props":133,"children":135},"h3",{"id":134},"i-getting-started-core-concepts",[136],{"type":26,"value":137},"I. Getting Started & Core Concepts",{"type":16,"tag":139,"props":140,"children":141},"ul",{},[142,157,171,204],{"type":16,"tag":143,"props":144,"children":145},"li",{},[146,155],{"type":16,"tag":94,"props":147,"children":148},{},[149],{"type":16,"tag":73,"props":150,"children":152},{"href":151},"/integration/make/overview",[153],{"type":26,"value":154},"Introduction to CustomJS",{"type":26,"value":156}," - Overview and capabilities",{"type":16,"tag":143,"props":158,"children":159},{},[160,169],{"type":16,"tag":94,"props":161,"children":162},{},[163],{"type":16,"tag":73,"props":164,"children":166},{"href":165},"/integration/make/authentication",[167],{"type":26,"value":168},"Authentication and Setup",{"type":26,"value":170}," - API key configuration",{"type":16,"tag":143,"props":172,"children":173},{},[174,179],{"type":16,"tag":94,"props":175,"children":176},{},[177],{"type":26,"value":178},"Primary Execution Methods",{"type":16,"tag":139,"props":180,"children":181},{},[182,193],{"type":16,"tag":143,"props":183,"children":184},{},[185,191],{"type":16,"tag":73,"props":186,"children":188},{"href":187},"/integration/make/modules/inline-javascript",[189],{"type":26,"value":190},"Inline JavaScript",{"type":26,"value":192}," - Run code directly in Make",{"type":16,"tag":143,"props":194,"children":195},{},[196,202],{"type":16,"tag":73,"props":197,"children":199},{"href":198},"/integration/make/modules/stored-javascript-function",[200],{"type":26,"value":201},"Stored Functions",{"type":26,"value":203}," - Centrally managed functions",{"type":16,"tag":143,"props":205,"children":206},{},[207,212],{"type":16,"tag":94,"props":208,"children":209},{},[210],{"type":26,"value":211},"Writing JavaScript in Make",{"type":16,"tag":139,"props":213,"children":214},{},[215,226],{"type":16,"tag":143,"props":216,"children":217},{},[218,224],{"type":16,"tag":73,"props":219,"children":221},{"href":220},"/integration/make/best-practices",[222],{"type":26,"value":223},"Best Practices (Return Statements)",{"type":26,"value":225}," - Essential coding guidelines",{"type":16,"tag":143,"props":227,"children":228},{},[229,235],{"type":16,"tag":73,"props":230,"children":232},{"href":231},"/integration/make/response-types",[233],{"type":26,"value":234},"Return Response Types",{"type":26,"value":236}," - Understanding data output formats",{"type":16,"tag":132,"props":238,"children":240},{"id":239},"ii-handling-data-and-inputs",[241],{"type":26,"value":242},"II. Handling Data and Inputs",{"type":16,"tag":139,"props":244,"children":245},{},[246,260,274],{"type":16,"tag":143,"props":247,"children":248},{},[249,258],{"type":16,"tag":94,"props":250,"children":251},{},[252],{"type":16,"tag":73,"props":253,"children":255},{"href":254},"/integration/make/input-variables",[256],{"type":26,"value":257},"Accessing Input Variables",{"type":26,"value":259}," - Working with scenario data",{"type":16,"tag":143,"props":261,"children":262},{},[263,272],{"type":16,"tag":94,"props":264,"children":265},{},[266],{"type":16,"tag":73,"props":267,"children":269},{"href":268},"/integration/make/json-data",[270],{"type":26,"value":271},"Using JSON for Complex Data",{"type":26,"value":273}," - Advanced data structures",{"type":16,"tag":143,"props":275,"children":276},{},[277,286],{"type":16,"tag":94,"props":278,"children":279},{},[280],{"type":16,"tag":73,"props":281,"children":283},{"href":282},"/integration/make/collections",[284],{"type":26,"value":285},"Working with Make.com Collections",{"type":26,"value":287}," - Processing arrays and datasets",{"type":16,"tag":132,"props":289,"children":291},{"id":290},"iii-advanced-modules-and-integrations",[292],{"type":26,"value":293},"III. Advanced Modules and Integrations",{"type":16,"tag":139,"props":295,"children":296},{},[297,352,418,462,495],{"type":16,"tag":143,"props":298,"children":299},{},[300,305],{"type":16,"tag":94,"props":301,"children":302},{},[303],{"type":26,"value":304},"Native Modules",{"type":16,"tag":139,"props":306,"children":307},{},[308,319,330,341],{"type":16,"tag":143,"props":309,"children":310},{},[311,317],{"type":16,"tag":73,"props":312,"children":314},{"href":313},"/integration/make/modules/pdf-generation",[315],{"type":26,"value":316},"PDF Generation",{"type":26,"value":318}," - Create documents from HTML",{"type":16,"tag":143,"props":320,"children":321},{},[322,328],{"type":16,"tag":73,"props":323,"children":325},{"href":324},"/integration/make/modules/pdf-merging",[326],{"type":26,"value":327},"PDF Merging",{"type":26,"value":329}," - Combine multiple PDFs",{"type":16,"tag":143,"props":331,"children":332},{},[333,339],{"type":16,"tag":73,"props":334,"children":336},{"href":335},"/integration/make/modules/scraper",[337],{"type":26,"value":338},"Web Scraping",{"type":26,"value":340}," - Extract HTML content",{"type":16,"tag":143,"props":342,"children":343},{},[344,350],{"type":16,"tag":73,"props":345,"children":347},{"href":346},"/integration/make/modules/scraper-screenshot",[348],{"type":26,"value":349},"Website Screenshots",{"type":26,"value":351}," - Capture page images",{"type":16,"tag":143,"props":353,"children":354},{},[355,360],{"type":16,"tag":94,"props":356,"children":357},{},[358],{"type":26,"value":359},"Data & AI Utilities",{"type":16,"tag":139,"props":361,"children":362},{},[363,374,385,396,407],{"type":16,"tag":143,"props":364,"children":365},{},[366,372],{"type":16,"tag":73,"props":367,"children":369},{"href":368},"/integration/make/modules/parse-ai-json",[370],{"type":26,"value":371},"AI JSON Parser",{"type":26,"value":373}," - Clean and repair AI-generated JSON",{"type":16,"tag":143,"props":375,"children":376},{},[377,383],{"type":16,"tag":73,"props":378,"children":380},{"href":379},"/integration/make/modules/aggregate-array",[381],{"type":26,"value":382},"Group & Aggregate Array",{"type":26,"value":384}," - Group, sum and deduplicate in one operation",{"type":16,"tag":143,"props":386,"children":387},{},[388,394],{"type":16,"tag":73,"props":389,"children":391},{"href":390},"/integration/make/modules/parse-number",[392],{"type":26,"value":393},"Parse Localized Number",{"type":26,"value":395}," - Turn \"1.234,56 EUR\" into a real number",{"type":16,"tag":143,"props":397,"children":398},{},[399,405],{"type":16,"tag":73,"props":400,"children":402},{"href":401},"/integration/make/modules/format-date",[403],{"type":26,"value":404},"Format Date & Convert Timezone",{"type":26,"value":406}," - Parse, convert and format dates",{"type":16,"tag":143,"props":408,"children":409},{},[410,416],{"type":16,"tag":73,"props":411,"children":413},{"href":412},"/integration/make/modules/url-to-base64",[414],{"type":26,"value":415},"File to Base64",{"type":26,"value":417}," - Fetch a file and embed it as a data URI",{"type":16,"tag":143,"props":419,"children":420},{},[421,426],{"type":16,"tag":94,"props":422,"children":423},{},[424],{"type":26,"value":425},"Integrated NPM Libraries",{"type":16,"tag":139,"props":427,"children":428},{},[429,440,451],{"type":16,"tag":143,"props":430,"children":431},{},[432,438],{"type":16,"tag":73,"props":433,"children":435},{"href":434},"/integration/make/web-scraping",[436],{"type":26,"value":437},"Web Scraping (cheerio, axios)",{"type":26,"value":439}," - Advanced scraping tools",{"type":16,"tag":143,"props":441,"children":442},{},[443,449],{"type":16,"tag":73,"props":444,"children":446},{"href":445},"/integration/make/jsrsasign",[447],{"type":26,"value":448},"Cryptography (jsrsasign)",{"type":26,"value":450}," - Digital signatures and encryption",{"type":16,"tag":143,"props":452,"children":453},{},[454,460],{"type":16,"tag":73,"props":455,"children":457},{"href":456},"/integration/make/uuid",[458],{"type":26,"value":459},"Unique IDs (uuidv4)",{"type":26,"value":461}," - Generate unique identifiers",{"type":16,"tag":143,"props":463,"children":464},{},[465,470],{"type":16,"tag":94,"props":466,"children":467},{},[468],{"type":26,"value":469},"SDK Integrations",{"type":16,"tag":139,"props":471,"children":472},{},[473,484],{"type":16,"tag":143,"props":474,"children":475},{},[476,482],{"type":16,"tag":73,"props":477,"children":479},{"href":478},"/integration/make/firebase-admin-sdk",[480],{"type":26,"value":481},"Firebase Admin SDK",{"type":26,"value":483}," - Firebase backend operations",{"type":16,"tag":143,"props":485,"children":486},{},[487,493],{"type":16,"tag":73,"props":488,"children":490},{"href":489},"/integration/make/open-ai",[491],{"type":26,"value":492},"OpenAI API",{"type":26,"value":494}," - AI-powered functionality",{"type":16,"tag":143,"props":496,"children":497},{},[498,503],{"type":16,"tag":94,"props":499,"children":500},{},[501],{"type":26,"value":502},"Data Processing Examples",{"type":16,"tag":139,"props":504,"children":505},{},[506,517,528],{"type":16,"tag":143,"props":507,"children":508},{},[509,515],{"type":16,"tag":73,"props":510,"children":512},{"href":511},"/integration/make/map-and-reduce",[513],{"type":26,"value":514},"Map & Reduce Functions",{"type":26,"value":516}," - Array processing patterns",{"type":16,"tag":143,"props":518,"children":519},{},[520,526],{"type":16,"tag":73,"props":521,"children":523},{"href":522},"/integration/make/code-snippets/api-request-axios",[524],{"type":26,"value":525},"HTTP Request with Axios",{"type":26,"value":527}," - API integration",{"type":16,"tag":143,"props":529,"children":530},{},[531,537],{"type":16,"tag":73,"props":532,"children":534},{"href":533},"/integration/make/code-snippets/invoice-pdf-generation",[535],{"type":26,"value":536},"Invoice PDF Generation",{"type":26,"value":538}," - Document automation",{"type":16,"tag":132,"props":540,"children":542},{"id":541},"iv-usage-pricing-and-limitations",[543],{"type":26,"value":544},"IV. Usage, Pricing, and Limitations",{"type":16,"tag":139,"props":546,"children":547},{},[548,562],{"type":16,"tag":143,"props":549,"children":550},{},[551,560],{"type":16,"tag":94,"props":552,"children":553},{},[554],{"type":16,"tag":73,"props":555,"children":557},{"href":556},"/integration/make/make-credits",[558],{"type":26,"value":559},"Cost Savings with Make.com Credits",{"type":26,"value":561}," - Optimize your spending",{"type":16,"tag":143,"props":563,"children":564},{},[565,574],{"type":16,"tag":94,"props":566,"children":567},{},[568],{"type":16,"tag":73,"props":569,"children":571},{"href":570},"/integration/make/rate-limits",[572],{"type":26,"value":573},"Rate Limits",{"type":26,"value":575}," - Understanding usage constraints",{"type":16,"tag":132,"props":577,"children":579},{"id":578},"v-support-and-troubleshooting",[580],{"type":26,"value":581},"V. Support and Troubleshooting",{"type":16,"tag":139,"props":583,"children":584},{},[585,599],{"type":16,"tag":143,"props":586,"children":587},{},[588,597],{"type":16,"tag":94,"props":589,"children":590},{},[591],{"type":16,"tag":73,"props":592,"children":594},{"href":593},"/integration/make/troubleshooting",[595],{"type":26,"value":596},"Troubleshooting Guide",{"type":26,"value":598}," - Common issues and solutions",{"type":16,"tag":143,"props":600,"children":601},{},[602,611],{"type":16,"tag":94,"props":603,"children":604},{},[605],{"type":16,"tag":73,"props":606,"children":608},{"href":607},"/integration/make/support",[609],{"type":26,"value":610},"Getting Help",{"type":26,"value":612}," - Support resources and contact information",{"type":16,"tag":614,"props":615,"children":616},"hr",{},[],{"type":16,"tag":120,"props":618,"children":620},{"id":619},"quick-start-guide",[621],{"type":26,"value":622},"Quick Start Guide",{"type":16,"tag":132,"props":624,"children":626},{"id":625},"_1-get-your-api-key",[627],{"type":26,"value":628},"1. Get Your API Key",{"type":16,"tag":56,"props":630,"children":631},{},[632,641],{"type":16,"tag":73,"props":633,"children":638},{"href":634,":target":635,"rel":636},"https://app.customjs.space/#/","_blank",[637],"nofollow",[639],{"type":26,"value":640},"Sign In",{"type":26,"value":642}," to CustomJS and copy your API key from the dashboard.",{"type":16,"tag":56,"props":644,"children":645},{},[646],{"type":16,"tag":647,"props":648,"children":651},"img",{"alt":649,"src":650},"CustomJS V2 API Key","/images/make-tutorial/make-tutorial-1.png",[],{"type":16,"tag":132,"props":653,"children":655},{"id":654},"_2-add-customjs-to-make",[656],{"type":26,"value":657},"2. Add CustomJS to Make",{"type":16,"tag":56,"props":659,"children":660},{},[661,663,668,670,675],{"type":26,"value":662},"Choose ",{"type":16,"tag":94,"props":664,"children":665},{},[666],{"type":26,"value":667},"Execute inline JavaScript Code",{"type":26,"value":669}," CustomJS ",{"type":16,"tag":94,"props":671,"children":672},{},[673],{"type":26,"value":674},"V2",{"type":26,"value":676}," action in your Make scenario.",{"type":16,"tag":56,"props":678,"children":679},{},[680],{"type":16,"tag":647,"props":681,"children":684},{"alt":682,"src":683},"CustomJS Make Actions","/images/make-tutorial/make-tutorial-2.png",[],{"type":16,"tag":132,"props":686,"children":688},{"id":687},"_3-configure-connection",[689],{"type":26,"value":690},"3. Configure Connection",{"type":16,"tag":56,"props":692,"children":693},{},[694],{"type":26,"value":695},"Use your API key to create the connection in Make.",{"type":16,"tag":56,"props":697,"children":698},{},[699],{"type":16,"tag":647,"props":700,"children":703},{"alt":701,"src":702},"CustomJS Make Connection","/images/make-tutorial/make-tutorial-3.png",[],{"type":16,"tag":132,"props":705,"children":707},{"id":706},"_4-start-coding",[708],{"type":26,"value":709},"4. Start Coding",{"type":16,"tag":56,"props":711,"children":712},{},[713],{"type":26,"value":714},"Write JavaScript with proper return statements and enjoy powerful automation capabilities.",{"type":16,"tag":56,"props":716,"children":717},{},[718,720,725],{"type":26,"value":719},"For detailed guidance, start with our ",{"type":16,"tag":73,"props":721,"children":722},{"href":151},[723],{"type":26,"value":724},"Getting Started section",{"type":26,"value":108},{"title":7,"searchDepth":727,"depth":727,"links":728},2,[729,737],{"id":122,"depth":727,"text":125,"children":730},[731,733,734,735,736],{"id":134,"depth":732,"text":137},3,{"id":239,"depth":732,"text":242},{"id":290,"depth":732,"text":293},{"id":541,"depth":732,"text":544},{"id":578,"depth":732,"text":581},{"id":619,"depth":727,"text":622,"children":738},[739,740,741,742],{"id":625,"depth":732,"text":628},{"id":654,"depth":732,"text":657},{"id":687,"depth":732,"text":690},{"id":706,"depth":732,"text":709},"markdown","content:integration:make:index.md","content","integration/make/index.md","integration/make/index","md",[],[],{"_path":412,"_dir":752,"_draft":6,"_partial":6,"_locale":7,"title":753,"description":754,"body":755,"_type":743,"_id":1260,"_source":745,"_file":1261,"_stem":1262,"_extension":748},"modules","File to Base64 (from URL)","Download a file from a URL in Make.com and get Base64 plus a ready-to-embed data URI, ideal for embedding images into HTML to PDF templates",{"type":13,"children":756,"toc":1251},[757,762,767,773,794,800,883,889,894,925,1001,1015,1020,1026,1138,1144,1197,1203,1245],{"type":16,"tag":45,"props":758,"children":760},{"id":759},"file-to-base64-from-url",[761],{"type":26,"value":753},{"type":16,"tag":56,"props":763,"children":764},{},[765],{"type":26,"value":766},"The File to Base64 module downloads a file from a URL and returns its Base64 encoding plus a ready-to-embed data URI. It is the quickest way to inline logos, icons or fonts into HTML templates in Make.com.",{"type":16,"tag":120,"props":768,"children":770},{"id":769},"how-it-works",[771],{"type":26,"value":772},"How it works",{"type":16,"tag":56,"props":774,"children":775},{},[776,778,784,786,792],{"type":26,"value":777},"You provide a public URL. The module downloads the file (following redirects), detects its content type, and returns the raw Base64 string alongside a complete data URI like ",{"type":16,"tag":115,"props":779,"children":781},{"className":780},[],[782],{"type":26,"value":783},"data:image/png;base64,iVBOR...",{"type":26,"value":785}," that you can drop straight into an ",{"type":16,"tag":115,"props":787,"children":789},{"className":788},[],[790],{"type":26,"value":791},"src",{"type":26,"value":793}," attribute or a CSS rule.",{"type":16,"tag":132,"props":795,"children":797},{"id":796},"module-fields",[798],{"type":26,"value":799},"Module Fields",{"type":16,"tag":801,"props":802,"children":803},"table",{},[804,828],{"type":16,"tag":805,"props":806,"children":807},"thead",{},[808],{"type":16,"tag":809,"props":810,"children":811},"tr",{},[812,818,823],{"type":16,"tag":813,"props":814,"children":815},"th",{},[816],{"type":26,"value":817},"Field",{"type":16,"tag":813,"props":819,"children":820},{},[821],{"type":26,"value":822},"Description",{"type":16,"tag":813,"props":824,"children":825},{},[826],{"type":26,"value":827},"How to use it",{"type":16,"tag":829,"props":830,"children":831},"tbody",{},[832,854],{"type":16,"tag":809,"props":833,"children":834},{},[835,844,849],{"type":16,"tag":836,"props":837,"children":838},"td",{},[839],{"type":16,"tag":94,"props":840,"children":841},{},[842],{"type":26,"value":843},"Connection",{"type":16,"tag":836,"props":845,"children":846},{},[847],{"type":26,"value":848},"Links the module to the CustomJS service",{"type":16,"tag":836,"props":850,"children":851},{},[852],{"type":26,"value":853},"Select or create a connection using your API key",{"type":16,"tag":809,"props":855,"children":856},{},[857,865,870],{"type":16,"tag":836,"props":858,"children":859},{},[860],{"type":16,"tag":94,"props":861,"children":862},{},[863],{"type":26,"value":864},"File URL",{"type":16,"tag":836,"props":866,"children":867},{},[868],{"type":26,"value":869},"The file to download and encode",{"type":16,"tag":836,"props":871,"children":872},{},[873,875,881],{"type":26,"value":874},"A public ",{"type":16,"tag":115,"props":876,"children":878},{"className":877},[],[879],{"type":26,"value":880},"http(s)",{"type":26,"value":882}," URL. Redirects are followed automatically. Maximum file size is 8 MB",{"type":16,"tag":120,"props":884,"children":886},{"id":885},"usage-example",[887],{"type":26,"value":888},"Usage example",{"type":16,"tag":56,"props":890,"children":891},{},[892],{"type":26,"value":893},"Embed a company logo into a PDF invoice template:",{"type":16,"tag":895,"props":896,"children":897},"ol",{},[898,913],{"type":16,"tag":143,"props":899,"children":900},{},[901,905,907],{"type":16,"tag":94,"props":902,"children":903},{},[904],{"type":26,"value":415},{"type":26,"value":906},": File URL ",{"type":16,"tag":115,"props":908,"children":910},{"className":909},[],[911],{"type":26,"value":912},"https://example.com/logo.png",{"type":16,"tag":143,"props":914,"children":915},{},[916,918,923],{"type":26,"value":917},"Map the ",{"type":16,"tag":94,"props":919,"children":920},{},[921],{"type":26,"value":922},"Data URI",{"type":26,"value":924}," output into your HTML template:",{"type":16,"tag":110,"props":926,"children":930},{"className":927,"code":928,"language":929,"meta":7,"style":7},"language-html shiki shiki-themes github-light","\u003Cimg src=\"{{Data URI}}\" alt=\"Logo\" width=\"160\">\n","html",[931],{"type":16,"tag":115,"props":932,"children":933},{"__ignoreMap":7},[934],{"type":16,"tag":935,"props":936,"children":939},"span",{"class":937,"line":938},"line",1,[940,946,951,957,962,968,973,977,982,987,991,996],{"type":16,"tag":935,"props":941,"children":943},{"style":942},"--shiki-default:#24292E",[944],{"type":26,"value":945},"\u003C",{"type":16,"tag":935,"props":947,"children":949},{"style":948},"--shiki-default:#22863A",[950],{"type":26,"value":647},{"type":16,"tag":935,"props":952,"children":954},{"style":953},"--shiki-default:#6F42C1",[955],{"type":26,"value":956}," src",{"type":16,"tag":935,"props":958,"children":959},{"style":942},[960],{"type":26,"value":961},"=",{"type":16,"tag":935,"props":963,"children":965},{"style":964},"--shiki-default:#032F62",[966],{"type":26,"value":967},"\"{{Data URI}}\"",{"type":16,"tag":935,"props":969,"children":970},{"style":953},[971],{"type":26,"value":972}," alt",{"type":16,"tag":935,"props":974,"children":975},{"style":942},[976],{"type":26,"value":961},{"type":16,"tag":935,"props":978,"children":979},{"style":964},[980],{"type":26,"value":981},"\"Logo\"",{"type":16,"tag":935,"props":983,"children":984},{"style":953},[985],{"type":26,"value":986}," width",{"type":16,"tag":935,"props":988,"children":989},{"style":942},[990],{"type":26,"value":961},{"type":16,"tag":935,"props":992,"children":993},{"style":964},[994],{"type":26,"value":995},"\"160\"",{"type":16,"tag":935,"props":997,"children":998},{"style":942},[999],{"type":26,"value":1000},">\n",{"type":16,"tag":895,"props":1002,"children":1003},{"start":732},[1004],{"type":16,"tag":143,"props":1005,"children":1006},{},[1007,1009,1014],{"type":26,"value":1008},"Pass the HTML to the ",{"type":16,"tag":73,"props":1010,"children":1011},{"href":313},[1012],{"type":26,"value":1013},"HTML to PDF module",{"type":26,"value":108},{"type":16,"tag":56,"props":1016,"children":1017},{},[1018],{"type":26,"value":1019},"The logo is now part of the HTML itself, so the PDF renderer never has to fetch it, which makes rendering faster and immune to broken image links.",{"type":16,"tag":120,"props":1021,"children":1023},{"id":1022},"output",[1024],{"type":26,"value":1025},"Output",{"type":16,"tag":801,"props":1027,"children":1028},{},[1029,1043],{"type":16,"tag":805,"props":1030,"children":1031},{},[1032],{"type":16,"tag":809,"props":1033,"children":1034},{},[1035,1039],{"type":16,"tag":813,"props":1036,"children":1037},{},[1038],{"type":26,"value":1025},{"type":16,"tag":813,"props":1040,"children":1041},{},[1042],{"type":26,"value":822},{"type":16,"tag":829,"props":1044,"children":1045},{},[1046,1062,1100,1122],{"type":16,"tag":809,"props":1047,"children":1048},{},[1049,1057],{"type":16,"tag":836,"props":1050,"children":1051},{},[1052],{"type":16,"tag":94,"props":1053,"children":1054},{},[1055],{"type":26,"value":1056},"Base64",{"type":16,"tag":836,"props":1058,"children":1059},{},[1060],{"type":26,"value":1061},"The raw Base64 string of the file content",{"type":16,"tag":809,"props":1063,"children":1064},{},[1065,1072],{"type":16,"tag":836,"props":1066,"children":1067},{},[1068],{"type":16,"tag":94,"props":1069,"children":1070},{},[1071],{"type":26,"value":922},{"type":16,"tag":836,"props":1073,"children":1074},{},[1075,1077,1083,1085,1090,1092,1098],{"type":26,"value":1076},"A complete ",{"type":16,"tag":115,"props":1078,"children":1080},{"className":1079},[],[1081],{"type":26,"value":1082},"data:\u003Ccontent-type>;base64,...",{"type":26,"value":1084}," string, ready for ",{"type":16,"tag":115,"props":1086,"children":1088},{"className":1087},[],[1089],{"type":26,"value":791},{"type":26,"value":1091}," attributes or CSS ",{"type":16,"tag":115,"props":1093,"children":1095},{"className":1094},[],[1096],{"type":26,"value":1097},"url()",{"type":26,"value":1099}," values",{"type":16,"tag":809,"props":1101,"children":1102},{},[1103,1111],{"type":16,"tag":836,"props":1104,"children":1105},{},[1106],{"type":16,"tag":94,"props":1107,"children":1108},{},[1109],{"type":26,"value":1110},"Content Type",{"type":16,"tag":836,"props":1112,"children":1113},{},[1114,1116],{"type":26,"value":1115},"The detected MIME type, e.g. ",{"type":16,"tag":115,"props":1117,"children":1119},{"className":1118},[],[1120],{"type":26,"value":1121},"image/png",{"type":16,"tag":809,"props":1123,"children":1124},{},[1125,1133],{"type":16,"tag":836,"props":1126,"children":1127},{},[1128],{"type":16,"tag":94,"props":1129,"children":1130},{},[1131],{"type":26,"value":1132},"Size (bytes)",{"type":16,"tag":836,"props":1134,"children":1135},{},[1136],{"type":26,"value":1137},"The file size in bytes",{"type":16,"tag":120,"props":1139,"children":1141},{"id":1140},"good-to-know",[1142],{"type":26,"value":1143},"Good to know",{"type":16,"tag":139,"props":1145,"children":1146},{},[1147,1171,1181],{"type":16,"tag":143,"props":1148,"children":1149},{},[1150,1155,1157,1162,1164,1170],{"type":16,"tag":94,"props":1151,"children":1152},{},[1153],{"type":26,"value":1154},"Typical use is PDF templates.",{"type":26,"value":1156}," Embedding logos, icons or fonts via the data URI is the most reliable way to get assets into ",{"type":16,"tag":73,"props":1158,"children":1159},{"href":313},[1160],{"type":26,"value":1161},"HTML to PDF",{"type":26,"value":1163}," renders. The same pattern works with the ",{"type":16,"tag":73,"props":1165,"children":1167},{"href":1166},"/integration/pdf-api/html-to-pdf",[1168],{"type":26,"value":1169},"HTML to PDF REST API",{"type":26,"value":108},{"type":16,"tag":143,"props":1172,"children":1173},{},[1174,1179],{"type":16,"tag":94,"props":1175,"children":1176},{},[1177],{"type":26,"value":1178},"8 MB limit.",{"type":26,"value":1180}," Files larger than 8 MB throw an error. Resize or compress large images before encoding; Base64 also inflates data by roughly a third, so smaller is better anyway.",{"type":16,"tag":143,"props":1182,"children":1183},{},[1184,1189,1191,1196],{"type":16,"tag":94,"props":1185,"children":1186},{},[1187],{"type":26,"value":1188},"Public URLs only.",{"type":26,"value":1190}," The URL must be reachable without authentication over ",{"type":16,"tag":115,"props":1192,"children":1194},{"className":1193},[],[1195],{"type":26,"value":880},{"type":26,"value":108},{"type":16,"tag":120,"props":1198,"children":1200},{"id":1199},"related",[1201],{"type":26,"value":1202},"Related",{"type":16,"tag":56,"props":1204,"children":1205},{},[1206,1208,1213,1215,1219,1221,1225,1226,1230,1232,1236,1238,1244],{"type":26,"value":1207},"See the ",{"type":16,"tag":73,"props":1209,"children":1210},{"href":151},[1211],{"type":26,"value":1212},"Make.com integration overview",{"type":26,"value":1214}," for setup instructions, and check out the other utility modules: ",{"type":16,"tag":73,"props":1216,"children":1217},{"href":379},[1218],{"type":26,"value":382},{"type":26,"value":1220},", ",{"type":16,"tag":73,"props":1222,"children":1223},{"href":368},[1224],{"type":26,"value":371},{"type":26,"value":1220},{"type":16,"tag":73,"props":1227,"children":1228},{"href":390},[1229],{"type":26,"value":393},{"type":26,"value":1231}," and ",{"type":16,"tag":73,"props":1233,"children":1234},{"href":401},[1235],{"type":26,"value":404},{"type":26,"value":1237},". More cleanup recipes are in ",{"type":16,"tag":73,"props":1239,"children":1241},{"href":1240},"/blog/make-data-cleanup-snippets",[1242],{"type":26,"value":1243},"Data cleanup snippets for Make",{"type":26,"value":108},{"type":16,"tag":1246,"props":1247,"children":1248},"style",{},[1249],{"type":26,"value":1250},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":7,"searchDepth":727,"depth":727,"links":1252},[1253,1256,1257,1258,1259],{"id":769,"depth":727,"text":772,"children":1254},[1255],{"id":796,"depth":732,"text":799},{"id":885,"depth":727,"text":888},{"id":1022,"depth":727,"text":1025},{"id":1140,"depth":727,"text":1143},{"id":1199,"depth":727,"text":1202},"content:integration:make:modules:url-to-base64.md","integration/make/modules/url-to-base64.md","integration/make/modules/url-to-base64",1787727651204]