If you have used Notion editor, you will feel right at home while using the Shootmail email editor.
If you have not, using Shootmail editor is simple and intuitive.
You can use the editor to create your own templates from scratch. After creating the template,
you can copy its HTML or save it. When you save a template, an unique ID is generated for each
template that can be used with Shootmail SDK to send emails using any out of the supported
email providers.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Shootmail","colors":{"primary":"#FE6054","light":"#FEB341","dark":"#FEB341"},"favicon":"/favicon.png","logo":{"light":"https://res.cloudinary.com/curead/image/upload/c_scale,f_auto,q_auto,w_500/v1712843877/Shootmail/logos/shootm-logo-with-name_jgdq2l.png","dark":"https://res.cloudinary.com/curead/image/upload/f_auto,q_100,w_512/v1713876965/Shootmail/logos/shootm-logo-with-name-dark-mode_rziumz.png"},"navbar":{"links":[{"label":"Website","href":"https://shootmail.app"}],"primary":{"type":"button","label":"Dashboard","href":"https://shootmail.app"}},"footer":{"socials":{"x":"https://x.com/spsbuilds","linkedin":"https://www.linkedin.com/in/sps14"}},"navigation":{"global":{"anchors":[{"anchor":"Support","href":"https://wa.link/f1zuld","icon":"whatsapp"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"shootmail","hasAudioNarration":false,"actualSubdomain":"shootmail","customDomains":["docs.shootmail.app"],"gitSource":{"type":"github","owner":"subhendupsingh","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a20c51300c8336c6f4e737e","collectionId":"0f1b4ab6-5168-4b88-8b62-804f417a3ccd","schemaVersion":"v2"},"entitlements":{},"buildId":"6a20c51300c8336c6f4e737e:success","clientVersion":"0.0.4006","searchFilterCounts":[{"language":"default","tag":"Documentation","count":16},{"language":"default","tag":"Framework Examples","count":5},{"language":"default","tag":"Get Started","count":4},{"language":"default","tag":"Shootmail for Apps","count":3},{"language":"default","tag":"Integrations","count":2},{"language":"default","tag":"REST API","count":1},{"language":"default","tag":"Introduction","count":1}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"v2/editor","slug":"/v2/editor","pageMetadata":{"title":"Shootmail Editor","description":"Using Shootmail editor","href":"/v2/editor"},"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: \"Using Shootmail editor\"\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`,code:`code`,p:`p`,..._provideComponents(),...props.components},{Heading,OptimizedImage}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(`video`,{controls:true,className:`mint-w-full mint-aspect-video`,src:`https://res.cloudinary.com/curead/video/upload/v1726594578/Shootmail/videos/shootmail-editor-demo_ixmxbh.mov`}),`\n`,_jsx(_components.p,{children:`If you have used Notion editor, you will feel right at home while using the Shootmail email editor.\nIf you have not, using Shootmail editor is simple and intuitive.`}),`\n`,_jsx(Heading,{level:`2`,id:`defining-custom-variables`,children:`Defining custom variables`}),`\n`,_jsx(OptimizedImage,{src:`https://res.cloudinary.com/curead/image/upload/v1726594819/Shootmail/mocks/Screenshot_2024-09-17_at_11.09.36_PM_w3yy1c.png`}),`\n`,_jsxs(_components.p,{children:[`You can define custom variables by enclosing the variables in double curly braces `,_jsx(_components.code,{children:`{{variable}}`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`cloning-pre-built-templates`,children:`Cloning pre-built templates`}),`\n`,_jsx(OptimizedImage,{src:`https://res.cloudinary.com/curead/image/upload/v1726595304/Shootmail/mocks/Screenshot_2024-09-17_at_11.18.10_PM_su0sr5.png`}),`\n`,_jsx(_components.p,{children:`You can clone the pre-built templates and customize them using the editor.`}),`\n`,_jsx(Heading,{level:`2`,id:`creating-from-scratch`,children:`Creating from scratch`}),`\n`,_jsxs(_components.p,{children:[`You can use the editor to create your own templates from scratch. After creating the template,\nyou can copy its HTML or save it. When you save a template, an unique ID is generated for each\ntemplate that can be used with `,_jsx(_components.a,{href:`https://www.npmjs.com/package/shootmail`,children:`Shootmail SDK`}),` to send emails using any out of the supported\nemail providers.`]})]})}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":"Shootmail Editor","description":"Using Shootmail editor","href":"/v2/editor"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Defining custom variables","slug":"defining-custom-variables","depth":2,"children":[]},{"title":"Cloning pre-built templates","slug":"cloning-pre-built-templates","depth":2,"children":[]},{"title":"Creating from scratch","slug":"creating-from-scratch","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"dynamicCss":".mint-aspect-video {\n aspect-ratio: 16 / 9\n}\n.mint-w-full {\n width: 100%\n}","subdomain":"shootmail","siteName":"Shootmail","title":"Shootmail Editor - Shootmail","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T02:44:01.341Z","originalFileLocation":"v2/editor.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=\"Using Shootmail editor\">\u003cmeta data-mint-head name=\"application-name\" content=\"Shootmail\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_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/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/shootmail/rVaK7Cssa1AZBTzx/_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/shootmail/rVaK7Cssa1AZBTzx/_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/shootmail/rVaK7Cssa1AZBTzx/_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/shootmail/rVaK7Cssa1AZBTzx/_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/shootmail/rVaK7Cssa1AZBTzx/_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/shootmail/rVaK7Cssa1AZBTzx/_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/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Shootmail Editor - Shootmail\">\u003cmeta data-mint-head property=\"og:description\" content=\"Using Shootmail editor\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Shootmail\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.shootmail.app/v2/editor\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://shootmail.mintlify.app/_mintlify/api/og/v2?division=Get+Started\u0026amp;title=Shootmail+Editor\u0026amp;description=Using+Shootmail+editor\u0026amp;theme=c36f930f9d8c76b5e18b6a18\u0026amp;signature=8491cc84c26779e6bc41652207be33a88a6e28b591eb24b34014ab9cc27d10ea\">\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=\"Shootmail Editor - Shootmail\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Using Shootmail editor\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://shootmail.mintlify.app/_mintlify/api/og/v2?division=Get+Started\u0026amp;title=Shootmail+Editor\u0026amp;description=Using+Shootmail+editor\u0026amp;theme=c36f930f9d8c76b5e18b6a18\u0026amp;signature=8491cc84c26779e6bc41652207be33a88a6e28b591eb24b34014ab9cc27d10ea\">\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/shootmail/rVaK7Cssa1AZBTzx/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Shootmail\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#FE6054\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.shootmail.app/v2/editor\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/v2/editor.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.shootmail.app/#organization\",\"name\":\"Shootmail\",\"url\":\"https://docs.shootmail.app\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://res.cloudinary.com/curead/image/upload/c_scale,f_auto,q_auto,w_500/v1712843877/Shootmail/logos/shootm-logo-with-name_jgdq2l.png\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.shootmail.app#website\",\"name\":\"Shootmail\",\"url\":\"https://docs.shootmail.app\",\"publisher\":{\"@id\":\"https://docs.shootmail.app/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.shootmail.app/v2/editor#webpage\",\"url\":\"https://docs.shootmail.app/v2/editor\",\"name\":\"Shootmail Editor\",\"description\":\"Using Shootmail editor\",\"dateModified\":\"2026-01-07T02:44:01.341Z\",\"isPartOf\":{\"@id\":\"https://docs.shootmail.app#website\"},\"breadcrumb\":{\"@id\":\"https://docs.shootmail.app/v2/editor#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.shootmail.app/v2/editor#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Shootmail\",\"item\":\"https://docs.shootmail.app\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shootmail Editor\",\"item\":\"https://docs.shootmail.app/v2/editor\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.shootmail.app/v2/editor#article\",\"headline\":\"Shootmail Editor\",\"name\":\"Shootmail Editor\",\"description\":\"Using Shootmail editor\",\"url\":\"https://docs.shootmail.app/v2/editor\",\"mainEntityOfPage\":{\"@id\":\"https://docs.shootmail.app/v2/editor#webpage\"},\"dateModified\":\"2026-01-07T02:44:01.341Z\",\"publisher\":{\"@id\":\"https://docs.shootmail.app/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.shootmail.app#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Shootmail\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Shootmail","nav":{"global":{"anchors":[{"anchor":"Support","href":"https://wa.link/f1zuld","icon":"whatsapp"}]},"anchors":[{"anchor":"Documentation","icon":"book-open","groups":[{"group":"Introduction","pages":[{"title":"Overview","description":"Welcome to Shootmail","href":"/v2/overview"}]},{"group":"Get Started","pages":[{"title":"Shootmail Editor","href":"/v2/editor"},{"title":"SDK","description":"Using Shootmail SDK","href":"/v2/sdk"},{"title":"Response Format","href":"/usage/response"},{"title":"Supported Providers","href":"/supported-providers"}]},{"group":"REST API","pages":[{"title":"Mail","href":"/v2/mail"}]},{"group":"Shootmail for Apps","pages":[{"title":"Introduction","href":"/v2/shootmail-for-apps/introduction"},{"title":"Installation","href":"/v2/shootmail-for-apps/installation"},{"title":"Usage","href":"/v2/shootmail-for-apps/usage"}]},{"group":"Framework Examples","pages":[{"title":"Next.js","href":"/v2/shootmail-for-apps/frameworks/next"},{"title":"Sveltekit","href":"/v2/shootmail-for-apps/frameworks/sveltekit"},{"title":"Remix","href":"/v2/shootmail-for-apps/frameworks/remix"},{"title":"Nuxt.js","href":"/v2/shootmail-for-apps/frameworks/nuxt"},{"title":"Rails","href":"/v2/shootmail-for-apps/frameworks/rails"}]},{"group":"Integrations","pages":[{"title":"Supabase","href":"/v2/integrations/supabase"},{"title":"Better Auth","href":"/v2/integrations/better-auth"}]}]}]},"title":"Shootmail Editor - Shootmail","buildId":"dpl_2xiSHD9XEvLsPGPcfoMtkLTB3dy9","deploymentId":"dpl_2xiSHD9XEvLsPGPcfoMtkLTB3dy9","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-BNnMwe0F.js","lightbox-handle-r17bVUz3.js"]}