Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.
The Design tab of Integrations → Sales documents decides how your documents look.
Start from a predefined template, or set each control yourself. Everything is shown against
a live preview of the real PDF.
Eight presets — Ink, Indigo, Navy, Emerald, Teal, Crimson, Amber, Plum — or any colour you
enter as a six-digit hex value. It colours the title, the band on a colour-band layout, the
table header and the Total row. Text sitting on it flips to black or white automatically so
it stays readable.
Courtesy blocks you may switch off. All are on by default.
Block
Notes
Logo
Your workspace logo, when one is uploaded
Amount in words
”Rupees five hundred only” under the totals
Bank details
Only ever printed while something is still owed
Notes
The notes block, when a document has notes
Terms
The terms block, when a document has terms
Footer line
The footer sentence from Settings. Page numbers always print
PAID stamp
On a settled invoice. Never on a receipt — its title already says so
View-online link
The small link to the web copy at the bottom
Signature
Your signature image and the signatory’s name, bottom right. Prints only when one of them is set in Settings
UPI QR code
A scannable pay-by-UPI code beside the bank details, filled in with the balance due. Needs a UPI ID in Settings, and appears only while money is owed in rupees and the bank details block is on
Design changes how a document looks, never what it says. No option renames the
title, drops the HSN column on a GST invoice, hides the note that says a document is not a
tax invoice, or removes the page numbers.
The panel on the right is the real PDF, rendered by the same code that renders a real
document — a sample invoice built on your own business name, GSTIN, bank details, footer,
logo, signature and custom fields, with a sample delivery charge and bill discount so every
row of the totals block shows. It re-renders as you change things and consumes no invoice
number. Use Preview as
to see a different document type. On a phone that will not
show a PDF inline, an Open button does it instead.
The appearance is copied onto each document as it is issued, exactly as the company
details are. Changing your accent colour tomorrow redraws nothing you sent today —
re-opening an old document always reproduces what the customer holds.
Documents issued before the Design tab existed carry no appearance and render exactly as
they always did.
The logo is your workspace logo, uploaded in Settings. The signature is
uploaded on the console’s Settings tab — see
Signature. Both must be PNG or JPEG. If either
cannot be fetched the document is still produced, without it.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Watx","description":"Documentation for Watx: one inbox for WhatsApp, Instagram and website chat, with a CRM, automations, flows, forms, AI agents, integrations and a public API.","colors":{"primary":"#16A34A","light":"#07C983","dark":"#15803D"},"logo":{"light":"https://mintcdn.com/watx/RbII_Y84cOqYh7_M/logo/light.svg?fit=max\u0026auto=format\u0026n=RbII_Y84cOqYh7_M\u0026q=85\u0026s=9f016a244568da620d7a646c56e7889f","dark":"https://mintcdn.com/watx/RbII_Y84cOqYh7_M/logo/dark.svg?fit=max\u0026auto=format\u0026n=RbII_Y84cOqYh7_M\u0026q=85\u0026s=0bb6c63111efdfd7ef7a399e6887ab21","href":"https://app.watx.in"},"favicon":{"light":"https://mintcdn.com/watx/BcZx4nq4blikJB48/images/watx-mark-light.png?fit=max\u0026auto=format\u0026n=BcZx4nq4blikJB48\u0026q=85\u0026s=5cb4a28aa55834fb3a854e26ba4b8b50","dark":"https://mintcdn.com/watx/BcZx4nq4blikJB48/images/watx-mark-dark.png?fit=max\u0026auto=format\u0026n=BcZx4nq4blikJB48\u0026q=85\u0026s=9d042920d09f1124ec9cced5a27f3486"},"navbar":{"links":[{"icon":"paper-plane","href":"/api/postman","label":"Postman collection"},{"href":"mailto:support@watx.in","label":"Support"}],"primary":{"type":"button","label":"Open Watx","href":"https://app.watx.in"}},"footer":{"links":[{"header":"Product","items":[{"label":"Open Watx","href":"https://app.watx.in"},{"label":"Pricing","href":"https://app.watx.in/pricing"}]},{"header":"Help","items":[{"label":"Support","href":"mailto:support@watx.in"}]}]},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"watx","hasAudioNarration":false,"actualSubdomain":"watx","customDomains":["docs.watx.in"],"gitSource":{"type":"github","owner":"sivakrishnacode","repo":"watx-docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"latestBuiltDeploymentHistoryId":"6ad4bb0a5ec9dc5442eb45c9","collectionId":"915b525b-9f30-403d-be81-db443151af68","liveDeploymentHistoryId":"6ad4bb0a5ec9dc5442eb45c9","schemaVersion":"v3"},"entitlements":{"AI_CHAT":{"status":"DISABLED"},"WEB_MCP":{"status":"DISABLED"},"NARRATION":{"status":"DISABLED"}},"buildId":"6ad4bb0a5ec9dc5442eb45c9","clientVersion":"0.0.4021","searchFilterCounts":[{"language":"default","tag":"Guides","count":80},{"language":"default","tag":"API reference","count":29},{"language":"default","tag":"Channels","count":28},{"language":"default","tag":"Integrations","count":17},{"language":"default","tag":"WhatsApp","count":15},{"language":"default","tag":"AI agents","count":10},{"language":"default","tag":"Automations","count":10},{"language":"default","tag":"Forms","count":8},{"language":"default","tag":"Instagram","count":8},{"language":"default","tag":"Segments","count":8}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"integrations/sales-documents-design","slug":"/integrations/sales-documents-design","pageMetadata":{"title":"Document design","description":"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.","sidebarTitle":"Document design","icon":"palette","href":"/integrations/sales-documents-design"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Heading,Table,Warning}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Design`}),` tab of `,_jsx(_components.strong,{children:`Integrations → Sales documents`}),` decides how your documents look.\nStart from a predefined template, or set each control yourself. Everything is shown against\na live preview of the real PDF.`]}),`\n`,_jsx(Heading,{level:`2`,id:`start-from-a-template`,children:`Start from a template`}),`\n`,_jsx(_components.p,{children:`One click sets the layout, colour, spacing and which blocks print. Adjust anything\nafterwards.`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Template`}),_jsx(_components.th,{children:`What it looks like`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Classic`})}),_jsx(_components.td,{children:`The default. Your name top-left, a boxed bill-to, a grey table header`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Bold header`})}),_jsx(_components.td,{children:`A colour band across the top carries your name and the title`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Quiet`})}),_jsx(_components.td,{children:`No fills, hairline rules and plenty of air. For studios, consultants and clinics`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Ledger`})}),_jsx(_components.td,{children:`A fully ruled grid that stays legible with forty lines. For shops and wholesalers`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Letterhead`})}),_jsx(_components.td,{children:`Your name centred at the top like printed stationery, with the bill under a rule`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Warm`})}),_jsx(_components.td,{children:`The colour band in amber, comfortable spacing, and no view-online line`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Fresh`})}),_jsx(_components.td,{children:`Minimal with an emerald title, for a service business that wants a little colour`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`the-controls`,children:`The controls`}),`\n`,_jsx(Heading,{level:`3`,id:`layout`,children:`Layout`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Layout`}),_jsx(_components.th,{children:`Description`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Classic`})}),_jsx(_components.td,{children:`Name top-left, boxed bill-to, grey table header`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Colour band`})}),_jsx(_components.td,{children:`A band carries the name and title; the table header and Total row wear it too`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Minimal`})}),_jsx(_components.td,{children:`No fills, hairline rules, the title in your accent colour`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Ledger`})}),_jsx(_components.td,{children:`Every cell ruled, boxed totals — built for long documents`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Letterhead`})}),_jsx(_components.td,{children:`Name and address centred over a rule`})]})]})]}),`\n`,_jsx(Heading,{level:`3`,id:`accent-colour`,children:`Accent colour`}),`\n`,_jsx(_components.p,{children:`Eight presets — Ink, Indigo, Navy, Emerald, Teal, Crimson, Amber, Plum — or any colour you\nenter as a six-digit hex value. It colours the title, the band on a colour-band layout, the\ntable header and the Total row. Text sitting on it flips to black or white automatically so\nit stays readable.`}),`\n`,_jsx(Heading,{level:`3`,id:`spacing`,children:`Spacing`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Compact`}),`, `,_jsx(_components.strong,{children:`Comfortable`}),` (the default) or `,_jsx(_components.strong,{children:`Spacious`}),`. Type size, cell padding, gaps\nand margins all move together.`]}),`\n`,_jsx(Heading,{level:`3`,id:`paper`,children:`Paper`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`A4`}),` or `,_jsx(_components.strong,{children:`US Letter`}),`.`]}),`\n`,_jsx(Heading,{level:`3`,id:`on-the-document`,children:`On the document`}),`\n`,_jsx(_components.p,{children:`Courtesy blocks you may switch off. All are on by default.`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Block`}),_jsx(_components.th,{children:`Notes`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Logo`})}),_jsx(_components.td,{children:`Your workspace logo, when one is uploaded`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Amount in words`})}),_jsx(_components.td,{children:`”Rupees five hundred only” under the totals`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Bank details`})}),_jsx(_components.td,{children:`Only ever printed while something is still owed`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Notes`})}),_jsx(_components.td,{children:`The notes block, when a document has notes`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Terms`})}),_jsx(_components.td,{children:`The terms block, when a document has terms`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Footer line`})}),_jsx(_components.td,{children:`The footer sentence from Settings. Page numbers always print`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`PAID stamp`})}),_jsx(_components.td,{children:`On a settled invoice. Never on a receipt — its title already says so`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`View-online link`})}),_jsx(_components.td,{children:`The small link to the web copy at the bottom`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Signature`})}),_jsx(_components.td,{children:`Your signature image and the signatory’s name, bottom right. Prints only when one of them is set in Settings`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`UPI QR code`})}),_jsx(_components.td,{children:`A scannable pay-by-UPI code beside the bank details, filled in with the balance due. Needs a UPI ID in Settings, and appears only while money is owed in rupees and the bank details block is on`})]})]})]}),`\n`,_jsx(Warning,{children:_jsxs(_components.p,{children:[`Design changes how a document `,_jsx(_components.strong,{children:`looks`}),`, never what it `,_jsx(_components.strong,{children:`says`}),`. No option renames the\ntitle, drops the HSN column on a GST invoice, hides the note that says a document is not a\ntax invoice, or removes the page numbers.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`the-preview`,children:`The preview`}),`\n`,_jsxs(_components.p,{children:[`The panel on the right is the `,_jsx(_components.strong,{children:`real PDF`}),`, rendered by the same code that renders a real\ndocument — a sample invoice built on your own business name, GSTIN, bank details, footer,\nlogo, signature and custom fields, with a sample delivery charge and bill discount so every\nrow of the totals block shows. It re-renders as you change things and consumes no invoice\nnumber. Use `,_jsx(_components.strong,{children:`Preview as`}),`\nto see a different `,_jsx(_components.a,{href:`/integrations/sales-documents`,children:`document type`}),`. On a phone that will not\nshow a PDF inline, an `,_jsx(_components.strong,{children:`Open`}),` button does it instead.`]}),`\n`,_jsx(Heading,{level:`2`,id:`design-is-frozen-when-a-document-is-issued`,children:`Design is frozen when a document is issued`}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`The appearance is copied onto each document as it is issued, exactly as the company\ndetails are. Changing your accent colour tomorrow redraws nothing you sent today —\nre-opening an old document always reproduces what the customer holds.`})}),`\n`,_jsx(_components.p,{children:`Documents issued before the Design tab existed carry no appearance and render exactly as\nthey always did.`}),`\n`,_jsx(Heading,{level:`2`,id:`the-logo-and-the-signature`,children:`The logo and the signature`}),`\n`,_jsxs(_components.p,{children:[`The logo is your workspace logo, uploaded in `,_jsx(_components.a,{href:`/settings/overview`,children:`Settings`}),`. The signature is\nuploaded on the console’s `,_jsx(_components.strong,{children:`Settings`}),` tab — see\n`,_jsx(_components.a,{href:`/integrations/sales-documents#signature`,children:`Signature`}),`. Both must be PNG or JPEG. If either\ncannot be fetched the document is still produced, without it.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Document design","description":"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.","sidebarTitle":"Document design","icon":"palette","href":"/integrations/sales-documents-design"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Start from a template","slug":"start-from-a-template","depth":2,"children":[]},{"title":"The controls","slug":"the-controls","depth":2,"children":[{"title":"Layout","slug":"layout","depth":3,"children":[]},{"title":"Accent colour","slug":"accent-colour","depth":3,"children":[]},{"title":"Spacing","slug":"spacing","depth":3,"children":[]},{"title":"Paper","slug":"paper","depth":3,"children":[]},{"title":"On the document","slug":"on-the-document","depth":3,"children":[]}]},{"title":"The preview","slug":"the-preview","depth":2,"children":[]},{"title":"Design is frozen when a document is issued","slug":"design-is-frozen-when-a-document-is-issued","depth":2,"children":[]},{"title":"The logo and the signature","slug":"the-logo-and-the-signature","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"watx","siteName":"Watx","title":"Document design - Watx","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-18T10:39:33.104Z","originalFileLocation":"integrations/sales-documents-design.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Watx\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Document design - Watx\">\u003cmeta data-mint-head property=\"og:description\" content=\"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Watx\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.watx.in/integrations/sales-documents-design\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://watx.mintlify.app/_mintlify/api/og/v2?division=Integrations\u0026amp;title=Document+design\u0026amp;description=Choose+how+your+invoices+look+%E2%80%94+a+predefined+template%2C+or+the+layout%2C+accent+colour%2C+density%2C+paper+size+and+optional+blocks+one+by+one%2C+beside+a+live+PDF+previ\u0026amp;theme=4702c6122007e2df47c96f3b\u0026amp;signature=02599245dcd73e024755cdd1a3f9347978a42635ca817cf69b9fc2a33b7be4dc\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Document design - Watx\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://watx.mintlify.app/_mintlify/api/og/v2?division=Integrations\u0026amp;title=Document+design\u0026amp;description=Choose+how+your+invoices+look+%E2%80%94+a+predefined+template%2C+or+the+layout%2C+accent+colour%2C+density%2C+paper+size+and+optional+blocks+one+by+one%2C+beside+a+live+PDF+previ\u0026amp;theme=4702c6122007e2df47c96f3b\u0026amp;signature=02599245dcd73e024755cdd1a3f9347978a42635ca817cf69b9fc2a33b7be4dc\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/watx/o5UY8HKtkGMmwyEK/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Watx\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#16A34A\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.watx.in/integrations/sales-documents-design\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/integrations/sales-documents-design.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.watx.in/#organization\",\"name\":\"Watx\",\"url\":\"https://docs.watx.in\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/watx/RbII_Y84cOqYh7_M/logo/light.svg?fit=max\u0026auto=format\u0026n=RbII_Y84cOqYh7_M\u0026q=85\u0026s=9f016a244568da620d7a646c56e7889f\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.watx.in#website\",\"name\":\"Watx\",\"url\":\"https://docs.watx.in\",\"publisher\":{\"@id\":\"https://docs.watx.in/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.watx.in/integrations/sales-documents-design#webpage\",\"url\":\"https://docs.watx.in/integrations/sales-documents-design\",\"name\":\"Document design\",\"description\":\"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.\",\"dateModified\":\"2026-10-18T10:39:33.104Z\",\"isPartOf\":{\"@id\":\"https://docs.watx.in#website\"},\"breadcrumb\":{\"@id\":\"https://docs.watx.in/integrations/sales-documents-design#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.watx.in/integrations/sales-documents-design#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Integrations\",\"item\":\"https://docs.watx.in/integrations/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Document design\",\"item\":\"https://docs.watx.in/integrations/sales-documents-design\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.watx.in/integrations/sales-documents-design#article\",\"headline\":\"Document design\",\"name\":\"Document design\",\"description\":\"Choose how your invoices look — a predefined template, or the layout, accent colour, density, paper size and optional blocks one by one, beside a live PDF preview.\",\"url\":\"https://docs.watx.in/integrations/sales-documents-design\",\"mainEntityOfPage\":{\"@id\":\"https://docs.watx.in/integrations/sales-documents-design#webpage\"},\"dateModified\":\"2026-10-18T10:39:33.104Z\",\"publisher\":{\"@id\":\"https://docs.watx.in/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.watx.in#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Watx\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Watx","nav":{"global":null,"tabs":[{"tab":"Guides","groups":[{"group":"Getting started","pages":[{"title":"Introduction","icon":"house","href":""},{"title":"Quickstart","icon":"rocket","href":"/getting-started/quickstart"},{"title":"Home","sidebarTitle":"Home","icon":"gauge","href":"/getting-started/home"},{"title":"Core concepts","icon":"book-open","href":"/getting-started/concepts"},{"title":"Workspaces","icon":"building","href":"/getting-started/workspaces"},{"title":"Plans and billing","sidebarTitle":"Plans and billing","icon":"credit-card","href":"/getting-started/plans-and-billing"}]},{"group":"Account","pages":[{"title":"Signing in","sidebarTitle":"Signing in","icon":"right-to-bracket","href":"/account/sign-in"},{"title":"Security and privacy","sidebarTitle":"Security and privacy","icon":"shield-halved","href":"/account/security-and-privacy"}]},{"group":"Settings","pages":[{"title":"Settings","sidebarTitle":"Settings","icon":"gear","href":"/settings/overview"},{"title":"Members and roles","sidebarTitle":"Members and roles","icon":"user-group","href":"/settings/members-and-roles"},{"title":"Workspace settings","sidebarTitle":"Workspace settings","icon":"sliders","href":"/settings/workspace"},{"title":"Team performance","sidebarTitle":"Team performance","icon":"chart-simple","href":"/contacts/team-performance"},{"title":"Developer settings","sidebarTitle":"Developer","icon":"code","href":"/settings/api-keys"}]},{"group":"Inbox","pages":[{"title":"Inbox","icon":"inbox","href":"/inbox/overview"},{"title":"Working a conversation","sidebarTitle":"Working a conversation","icon":"user-check","href":"/inbox/conversations"},{"title":"Keyboard shortcuts","sidebarTitle":"Keyboard shortcuts","icon":"keyboard","href":"/inbox/keyboard-shortcuts"},{"title":"Sending messages","sidebarTitle":"Sending messages","icon":"paper-plane","href":"/inbox/sending"},{"title":"Canned replies","icon":"bolt","href":"/inbox/canned-replies"},{"title":"Notifications","icon":"bell","href":"/inbox/notifications"}]},{"group":"Contacts \u0026 CRM","pages":[{"title":"Contacts","icon":"users","href":"/contacts/overview"},{"title":"Fields and tags","sidebarTitle":"Fields and tags","icon":"tags","href":"/contacts/fields-and-tags"},{"title":"Segments","icon":"layer-group","href":"/contacts/segments"},{"title":"Activity timeline","sidebarTitle":"Activity timeline","icon":"clock-rotate-left","href":"/contacts/activity-timeline"},{"title":"Pipelines and deals","sidebarTitle":"Pipelines and deals","icon":"code-branch","href":"/contacts/pipelines-and-deals"},{"title":"Media library","sidebarTitle":"Media library","icon":"photo-film","href":"/contacts/media-library"}]},{"group":"Automations","pages":[{"title":"Automations","icon":"bolt","href":"/automations/overview"},{"title":"The canvas editor","sidebarTitle":"The canvas editor","icon":"pen-ruler","href":"/automations/editor"},{"title":"Triggers","icon":"bolt","href":"/automations/triggers"},{"title":"Steps","icon":"list-check","href":"/automations/steps"},{"title":"Variables and expressions","sidebarTitle":"Variables","icon":"code","href":"/automations/expressions"},{"title":"Conditions and branching","sidebarTitle":"Conditions","icon":"code-branch","href":"/automations/conditions"},{"title":"Opt-outs and consent","sidebarTitle":"Opt-outs and consent","icon":"bell-slash","href":"/automations/opt-outs"},{"title":"Channels and the 24-hour window","sidebarTitle":"Channels and the window","icon":"arrows-split-up-and-left","href":"/automations/channels-and-window"},{"title":"Diagnostics and logs","sidebarTitle":"Diagnostics and logs","icon":"stethoscope","href":"/automations/diagnostics-and-logs"},{"title":"Templates and Build with AI","sidebarTitle":"Templates and AI","icon":"sparkles","href":"/automations/templates-and-ai"}]},{"group":"Flows","pages":[{"title":"Flows","icon":"diagram-project","href":"/flows/overview"},{"title":"The flow editor","sidebarTitle":"The flow editor","icon":"pen-ruler","href":"/flows/editor"},{"title":"Node types","icon":"shapes","href":"/flows/nodes"},{"title":"Waits, hand-offs and runs","sidebarTitle":"Waits and runs","icon":"hourglass","href":"/flows/waits-and-runs"},{"title":"Testing and Build with AI","sidebarTitle":"Testing and AI","icon":"mobile","href":"/flows/testing-and-ai"}]},{"group":"Forms","pages":[{"title":"Forms and bookings","sidebarTitle":"Overview","icon":"clipboard-list","href":"/forms/overview"},{"title":"The form builder","sidebarTitle":"The builder","icon":"pen-ruler","href":"/forms/builder"},{"title":"Field types","sidebarTitle":"Field types","icon":"table-list","href":"/forms/field-types"},{"title":"Conditional logic and steps","sidebarTitle":"Conditional logic","icon":"code-branch","href":"/forms/conditional-logic"},{"title":"Appearance","sidebarTitle":"Appearance","icon":"palette","href":"/forms/appearance"},{"title":"Booking forms","sidebarTitle":"Booking forms","icon":"calendar-days","href":"/forms/bookings"},{"title":"Sharing a form","sidebarTitle":"Sharing","icon":"share-nodes","href":"/forms/sharing"},{"title":"Submissions","sidebarTitle":"Submissions","icon":"inbox","href":"/forms/submissions"}]},{"group":"AI agents","pages":[{"title":"AI agents","icon":"robot","href":"/ai-agents/overview"},{"title":"Create an agent","icon":"plus","href":"/ai-agents/create"},{"title":"Persona, voice and behaviour","icon":"user-pen","href":"/ai-agents/persona-and-behaviour"},{"title":"Knowledge","icon":"book-open","href":"/ai-agents/knowledge"},{"title":"Skills","icon":"bolt","href":"/ai-agents/skills"},{"title":"Custom API actions","icon":"plug","href":"/ai-agents/custom-actions"},{"title":"Routing","icon":"route","href":"/ai-agents/routing"},{"title":"Test mode and the playground","icon":"flask","href":"/ai-agents/testing"},{"title":"Credits and your own key","icon":"coins","href":"/ai-agents/credits-and-byok"},{"title":"Why is my agent silent?","sidebarTitle":"Agent readiness","icon":"circle-question","href":"/ai-agents/readiness"}]},{"group":"Integrations","pages":[{"title":"Integrations","icon":"plug","href":"/integrations/overview"},{"title":"Shopify","icon":"bag-shopping","href":"/integrations/shopify"},{"title":"WooCommerce","icon":"store","href":"/integrations/woocommerce"},{"title":"Custom store","icon":"code","href":"/integrations/custom-store"},{"title":"Build a custom store connection with an AI assistant","sidebarTitle":"With an AI assistant","icon":"wand-magic-sparkles","href":"/integrations/custom-store-ai"},{"title":"The store console","sidebarTitle":"Store console","icon":"gauge","href":"/integrations/store-console"},{"title":"Cash on delivery confirmation","sidebarTitle":"Cash on delivery","icon":"truck","href":"/integrations/cash-on-delivery"},{"title":"Razorpay payments","sidebarTitle":"Razorpay","icon":"credit-card","href":"/integrations/razorpay"},{"title":"Sales documents","icon":"file-invoice","href":"/integrations/sales-documents"},{"title":"Creating and sending a document","description":"The four-step create dialog, the counter-first customer picker, the real-PDF preview, and how the document reaches WhatsApp as a template with the PDF attached.","sidebarTitle":"Creating and sending","icon":"paper-plane","href":"/integrations/sales-documents-sending"},{"title":"Document design","sidebarTitle":"Document design","icon":"palette","href":"/integrations/sales-documents-design"},{"title":"Google","description":"Gmail, Calendar, Meet, Sheets, Contacts, Docs and Tasks through one small script you deploy in your own Google account.","icon":"google","href":"/integrations/google"},{"title":"Google actions","sidebarTitle":"Google actions","icon":"list-check","href":"/integrations/google-actions"},{"title":"Cal.com","icon":"calendar-check","href":"/integrations/calcom"},{"title":"Zapier","icon":"bolt","href":"/integrations/zapier"},{"title":"n8n","icon":"diagram-project","href":"/integrations/n8n"},{"title":"Other services","sidebarTitle":"Other services","icon":"code","href":"/integrations/other-services"}]},{"group":"Troubleshooting","pages":[{"title":"WhatsApp delivery","sidebarTitle":"WhatsApp","icon":"whatsapp","href":"/troubleshooting/whatsapp"},{"title":"Instagram","sidebarTitle":"Instagram","icon":"instagram","href":"/troubleshooting/instagram"},{"title":"Automations and agents","sidebarTitle":"Automations and agents","icon":"robot","href":"/troubleshooting/automations-and-agents"},{"title":"Integrations","sidebarTitle":"Integrations","icon":"plug","href":"/troubleshooting/integrations"},{"title":"FAQ","sidebarTitle":"FAQ","icon":"circle-question","href":"/troubleshooting/faq"}]}]},{"tab":"Channels","pages":[{"title":"Channels","href":"/whatsapp/overview"}]},{"tab":"API reference","pages":[{"title":"API reference","href":"/api/introduction"}]}]},"title":"Document design - Watx","buildId":"dpl_EnxDqhjaNc9a8MVa833TGULPd9uJ","deploymentId":"dpl_EnxDqhjaNc9a8MVa833TGULPd9uJ","dynamics":[],"chunks":[]}