Export
This page lists and describes the Export category of endpoints within the Content Services API. It also includes interactive testing environments for each endpoint in this category.
Last updated
Was this helpful?
This page lists and describes the Export category of endpoints within the Content Services API. It also includes interactive testing environments for each endpoint in this category.
Last updated
Was this helpful?
Was this helpful?
URL: https://api.getbee.io/v1/{collection}/html
This endpoint allows you to retrieve the full or partial HTML output of a template (email, page, or popup).
To generate HTML from a template's JSON:
Capture or store the latest JSON output from the builder using callbacks such as onChange or autosave.
Send this JSON payload to the HTML endpoint.
Receive the HTML string as the response.
{
"page": {
"body": { ... },
...
}
}page (object, required): The full template structure in Beefree JSON format. This is the same structure returned by the builder or captured from its callbacks.
This endpoint bypasses the need for the onSave callback and can be used at any time post-editing.
Partial HTML rendering is also supported for specific components or modules (if required by your use case).
The output HTML reflects the current rendering engine used by Beefree, ensuring up-to-date compatibility.
Use this endpoint to transform any template's Beefree JSON into HTML. This endpoint is compatible with Email, Page, and Popup builder designs.
The collection ID or name
An object field for comments
An integer field for beautifyHtmlEnabled
Successful response
Bad request
Unauthorized
Forbidden
Internal Server Error
POST /v1/{collection}/html HTTP/1.1
Host: api.getbee.io
Authorization: Bearer Enter Dev Console API Key as Bearer token
Content-Type: application/json
Accept: */*
Content-Length: 35263
{
"page": {
"body": {
"container": {
"style": {
"background-color": "#FFFFFF"
}
},
"content": {
"computedStyle": {
"linkColor": "#FF819C",
"messageBackgroundColor": "transparent",
"messageWidth": "675px"
},
"style": {
"color": "#000000",
"font-family": "Arial, Helvetica Neue, Helvetica, sans-serif"
}
},
"type": "mailup-bee-page-properties",
"webFonts": [
{
"fontFamily": "'Montserrat', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif",
"name": "Montserrat",
"url": "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"
}
]
},
"description": "BF-ecommerce-template",
"rows": [
{
"columns": [
{
"grid-columns": 6,
"modules": [
{
"descriptor": {
"computedStyle": {
"class": "left fixedwidth",
"width": "287px"
},
"image": {
"alt": "Image",
"height": "142px",
"href": "https://beefree.io",
"prefix": "",
"src": "https://d1oco4z2z1fhwp.cloudfront.net/templates/default/113/logo_1.png",
"target": "_self",
"width": "546px"
},
"style": {
"padding-bottom": "0px",
"padding-left": "15px",
"padding-right": "15px",
"padding-top": "5px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "ca41c638-c8fa-4b88-b4de-db0584002b4d"
},
{
"descriptor": {
"computedStyle": {
"align": "center",
"hideContentOnMobile": true
},
"divider": {
"style": {
"border-top": "0px solid transparent",
"height": "20px",
"width": "100%"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-divider",
"uuid": "b3ad4612-0b4c-48e4-b4c9-b63eb9f4014b"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "30px"
},
"uuid": "63f745dd-ab3f-49b3-b173-a0ba7fa77732"
},
{
"grid-columns": 6,
"modules": [
{
"descriptor": {
"computedStyle": {
"hideContentOnMobile": false
},
"spacer": {
"style": {
"height": "25px"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-spacer",
"uuid": "49740804-c7a9-4cec-b307-9ad3d05eec58"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#0068a5",
"paragraphSpacing": "16px"
},
"html": "<p>ANY DEVICE, ANYWHERE, FAST.</p>",
"style": {
"color": "#ffffff",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "18px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "right"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "8e540cc4-4a11-4469-acf2-34cd3e6b5d56"
},
{
"type": "mailup-bee-newsletter-modules-heading",
"descriptor": {
"heading": {
"title": "h1",
"text": "<span class=\"tinyMce-placeholder\">This is English</span>",
"style": {
"color": "#555555",
"font-size": "23px",
"font-family": "inherit",
"link-color": "#E01253",
"line-height": "120%",
"text-align": "center",
"direction": "ltr",
"font-weight": "700",
"letter-spacing": "0px"
},
"translations": {
"fr-FR": {
"text": "<span class=\"tinyMce-placeholder\">This is french</span>"
},
"it-IT": {
"text": "<span class=\"tinyMce-placeholder\">This is Italian</span>"
}
}
},
"style": {
"width": "100%",
"text-align": "center",
"padding-top": "0px",
"padding-right": "0px",
"padding-bottom": "0px",
"padding-left": "0px"
},
"mobileStyle": {},
"computedStyle": {
"width": 52,
"height": 42
}
},
"uuid": "122f4b0f-9e7e-475c-ad0a-b56ea67c3537",
"locked": false
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "20px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "30px"
},
"uuid": "9f69fc4a-f3cc-46aa-be89-625913f374a6"
}
],
"container": {
"style": {
"background-color": "#3f005a",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#333",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "two-columns-empty",
"uuid": "9624ba86-b3d4-47ad-962d-f6701f1c61af"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"hideContentOnMobile": false
},
"spacer": {
"style": {
"height": "60px"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-spacer",
"uuid": "cd500e1b-70e3-48f4-9c3b-dfee60b3b6df"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#0068a5",
"paragraphSpacing": "12px"
},
"html": "<p>INTRODUCING</p>",
"style": {
"color": "#ffffff",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "28px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "5px",
"padding-left": "5px",
"padding-right": "5px",
"padding-top": "5px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "ad5fc7a7-b4c5-4db3-bbf9-905d0040649d"
},
{
"descriptor": {
"computedStyle": {
"height": 42,
"width": 52
},
"heading": {
"style": {
"color": "#ffffff",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "75px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"link-color": "#E01253",
"text-align": "center"
},
"text": "HACKISTER<strong>4</strong>",
"title": "h1"
},
"style": {
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px",
"text-align": "center",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-heading",
"uuid": "25d452fb-d07d-49e0-bf2b-b26969b89ff0"
},
{
"descriptor": {
"computedStyle": {
"class": "center fixedwidth",
"width": "371.25000000000006px"
},
"image": {
"alt": "rocket",
"height": "256px",
"href": "https://beefree.io",
"prefix": "",
"src": "https://pre-assets.imgdist.com/public/users/Integrators/BeeAppPre/roberto/rocket_1f680.png",
"target": "_self",
"width": "256px"
},
"style": {
"padding-bottom": "20px",
"padding-left": "20px",
"padding-right": "20px",
"padding-top": "20px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "9a2ae0f8-785c-49fd-a2eb-73e00153e3a9"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnMobile": false
},
"spacer": {
"style": {
"height": "30px"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-spacer",
"uuid": "1fe2d079-351a-4920-bf7c-a56ed7660fca"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "50px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px"
},
"uuid": "ed93c48c-f593-4c8e-9069-0c5135f4be6f"
}
],
"container": {
"style": {
"background-color": "#fa8072",
"background-image": "url('https://pre-assets.imgdist.com/public/users/Integrators/BeeAppPre/roberto/windows-11-365-purple-abstract-background-4k-wallpaper-uhdpaper.com-551%400%40i.jpg')",
"background-position": "top center",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "one-column-empty",
"uuid": "973b04b3-19ab-4519-ad9e-b4c99b74068c"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"height": 42,
"width": 52
},
"heading": {
"style": {
"color": "#680080",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "34px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"link-color": "#E01253",
"text-align": "center"
},
"text": "<span class=\"tinyMce-placeholder\">The <strong>fake</strong> <strong>app</strong> for <br /><strong>real-time</strong> collaboration</span>",
"title": "h1"
},
"style": {
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px",
"text-align": "center",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-heading",
"uuid": "5f570375-ba13-4cb2-b136-4a1ab89477fb"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#0068a5",
"paragraphSpacing": "4px"
},
"html": "<p>Aenean eu leo quam. Pellentesque ornare sem</p>\n<p>lacinia quam venenatis vestibulum.</p>\n<p>Donec sed odio dui.</p>",
"style": {
"color": "#555555",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "18px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "ce6062a1-3ba6-437b-b378-cacb1ec2fb0d"
},
{
"descriptor": {
"button": {
"label": "<div class=\"txtTinyMce-wrapper\" style=\"\" data-mce-style=\"\"><p style=\"word-break:break-word;\" data-mce-style=\"word-break:break-word;\"><span style=\"\" data-mce-style=\"\"><span style=\"\" data-mce-style=\"\">SHOW MORE</span></span></p></div>",
"style": {
"background-color": "transparent",
"border-bottom": "3px solid #800080",
"border-left": "3px solid #800080",
"border-radius": "30px",
"border-right": "3px solid #800080",
"border-top": "3px solid #800080",
"color": "#680080",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "20px",
"font-weight": "700",
"line-height": "200%",
"max-width": "100%",
"padding-bottom": "5px",
"padding-left": "20px",
"padding-right": "20px",
"padding-top": "5px",
"width": "35%"
},
"target": "_self"
},
"computedStyle": {
"height": 56,
"width": 229
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-button",
"uuid": "a2e52ec4-59dd-44e9-a68b-6273a7d9385d"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnMobile": false
},
"spacer": {
"style": {
"height": "10px"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-spacer",
"uuid": "9d131f36-752d-4ebc-8944-51c9873d22b0"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "30px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "30px"
},
"uuid": "e065afb1-62dd-45f4-8aca-08a5f719eed1"
}
],
"container": {
"style": {
"background-color": "#eacaf6",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#333",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "one-column-empty",
"uuid": "8656050f-2d7d-4a3e-ac37-0f0504985539"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"hideContentOnMobile": false
},
"spacer": {
"style": {
"height": "30px"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-spacer",
"uuid": "f9890128-2034-43ea-97a8-3cc92737873e"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "15px"
},
"uuid": "0f59cf03-19e2-44a1-80fb-6a8441cf381c"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "one-column-empty",
"uuid": "fd2b49d3-2668-4d32-a46d-2d5031268ebe"
},
{
"columns": [
{
"grid-columns": 6,
"modules": [
{
"descriptor": {
"computedStyle": {
"class": "center autowidth ",
"width": "103px"
},
"image": {
"alt": "Image",
"height": "120px",
"href": "https://beefree.io",
"prefix": "",
"src": "https://d1oco4z2z1fhwp.cloudfront.net/templates/default/113/icon-globe.png",
"target": "_self",
"width": "103px"
},
"style": {
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "d7c13f74-1679-460c-86c3-528ec2148f6f"
},
{
"descriptor": {
"computedStyle": {
"height": 42,
"width": 52
},
"heading": {
"style": {
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "23px",
"font-weight": "700",
"letter-spacing": "0px",
"line-height": "120%",
"link-color": "#ff819c",
"text-align": "center"
},
"text": "Fusce Nullam",
"title": "h1"
},
"style": {
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "20px",
"text-align": "center",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-heading",
"uuid": "d1a1bb5b-5668-421d-ba55-0d70be81ce85"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#ff819c",
"paragraphSpacing": "16px"
},
"html": "<p>Nullam quis risus eget urna mollis.<br />Sed turpi est quisquam nobis</p>",
"style": {
"color": "#9d9da1",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "14px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "494dcda2-890e-43d2-bf22-e5a7008563d8"
},
{
"descriptor": {
"button": {
"href": "https://beefree.io",
"label": "<div class=\"txtTinyMce-wrapper\" style=\"\" data-mce-style=\"\"><p style=\"word-break:break-word;\" data-mce-style=\"word-break:break-word;\"><span style=\"\" data-mce-style=\"\"><span style=\"\" data-mce-style=\"\">SHOW MORE</span></span></p></div>",
"style": {
"background-color": "transparent",
"border-bottom": "3px solid #D2687F",
"border-left": "3px solid #D2687F",
"border-radius": "30px",
"border-right": "3px solid #D2687F",
"border-top": "3px solid #D2687F",
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "16px",
"font-weight": "700",
"line-height": "200%",
"max-width": "100%",
"padding-bottom": "0px",
"padding-left": "15px",
"padding-right": "15px",
"padding-top": "0px",
"width": "auto"
},
"target": "_self"
},
"computedStyle": {
"height": 38,
"width": 146
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-button",
"uuid": "f204ceb2-f285-4a20-944e-205a6ac62f8a"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "e2b2669a-0185-4565-a4a2-1644c9989d74"
},
{
"grid-columns": 6,
"modules": [
{
"descriptor": {
"computedStyle": {
"class": "center autowidth ",
"width": "110px"
},
"image": {
"alt": "Image",
"height": "110px",
"href": "https://beefree.io",
"prefix": "",
"src": "https://d1oco4z2z1fhwp.cloudfront.net/templates/default/113/icon-chat.png",
"target": "_self",
"width": "110px"
},
"style": {
"padding-bottom": "10px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "43f99492-43c1-4451-9376-67d4e78d7e4b"
},
{
"descriptor": {
"computedStyle": {
"height": 42,
"width": 52
},
"heading": {
"style": {
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "23px",
"font-weight": "700",
"letter-spacing": "0px",
"line-height": "120%",
"link-color": "#ff819c",
"text-align": "center"
},
"text": "<span class=\"tinyMce-placeholder\">Lorem Ipsum</span>",
"title": "h1"
},
"style": {
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "20px",
"text-align": "center",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-heading",
"uuid": "ade54875-7cd5-4bcc-8f97-fa496745949b"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#ff819c",
"paragraphSpacing": "16px"
},
"html": "<p>Nullam quis risus eget urna mollis.<br />Sed turpi est quisquam nobis</p>",
"style": {
"color": "#9d9da1",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "14px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "2cd0fdf7-00ce-48e0-9cd0-0946e0a7f280"
},
{
"descriptor": {
"button": {
"href": "https://beefree.io",
"label": "<div class=\"txtTinyMce-wrapper\" style=\"\" data-mce-style=\"\"><p style=\"word-break:break-word;\" data-mce-style=\"word-break:break-word;\"><span style=\"\" data-mce-style=\"\"><span style=\"\" data-mce-style=\"\">SHOW MORE</span></span></p></div>",
"style": {
"background-color": "transparent",
"border-bottom": "3px solid #D2687F",
"border-left": "3px solid #D2687F",
"border-radius": "30px",
"border-right": "3px solid #D2687F",
"border-top": "3px solid #D2687F",
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "16px",
"font-weight": "700",
"line-height": "200%",
"max-width": "100%",
"padding-bottom": "0px",
"padding-left": "15px",
"padding-right": "15px",
"padding-top": "0px",
"width": "auto"
},
"target": "_self"
},
"computedStyle": {
"height": 38,
"width": 146
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-button",
"uuid": "c27985f5-a92d-4c0c-9f8d-8e3bedf71a8b"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "f3b0abb4-6068-419b-bfed-60727570c366"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#333",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "two-columns-empty",
"uuid": "3bb64451-93bd-44e8-ab28-62ee2d09013d"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"align": "center"
},
"divider": {
"style": {
"border-top": "1px solid #F0F0F0",
"height": "0px",
"width": "100%"
}
},
"style": {
"padding-bottom": "20px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "20px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-divider",
"uuid": "d5d46fc7-aeca-49ff-98e8-6453b7b076d6"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "db0f8784-ade7-42e0-bb2f-9273190070ff"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#333",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "one-column-empty",
"uuid": "e936284c-d052-43da-8a13-806b7b17289b"
},
{
"columns": [
{
"grid-columns": 6,
"modules": [
{
"descriptor": {
"computedStyle": {
"class": "center autowidth ",
"width": "120px"
},
"image": {
"alt": "Image",
"height": "120px",
"href": "https://beefree.io",
"prefix": "",
"src": "https://d1oco4z2z1fhwp.cloudfront.net/templates/default/113/icon-heart.png",
"target": "_self",
"width": "120px"
},
"style": {
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "2f90053a-b4fd-4215-9684-0acded4a61f8"
},
{
"descriptor": {
"computedStyle": {
"height": 42,
"width": 52
},
"heading": {
"style": {
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "23px",
"font-weight": "700",
"letter-spacing": "0px",
"line-height": "120%",
"link-color": "#ff819c",
"text-align": "center"
},
"text": "<strong>Quibus numquam</strong>",
"title": "h1"
},
"style": {
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "20px",
"text-align": "center",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-heading",
"uuid": "011a8c2b-02cf-4b5f-9285-dd71e8f1c93d"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#ff819c",
"paragraphSpacing": "16px"
},
"html": "<p>Nullam quis risus eget urna mollis.<br />Sed turpi est quisquam nobis</p>",
"style": {
"color": "#9d9da1",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "14px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "90cae6a9-b1a8-4b89-9447-ad7a54dff03e"
},
{
"descriptor": {
"button": {
"href": "https://beefree.io",
"label": "<div class=\"txtTinyMce-wrapper\" style=\"\" data-mce-style=\"\"><p style=\"word-break:break-word;\" data-mce-style=\"word-break:break-word;\"><span style=\"\" data-mce-style=\"\"><span style=\"\" data-mce-style=\"\">SHOW MORE</span></span></p></div>",
"style": {
"background-color": "transparent",
"border-bottom": "3px solid #D2687F",
"border-left": "3px solid #D2687F",
"border-radius": "30px",
"border-right": "3px solid #D2687F",
"border-top": "3px solid #D2687F",
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "16px",
"font-weight": "700",
"line-height": "200%",
"max-width": "100%",
"padding-bottom": "0px",
"padding-left": "15px",
"padding-right": "15px",
"padding-top": "0px",
"width": "auto"
},
"target": "_self"
},
"computedStyle": {
"height": 38,
"width": 146
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-button",
"uuid": "ca616f2e-7d96-43a6-a1cb-7642f4d27549"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "e2b2669a-0185-4565-a4a2-1644c9989d74"
},
{
"grid-columns": 6,
"modules": [
{
"descriptor": {
"computedStyle": {
"class": "center autowidth ",
"width": "115px"
},
"image": {
"alt": "Image",
"height": "120px",
"href": "https://beefree.io",
"prefix": "",
"src": "https://d1oco4z2z1fhwp.cloudfront.net/templates/default/113/icon-bulb.png",
"target": "_self",
"width": "115px"
},
"style": {
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "49fbfb1d-66eb-416b-a832-2dde397b2556"
},
{
"descriptor": {
"computedStyle": {
"height": 42,
"width": 52
},
"heading": {
"style": {
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "23px",
"font-weight": "700",
"letter-spacing": "0px",
"line-height": "120%",
"link-color": "#ff819c",
"text-align": "center"
},
"text": "<strong>Dolor sit amet</strong>",
"title": "h1"
},
"style": {
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "20px",
"text-align": "center",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-heading",
"uuid": "049de2bd-a524-4313-9c2e-b3afac36eb0d"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#ff819c",
"paragraphSpacing": "16px"
},
"html": "<p>Nullam quis risus eget urna mollis.<br />Sed turpi est quisquam nobis</p>",
"style": {
"color": "#9d9da1",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "14px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "9720d206-2560-48ae-91cd-102739610088"
},
{
"descriptor": {
"button": {
"href": "https://beefree.io",
"label": "<div class=\"txtTinyMce-wrapper\" style=\"\" data-mce-style=\"\"><p style=\"word-break:break-word;\" data-mce-style=\"word-break:break-word;\"><span style=\"\" data-mce-style=\"\"><span style=\"\" data-mce-style=\"\">SHOW MORE</span></span></p></div>",
"style": {
"background-color": "transparent",
"border-bottom": "3px solid #D2687F",
"border-left": "3px solid #D2687F",
"border-radius": "30px",
"border-right": "3px solid #D2687F",
"border-top": "3px solid #D2687F",
"color": "#d2687f",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "16px",
"font-weight": "700",
"line-height": "200%",
"max-width": "100%",
"padding-bottom": "0px",
"padding-left": "15px",
"padding-right": "15px",
"padding-top": "0px",
"width": "auto"
},
"target": "_self"
},
"computedStyle": {
"height": 38,
"width": 146
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-button",
"uuid": "4b3fd148-e154-414c-9b06-9d8bf1856a52"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "f3b0abb4-6068-419b-bfed-60727570c366"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#333",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "two-columns-empty",
"uuid": "fd36cf36-dbb3-4834-9464-6a6a8f27907b"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"align": "center"
},
"divider": {
"style": {
"border-top": "1px solid #F0F0F0",
"height": "0px",
"width": "100%"
}
},
"style": {
"padding-bottom": "30px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-divider",
"uuid": "445a1956-deac-4e2e-a48d-2a458c83993d"
},
{
"descriptor": {
"computedStyle": {
"height": 42,
"width": 52
},
"heading": {
"style": {
"color": "#606060",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "38px",
"font-weight": "700",
"letter-spacing": "0px",
"line-height": "120%",
"link-color": "#E01253",
"text-align": "center"
},
"text": "<strong>Fusce Nullam Consectetur</strong>",
"title": "h1"
},
"style": {
"padding-bottom": "15px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px",
"text-align": "center",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-heading",
"uuid": "970cbd50-f921-4166-bf17-766251359e91"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#0068a5",
"paragraphSpacing": "16px"
},
"html": "<p>Vestibulum id ligula porta felis euismod semper. Nulla vitae elit.</p>",
"style": {
"color": "#828282",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "16px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "aa354280-903e-4ca5-8374-19ccb07b6277"
},
{
"descriptor": {
"button": {
"label": "<div class=\"txtTinyMce-wrapper\" style=\"\" data-mce-style=\"\"><p style=\"word-break:break-word;\" data-mce-style=\"word-break:break-word;\"><span style=\"\" data-mce-style=\"\"><span style=\"\" data-mce-style=\"\">SHOW MORE</span></span></p></div>",
"style": {
"background-color": "transparent",
"border-bottom": "3px solid #800080",
"border-left": "3px solid #800080",
"border-radius": "30px",
"border-right": "3px solid #800080",
"border-top": "3px solid #800080",
"color": "#680080",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "20px",
"font-weight": "700",
"line-height": "200%",
"max-width": "100%",
"padding-bottom": "5px",
"padding-left": "20px",
"padding-right": "20px",
"padding-top": "5px",
"width": "35%"
},
"target": "_self"
},
"computedStyle": {
"height": 56,
"width": 229
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-button",
"uuid": "051b8a87-1989-4a20-ade6-42fc0dcadf23"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnMobile": false
},
"spacer": {
"style": {
"height": "55px"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-spacer",
"uuid": "5aeb2aff-b6dc-4f20-9518-25e64a374653"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "2595bc5d-0dde-4b9e-9eca-d969700fd3df"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "one-column-empty",
"uuid": "6fd5ca61-d6a8-49f6-8463-82a5d4a342a5"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"height": 57,
"iconsDefaultWidth": 32,
"padding": "0 5px 5px 0",
"width": 151
},
"iconsList": {
"icons": [
{
"image": {
"alt": "Facebook",
"href": "https://www.facebook.com/",
"prefix": "https://www.facebook.com/",
"src": "https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-outline-circle-color/facebook.png",
"target": "_self",
"title": "Facebook"
},
"name": "facebook",
"text": "",
"type": "follow"
},
{
"image": {
"alt": "Twitter",
"href": "http://twitter.com/",
"prefix": "http://twitter.com/",
"src": "https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-outline-circle-color/twitter.png",
"target": "_self",
"title": "Twitter"
},
"name": "twitter",
"text": "",
"type": "follow"
},
{
"image": {
"alt": "Instagram",
"href": "https://instagram.com/",
"prefix": "https://instagram.com/",
"src": "https://app-rsrc.getbee.io/public/resources/social-networks-icon-sets/t-outline-circle-color/[email protected]",
"target": "_self",
"title": "Instagram"
},
"name": "instagram",
"text": "",
"type": "follow"
}
]
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-social",
"uuid": "a901f3ec-f8f0-4a59-9260-2ace7ef36ff5"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#ff819c",
"paragraphSpacing": "16px"
},
"html": "<p>Your Company © All rights reserved</p>",
"style": {
"color": "#959595",
"direction": "ltr",
"font-family": "Montserrat, Arial, Helvetica, sans-serif",
"font-size": "14px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "center"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "543e160e-c86e-4863-abbe-ec17524260fc"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "30px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "30px"
},
"uuid": "d38114b4-b17f-41c7-86cc-f016916e09c6"
}
],
"container": {
"style": {
"background-color": "#f5e4ff",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#333",
"width": "675px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "one-column-empty",
"uuid": "fb49b3e5-5808-4945-9244-6211badb95bb"
}
],
"template": {
"name": "template-base",
"type": "basic",
"version": "2.0.0"
},
"title": "BF-ecommerce-template"
},
"comments": {},
"beautifyHtmlEnabled": true
}<html>Hello World!</html>URL: https://api.getbee.io/v1/{collection}/html
This endpoint allows you to retrieve the full or partial HTML output of a template (email, page, or popup).
To generate plain text from a template's JSON:
Capture or store the latest JSON output from the builder using callbacks such as onChange or autosave.
Send this JSON payload to the /plain-text endpoint.
Receive the plain text as the response.
Use this endpoint to transform any template's Beefree JSON into HTML. This endpoint is compatible with Email builder designs.
The collection ID or name
A string field for language
Successful response
Bad request
Unauthorized
Forbidden
Internal Server Error
POST /v1/{collection}/plain-text HTTP/1.1
Host: api.getbee.io
Authorization: Bearer Enter Dev Console API Key as Bearer token
Content-Type: application/json
Accept: */*
Content-Length: 18838
{
"page": {
"body": {
"container": {
"style": {
"background-color": "#fff",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"background-size": "auto"
}
},
"content": {
"computedStyle": {
"linkColor": "#8a3b8f",
"messageBackgroundColor": "transparent",
"messageWidth": "650px"
},
"style": {
"color": "#000000",
"font-family": "Lato, Tahoma, Verdana, Segoe, sans-serif"
}
},
"type": "mailup-bee-page-properties",
"webFonts": [
{
"fontFamily": "'Lato', Tahoma, Verdana, Segoe, sans-serif",
"name": "Lato",
"url": "https://fonts.googleapis.com/css?family=Lato"
}
]
},
"description": "",
"rows": [
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"align": "center",
"hideContentOnMobile": false
},
"divider": {
"style": {
"border-top": "0px solid transparent",
"height": "10px",
"width": "100%"
}
},
"style": {
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-divider",
"uuid": "b89c3d25-dbec-439a-8ad1-4939a28678e9"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "0px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "0px"
},
"uuid": "3bd72010-5175-4326-b848-8beacea852d6"
}
],
"container": {
"style": {
"background-color": "#8a3b8f",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "650px"
}
},
"empty": false,
"locked": false,
"metadata": {
"category": 625122,
"dateCreated": "2022-01-20T09:49:32.875165Z",
"dateModified": "2022-01-20T09:49:32.875165Z",
"description": "",
"idParent": null,
"name": "Pre header purple row",
"slug": "pre-header-purple-row",
"thumb_large": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/8b99691b-8e39-47a7-8773-4540cd7ff113_large.jpg",
"thumb_medium": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/8b99691b-8e39-47a7-8773-4540cd7ff113_medium.jpg",
"thumb_small": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/8b99691b-8e39-47a7-8773-4540cd7ff113_small.jpg",
"uuid": "8b99691b-8e39-47a7-8773-4540cd7ff113"
},
"synced": false,
"type": "one-column-empty",
"uuid": "7fa3e6c4-ac4f-421f-b9eb-db1b9f629fb3"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"align": "left",
"descriptor": {
"computedStyle": {
"class": "left fixedwidth",
"width": "162.5px"
},
"image": {
"alt": "BEE Pro Logo",
"height": "109px",
"href": "https://beefree.io/",
"percWidth": 25,
"prefix": "",
"src": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/53601_655907/editor_images/BEEPro_logo_2.png",
"target": "_self",
"width": "291px"
},
"style": {
"padding-bottom": "40px",
"padding-left": "20px",
"padding-right": "20px",
"padding-top": "20px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "cc54124d-97bd-44e0-b15e-710a577840ec"
},
{
"align": "left",
"descriptor": {
"computedStyle": {
"align": "center"
},
"divider": {
"style": {
"border-top": "1px dotted #CCCCCC",
"width": "100%"
}
},
"style": {
"padding-bottom": "20px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-divider",
"uuid": "2cd36842-fbe8-4f43-9688-ff6c964aaa89"
},
{
"descriptor": {
"computedStyle": {
"hideContentOnAmp": false,
"hideContentOnDesktop": false,
"hideContentOnHtml": false,
"hideContentOnMobile": false
},
"paragraph": {
"computedStyle": {
"linkColor": "#0068a5",
"paragraphSpacing": "16px"
},
"html": "<p>Hi 🙂</p>\n<p><strong>Would you be interested to participate in a user research project with us?</strong></p>\n<p>The research will consist of a video call. It usually takes 30 to 45 minutes maximum, but we schedule 1 hour in case we need more time. We'll be asking questions about you, your team, and your email/page creation workflow. The idea is for us to understand how BEE Pro fits in your work day.</p>\n<p><strong>Sounds good?</strong> Pick a time slot at your convenience using <a href=\"https://calendly.com/beepro-product-team/beepro-interview?month=2022-06\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: underline;\">this link ↗</a></p>\n<p>Look forward to hearing back from you.</p>\n<p>Best,</p>\n<p>Dalila from the Product Team 💜</p>\n<p>P.S. Probably your colleagues that use BEE Pro have received this email too. If you'd like you can add one guest to the booking link and participate together, or you can join us alone. We would love to talk to you in any case. </p>",
"style": {
"color": "#000000",
"direction": "ltr",
"font-family": "inherit",
"font-size": "14px",
"font-weight": "400",
"letter-spacing": "0px",
"line-height": "120%",
"text-align": "left"
},
"translations": {
"de-DE": {
"html": "<p>Hallo 🙂<br /><br />Is het interessant om deel te nemen aan een onderzoek naar nieuwe gebruikersonderzoeken?<br /><br />Het onderzoek bestaat uit een videofilm. Wacht tussen 30 en 45 minuten als het maximum, maar het programma duurt 1 uur voordat u meer tijd nodig heeft. De haremos worden nu gebruikt, uw uitrusting en uw vloeiende creatie van pagina's/correos elektronische. Het idee is dat BEE Pro op zijn werk werkt.<br /><br />¿Suena bien? Elija un horario de su conveniencia usando este enlace ↗<br />Esperamos tener noticias suyas.<br /><br />Groot,<br /><br />Dalila del equipo de producto 💜<br /><br /><br />PD Waarschijnlijk is uw partner die BEE Pro gebruikt, deze recibido is elektrisch correct. Als je dit hebt gedaan, kun je een uitnodiging voor het reserveren en de deelname aan de wedstrijd verzamelen, of je kunt een nieuwe solo spelen. Geen enkele gebeurtenis wordt in een ander geval verwisseld.</p>"
},
"es-ES": {
"html": "<p>Hola 🙂<br /><br />¿Estaría interesado en participar en un proyecto de investigación de usuarios con nosotros?<br /><br />La investigación consistirá en una videollamada. Suele tardar entre 30 y 45 minutos como máximo, pero programamos 1 hora por si necesitamos más tiempo. Le haremos preguntas sobre usted, su equipo y su flujo de trabajo de creación de páginas/correos electrónicos. La idea es que entendamos cómo encaja BEE Pro en su jornada laboral.<br /><br /><br />¿Suena bien? Elija un horario de su conveniencia usando este enlace ↗<br />Esperamos tener noticias suyas.<br /><br /><br />Mejor,<br /><br />Dalila del equipo de producto 💜<br /><br /><br /><br />PD Probablemente tus compañeros que utilizan BEE Pro también hayan recibido este correo electrónico. Si lo desea, puede agregar un invitado al enlace de reserva y participar juntos, o puede unirse a nosotros solo. Nos encantaría hablar con usted en cualquier caso.</p>"
}
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-paragraph",
"uuid": "0456f2de-7125-475c-b016-41f77b3fda47"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "5px"
},
"uuid": "61614a04-eb36-4d98-b28e-c6c9e048877d"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "650px"
}
},
"empty": false,
"locked": false,
"metadata": {
"category": 625122,
"dateCreated": "2022-01-20T09:51:57.896884Z",
"dateModified": "2022-01-20T09:51:57.896884Z",
"description": "",
"idParent": null,
"name": "body with: logo + pre title + title + subtitle + body",
"slug": "body-with-logo-pre-title-title-subtitle-body",
"thumb_large": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/35d02430-32b2-41d6-a115-68d7bb476d64_large.jpg",
"thumb_medium": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/35d02430-32b2-41d6-a115-68d7bb476d64_medium.jpg",
"thumb_small": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/35d02430-32b2-41d6-a115-68d7bb476d64_small.jpg",
"uuid": "35d02430-32b2-41d6-a115-68d7bb476d64"
},
"synced": false,
"type": "two-columns-empty",
"uuid": "f57920be-d9e4-41c0-a009-eb85fd2a8034"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"align": "left",
"descriptor": {
"computedStyle": {
"align": "center"
},
"divider": {
"style": {
"border-top": "1px dotted #CCCCCC",
"width": "100%"
}
},
"style": {
"padding-bottom": "30px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "15px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-divider",
"uuid": "ab4460e6-1206-45c1-ba56-9f6d6409508e"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "6ac459ef-5e34-468a-b064-07ea57e1e37c"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "650px"
}
},
"empty": false,
"locked": false,
"metadata": {
"category": 625122,
"dateCreated": "2021-06-29T08:19:25.800829Z",
"dateModified": "2021-06-29T08:19:27.572522Z",
"description": "",
"idParent": null,
"name": "Footer Line",
"slug": "footer-line",
"uuid": "77127825-a508-4127-9155-b5161f9e1703"
},
"synced": false,
"type": "row-1-columns-12",
"uuid": "b759c29c-fb9e-4b1a-add9-a464eeb568f5"
},
{
"columns": [
{
"grid-columns": 3,
"modules": [
{
"align": "left",
"descriptor": {
"computedStyle": {
"class": "left fixedwidth",
"width": "130px"
},
"image": {
"alt": "Elena Loatelli & Dalila Bonomi",
"height": "263px",
"href": "",
"percWidth": 80,
"prefix": "",
"src": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/53601_655907/editor_images/dalila.png",
"target": "_self",
"width": "263px"
},
"style": {
"padding-bottom": "0px",
"padding-left": "15px",
"padding-right": "0px",
"padding-top": "5px",
"width": "100%"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-image",
"uuid": "682c9273-3090-43fb-9acc-a2e2cda857b7"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "a434440b-92d8-4841-90cc-2ab49b1afc14"
},
{
"grid-columns": 9,
"modules": [
{
"align": "left",
"descriptor": {
"computedStyle": {
"hideContentOnMobile": false
},
"style": {
"padding-bottom": "0px",
"padding-left": "15px",
"padding-right": "10px",
"padding-top": "10px"
},
"text": {
"computedStyle": {
"linkColor": "#8a3b8f"
},
"html": "<div class=\"txtTinyMce-wrapper\" style=\"font-size:14px;line-height:16px;font-family:inherit;\" data-mce-style=\"font-size:14px;line-height:16px;font-family:inherit;\"><p style=\"font-size:14px;line-height:16px;word-break:break-word;\" data-mce-style=\"font-size:14px;line-height:16px;word-break:break-word;\"><strong><span style=\"font-size:16px;line-height:19px;\" data-mce-style=\"font-size:16px;line-height:19px;\">DALILA BONOMI</span></strong></p></div>",
"style": {
"color": "#8a3b8f",
"font-family": "inherit",
"line-height": "120%"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-text",
"uuid": "b37a5a73-5f40-4e2d-8d7b-6a117aa686eb"
},
{
"align": "left",
"descriptor": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false
},
"style": {
"padding-bottom": "5px",
"padding-left": "15px",
"padding-right": "0px",
"padding-top": "10px"
},
"text": {
"computedStyle": {
"linkColor": "#8a3b8f"
},
"html": "<div class=\"txtTinyMce-wrapper\" style=\"font-size:12px;line-height:21px;font-family:inherit;\" data-mce-style=\"font-size:12px;line-height:21px;font-family:inherit;\"><p style=\"font-size:14px;line-height:25px;word-break:break-word;text-align:left;\" data-mce-style=\"font-size:14px;line-height:25px;word-break:break-word;text-align:left;\"><strong><span style=\"font-size:16px;line-height:28px;\" data-mce-style=\"font-size:16px;line-height:28px;\">BEE | The email & page builder for everyone.</span></strong></p><p style=\"line-height:21px;word-break:break-word;\" data-mce-style=\"line-height:21px;word-break:break-word;\"><span style=\"font-size:16px;line-height:28px;\" data-mce-style=\"font-size:16px;line-height:28px;\">Design Researcher</span></p></div>",
"style": {
"color": "#454562",
"font-family": "inherit",
"line-height": "180%"
}
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-text",
"uuid": "a916773b-42f4-4efc-af64-3b2a9f801015"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "bc078241-a4ab-4a26-b28b-b7aba3180d3a"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "650px"
}
},
"empty": false,
"locked": false,
"metadata": {
"category": 706433,
"dateCreated": "2022-01-31T09:21:17.612857Z",
"dateModified": "2022-01-31T09:21:20.633639Z",
"description": "",
"idParent": null,
"name": "Dalila single sign",
"slug": "dalila-single-sign",
"uuid": "37bceb9d-b1c9-4724-b5ad-31645653d1c2"
},
"synced": false,
"type": "two-columns-3-9-empty",
"uuid": "3218627f-a68a-4f5d-b3e9-adfa19bb82ec"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"descriptor": {
"computedStyle": {
"align": "center",
"hideContentOnMobile": false
},
"divider": {
"style": {
"border-top": "0px solid transparent",
"height": "50px",
"width": "100%"
}
},
"style": {
"padding-bottom": "10px",
"padding-left": "10px",
"padding-right": "10px",
"padding-top": "10px"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-divider",
"uuid": "5a247632-900c-4a38-8bf1-2307938d9bb5"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "ecfdb53f-a7a0-40dd-9fd9-67d7e2677832"
}
],
"container": {
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "650px"
}
},
"empty": false,
"locked": false,
"synced": false,
"type": "one-column-empty",
"uuid": "feb66cab-ac4a-4ec2-b5d6-657eeabd1039"
},
{
"columns": [
{
"grid-columns": 12,
"modules": [
{
"align": "left",
"descriptor": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"iconHeight": "16px",
"iconSpacing": {
"padding-bottom": "5px",
"padding-left": "5px",
"padding-right": "6px",
"padding-top": "5px"
},
"itemsSpacing": "0px"
},
"iconsList": {
"icons": [
{
"alt": "Designed with BEE",
"height": "325px",
"href": "https://beefree.io/",
"id": "1879a39d-9303-43e5-8458-990ac7b0a429",
"image": "https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/53601_510656/Signature/bee_w.png",
"target": "_blank",
"text": "Designed with BEE",
"textPosition": "right",
"title": "Designed with BEE",
"width": "325px"
}
]
},
"style": {
"color": "#ffffff",
"font-family": "inherit",
"font-size": "15px",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px",
"text-align": "center"
}
},
"locked": false,
"type": "mailup-bee-newsletter-modules-icons",
"uuid": "35f3f7a2-37aa-4471-bd26-ce2b51e6e39b"
}
],
"style": {
"background-color": "transparent",
"border-bottom": "0px solid transparent",
"border-left": "0px solid transparent",
"border-right": "0px solid transparent",
"border-top": "0px solid transparent",
"padding-bottom": "5px",
"padding-left": "0px",
"padding-right": "0px",
"padding-top": "5px"
},
"uuid": "8d6cbc30-0a36-4037-ae02-827d71033fee"
}
],
"container": {
"style": {
"background-color": "#8a3b8f",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat"
}
},
"content": {
"computedStyle": {
"hideContentOnDesktop": false,
"hideContentOnMobile": false,
"rowColStackOnMobile": true,
"rowReverseColStackOnMobile": false,
"verticalAlign": "top"
},
"style": {
"background-color": "transparent",
"background-image": "none",
"background-position": "top left",
"background-repeat": "no-repeat",
"color": "#000000",
"width": "650px"
}
},
"empty": false,
"locked": false,
"metadata": {
"category": 706433,
"dateCreated": "2022-01-20T09:44:21.371097Z",
"dateModified": "2022-01-20T11:01:58.708887Z",
"description": "",
"idParent": null,
"name": "Designed with BEE",
"slug": "designed-with-bee",
"thumb_large": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/727e515b-7455-4661-8e85-22b9f7178d3f_large.jpg",
"thumb_medium": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/727e515b-7455-4661-8e85-22b9f7178d3f_medium.jpg",
"thumb_small": "https://pro-bee-beepro-thumbnails.s3.amazonaws.com/templates/saved-rows/53601/655907/727e515b-7455-4661-8e85-22b9f7178d3f_small.jpg",
"uuid": "727e515b-7455-4661-8e85-22b9f7178d3f"
},
"synced": false,
"type": "one-column-empty",
"uuid": "cc615b28-4773-45ef-b0bf-4ef7ef89b1bf"
}
],
"template": {
"name": "template-base",
"type": "basic",
"version": "2.0.0"
},
"title": ""
},
"language": "it-IT"
}Hello world! Welcome to [Beefree SDK](https://developers.beefree.io/)!URL: https://api.getbee.io/v1/{collection}/pdf
You can generate a PDF file from valid HTML content using the dedicated PDF generation endpoint. This operation requires a JSON payload with specific fields to configure the output.
{
"page_size": "Full",
"page_orientation": "landscape",
"html": "<!DOCTYPE html>...</html>"
}Field Descriptions
html (string, required): The full HTML content to convert to a PDF. You can obtain the HTML output of a template by calling the /html endpoint and copying its response into this field.
page_orientation (string, required): Sets the orientation of the generated PDF pages.
Accepted values:
"portrait": vertical layout.
"landscape": horizontal layout.
page_size (string, required): Defines the dimensions of the PDF output.
Accepted values:
"Letter": US Letter format.
"A4": A4 paper size.
"A3": A3 paper size.
"Full": a single continuous page with fixed width (900px) and height determined proportionally to the content.
When using "Letter", "A4", or "A3", the content is automatically split across multiple pages.
Using "Full" produces a single, unpaginated scrollable PDF.
To generate a PDF from a template:
Call the /html endpoint to retrieve the template's HTML.
Insert that HTML into the "html" field of the request payload.
Set your preferred "page_orientation" and "page_size".
Send the payload to the PDF generation endpoint.
Transform email or page HTML into a PDF that can be attached to emails, SMS messages, or physically printed out.
The collection ID or name
A string field for page_size
A string field for page_orientation
A string field for html
Successful response
Bad request
Unauthorized
Forbidden
Internal Server Error
POST /v1/{collection}/pdf HTTP/1.1
Host: api.getbee.io
Authorization: Bearer Enter Dev Console API Key as Bearer token
Content-Type: application/json
Accept: */*
Content-Length: 189
{
"page_size": "Full",
"page_orientation": "landscape",
"html": "<!DOCTYPE html><html><head><meta charset=\"UTF-8\"></head><body><div style='width:900px; margin: 30px;'>test</div></body></html>"
}{
"message": "Success"
}URL: https://api.getbee.io/v1/{collection}/image
This endpoint allows you to generate an image file (for example, PNG) from a template's HTML. You can control the image output by specifying the dimensions.
{
"html": "<!DOCTYPE html>...</html>",
"width": 800,
"height": 600
}The HTML is rendered using a fixed-size browser window to simulate a real-world preview. Here are the key rendering parameters:
Window Size: 1920 x 1080 pixels (used for clipping/screenshot area)
Default Viewports:
Mobile: 320px width
Desktop: 1024px width
Clipping Region: defaults to 1920 x 1080 pixels
Scale Factor: Automatically calculated to match viewport and clipping dimensions.
You may override the clipping size if your layout requires a custom viewport. If your content exceeds the clipping area, it may be cropped. For improved results, using auto height with the size parameter is recommended.
Use the /html endpoint to generate the HTML version of your template.
Set the html field in your image request payload to the HTML generated.
Provide a width and height values, or a size value.
Send the payload to the image endpoint.
html*
String
A Beefree HTML message.
size
String
Use “size” instead of “width” and “height” when you only know the width and want the height automatically calculated. Required if width and height are not defined.
width
Integer
The image width in pixels. Required if size is not defined.
height
Integer
The image height in pixels. Default applies a proportional value based on the given width, keeping the image aspect ratio. When the value is not proportional to the given width, either will occur: If it’s higher, the proportional value applies, or, if it’s lower, the image is cropped. Required if size is not defined.
file_type*
String
Accepts jpg or png.
Use this endpoint to transform a design's HTML into an Image, which can be used for thumbnails and similar purposes. Compatible with Email and Page builder.
The collection ID or name
A string field for file_type
A string field for size
A string field for html
Successful response
Bad request
Unauthorized
Forbidden
Internal Server Error
POST /v1/{collection}/image HTTP/1.1
Host: api.getbee.io
Authorization: Bearer Enter Dev Console API Key as Bearer token
Content-Type: application/json
Accept: */*
Content-Length: 37420
{
"file_type": "png",
"size": "1000",
"html": "<!DOCTYPE html>\r\n<html lang=\"en\" xmlns:v=\"urn:schemas-microsoft-com:vml\">\r\n <head></head>\r\n <head>\r\n <meta charset=\"utf-8\">\r\n <meta name=\"x-apple-disable-message-reformatting\">\r\n <meta http-equiv=\"x-ua-compatible\" content=\"ie=edge\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n <meta name=\"format-detection\" content=\"telephone=no, date=no, address=no, email=no\">\r\n <meta name=\"color-scheme\" content=\"light dark\">\r\n <meta name=\"supported-color-schemes\" content=\"light dark\">\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t<noscript>\r\n\t\t\t\t\t\t\t\t\t\t<xml>\r\n\t\t\t\t\t\t\t\t\t\t\t<o:OfficeDocumentSettings\r\n\t\t\t\t\t\t\t\t\t\t\t\txmlns:o=\"urn:schemas-microsoft-com:office:office\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<o:PixelsPerInch>96</o:PixelsPerInch>\r\n\t\t\t\t\t\t\t\t\t\t\t</o:OfficeDocumentSettings>\r\n\t\t\t\t\t\t\t\t\t\t</xml>\r\n\t\t\t\t\t\t\t\t\t</noscript>\r\n\t\t\t\t\t\t\t\t\t<style>\r\n td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: \"Segoe UI\", sans-serif; mso-line-height-rule: exactly;}\r\n </style>\r\n\t\t\t\t\t\t\t\t\t<![endif]-->\r\n <title>Black Friday Booster 50% OFF</title>\r\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin=\"\">\r\n <link href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap\" rel=\"stylesheet\" media=\"screen\">\r\n <style>\r\n .hover-bg-cool-gray-100:hover {\r\n background-color: #f7f8fa !important;\r\n }\r\n\r\n .hover-bg-primary-600:hover {\r\n background-color: #003cdf !important;\r\n }\r\n\r\n .hover-text-cool-gray-600:hover {\r\n color: #585e83 !important;\r\n }\r\n\r\n @media (max-width: 648px) {\r\n .sm-block {\r\n display: block !important;\r\n }\r\n\r\n .sm-hidden {\r\n display: none !important;\r\n }\r\n\r\n .sm-h-px {\r\n height: 1px !important;\r\n }\r\n\r\n .sm-w-full {\r\n width: 100% !important;\r\n }\r\n\r\n .sm-py-12 {\r\n padding-top: 12px !important;\r\n padding-bottom: 12px !important;\r\n }\r\n\r\n .sm-px-0 {\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n\r\n .sm-px-24 {\r\n padding-left: 24px !important;\r\n padding-right: 24px !important;\r\n }\r\n\r\n .sm-pb-12 {\r\n padding-bottom: 12px !important;\r\n }\r\n\r\n .sm-text-center {\r\n text-align: center !important;\r\n }\r\n\r\n .sm-text-4xl {\r\n font-size: 36px !important;\r\n }\r\n\r\n .sm-leading-16 {\r\n line-height: 16px !important;\r\n }\r\n\r\n .sm-leading-2 {\r\n line-height: 2px !important;\r\n }\r\n\r\n .sm-leading-40 {\r\n line-height: 40px !important;\r\n }\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n .dark-border-gray-600 {\r\n border-color: #272727 !important;\r\n }\r\n\r\n .dark-bg-gray-800 {\r\n background-color: #1e1e1e !important;\r\n }\r\n\r\n .dark-bg-gray-900 {\r\n background-color: #121212 !important;\r\n }\r\n\r\n .dark-bg-white {\r\n background-color: #ffffff !important;\r\n }\r\n\r\n .dark-bg-gray-600 {\r\n background-color: #272727 !important;\r\n }\r\n\r\n .dark-bg-gray-700 {\r\n background-color: #222222 !important;\r\n }\r\n\r\n .dark-bg-gray-500 {\r\n background-color: #2d2d2d !important;\r\n }\r\n\r\n .dark-text-gray-200 {\r\n color: #ababab !important;\r\n }\r\n\r\n .dark-text-gray-800 {\r\n color: #1e1e1e !important;\r\n }\r\n\r\n .dark-text-gray-900 {\r\n color: #121212 !important;\r\n }\r\n\r\n .dark-text-gray-50 {\r\n color: #f9fafb !important;\r\n }\r\n\r\n .dark-text-primary-500 {\r\n color: #0047ff !important;\r\n }\r\n\r\n .dark-hover-bg-gray-50:hover {\r\n background-color: #f9fafb !important;\r\n }\r\n\r\n .dark-hover-text-gray-100:hover {\r\n color: #d5d5d5 !important;\r\n }\r\n }\r\n </style>\r\n </head>\r\n <body class=\"dark-bg-gray-900\" style=\"margin: 0; width: 100%; padding: 0; word-break: break-word; -webkit-font-smoothing: antialiased; background-color: #f7f8fa;\">\r\n <div role=\"article\" aria-roledescription=\"email\" aria-label=\"Black Friday Booster 50% OFF\" lang=\"en\" style=\"font-size: 16px; font-size: 1rem; font-size: max(16px, 1rem)\">\r\n <table style=\"width: 100%; font-family: 'Inter', -apple-system, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td align=\"center\">\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<v:rect\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:v=\"urn:schemas-microsoft-com:vml\" fill=\"true\" stroke=\"false\" style=\"height:300px; mso-width-percent: 1000; position: absolute; left: -10px; top: -20px; z-index: -1;\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<v:fill type=\"tile\" color=\"#dee2e9\" />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<v:textbox inset=\"0,0,0,0\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n <div style=\"max-height: 40px;\">\r\n <div class=\"dark-bg-gray-900\" style=\"height: 300px; background-color: #dee2e9;\"></div>\r\n </div>\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</v:textbox>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</v:rect>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n <table class=\"sm-w-full\" style=\"position: relative; max-height: 0; width: 568px; opacity: 0.999;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td style=\"vertical-align: top;\" valign=\"top\">\r\n <div class=\"sm-px-24\">\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"sm-px-24\" style=\"padding-left: 40px; padding-right: 40px;\">\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td>\r\n <a href=\"https://example.com\" style=\"text-decoration: none;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/logo-dark_2x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/logo_2x.png\" width=\"88\" alt=\"Company Logo\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </a>\r\n </td>\r\n <td align=\"right\">\r\n <a href=\"https://example.com\" class=\"dark-text-gray-900 dark-bg-white hover-bg-cool-gray-100\" style=\"display: inline-block; border-radius: 8px; background-color: #ffffff; padding: 7px 12px; text-align: center; font-size: 12px; font-weight: 700; color: #191847; text-decoration: none; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);\">\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i style=\"letter-spacing: 24px; mso-font-width: -100%; mso-text-raise: 30px;\"> </i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n <span style=\"mso-text-raise: 15px; margin-right: 6px;\"> Shop\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i style=\"letter-spacing: 6px; mso-font-width: -100%;\"> </i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </span>\r\n <span style=\"mso-text-raise: 10px;\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/cart_2x.png\" width=\"18\"></span>\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i style=\"letter-spacing: 24px; mso-font-width: -100%;\"> </i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </a>\r\n </td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n </table>\r\n <div role=\"separator\" style=\"line-height: 40px;\">‌</div>\r\n <table class=\"dark-bg-gray-600\" style=\"width: 100%; border-radius: 8px; background-color: #ffffff; box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"sm-px-24\" style=\"padding: 40px;\">\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td>\r\n <div>\r\n <a href=\"https://example.com\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/hero/black-friday.png\" width=\"488\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\" alt=\"\">\r\n </a>\r\n </div>\r\n <div role=\"separator\" style=\"line-height: 24px;\">‌</div>\r\n <h2 class=\"sm-text-4xl dark-text-gray-50\" style=\"margin: 0; font-size: 60px; font-weight: 700; line-height: 1; letter-spacing: -0.025em; color: #191847;\"> Black Friday <br class=\"sm-hidden\"> Booster <br>\r\n <span style=\"font-family: -apple-system-ui-serif, ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; font-weight: 400; font-style: italic;\">50% OFF</span>\r\n </h2>\r\n <div role=\"separator\" style=\"line-height: 24px;\">‌</div>\r\n <p class=\"dark-text-gray-50\" style=\"margin: 0; font-size: 16px; line-height: 26px; color: #191847;\"> Hi Smiles Davis, <br>\r\n <br> This Black Friday, we’re offering loyal [Product Name] customers like you the chance to take advantage of our entire range of Teams services for only HALF the usual price. <br>\r\n <br> For <strong>$XX / month</strong>, you can upgrade your experience to include all these great benefits:\r\n </p>\r\n </td>\r\n </tr>\r\n <tr role=\"separator\">\r\n <td style=\"line-height: 24px;\">‌</td>\r\n </tr>\r\n <tr>\r\n <td>\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"dark-border-gray-600 dark-bg-gray-700 dark-text-gray-50\" style=\"border-radius: 8px; border: 1px solid #dee2e9; background-color: #f7f8fa; padding: 24px; color: #191847;\">\r\n <h3 style=\"margin: 0; font-size: 12px; font-weight: 700;\"> Free Plan <em class=\"dark-text-gray-200\" style=\"font-weight: 400; color: #424670;\">(Currently 15 Members)</em>\r\n </h3>\r\n <div role=\"separator\" style=\"line-height: 4px;\">‌</div>\r\n <p style=\"margin: 0; font-size: 18px; font-weight: 700; line-height: 28px;\"> $0 </p>\r\n <div role=\"separator\" style=\"line-height: 12px;\">‌</div>\r\n <p style=\"margin: 0; font-size: 14px; line-height: 21px;\"> Free Plan features include: </p>\r\n <div role=\"separator\" style=\"line-height: 12px;\">‌</div>\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"sm-w-full sm-block sm-pb-12\" style=\"width: 50%;\">\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n <tr role=\"separator\">\r\n <td style=\"line-height: 12px;\">‌</td>\r\n </tr>\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n </table>\r\n </td>\r\n <td class=\"sm-w-full sm-block\" style=\"width: 50%;\">\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n <tr role=\"separator\">\r\n <td style=\"line-height: 12px;\">‌</td>\r\n </tr>\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n <tr role=\"separator\">\r\n <td style=\"line-height: 24px;\">‌</td>\r\n </tr>\r\n <tr>\r\n <td>\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"dark-border-gray-600 dark-bg-gray-500 dark-text-gray-50\" style=\"border-radius: 8px; border: 1px solid #dee2e9; background-color: #ffffff; padding: 24px; color: #191847;\">\r\n <h3 style=\"margin: 0; font-size: 12px; font-weight: 700;\"> Team Plan </h3>\r\n <div role=\"separator\" style=\"line-height: 4px;\">‌</div>\r\n <p style=\"margin: 0; font-size: 18px; font-weight: 700; line-height: 28px;\"> $7 monthly </p>\r\n <div role=\"separator\" style=\"line-height: 12px;\">‌</div>\r\n <p style=\"margin: 0; font-size: 14px; line-height: 21px;\"> All features of the Free plan plus: </p>\r\n <div role=\"separator\" style=\"line-height: 12px;\">‌</div>\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"sm-w-full sm-block sm-pb-12\" style=\"width: 50%;\">\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n <tr role=\"separator\">\r\n <td style=\"line-height: 12px;\">‌</td>\r\n </tr>\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n </table>\r\n </td>\r\n <td class=\"sm-w-full sm-block\" style=\"width: 50%;\">\r\n <table style=\"width: 100%;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n <tr role=\"separator\">\r\n <td style=\"line-height: 12px;\">‌</td>\r\n </tr>\r\n <tr>\r\n <td style=\"width: 32px;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-dark-3x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/icon-check-3x.png\" width=\"24\" alt=\"✔\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </td>\r\n <td style=\"font-size: 14px;\">[Feature name]</td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n </table>\r\n <div role=\"separator\" style=\"line-height: 24px;\">‌</div>\r\n <a href=\"https://example.com\" class=\"sm-block dark-text-primary-500 hover-bg-primary-600 dark-bg-white dark-hover-bg-gray-50\" style=\"display: inline-block; border-radius: 8px; background-color: #0047ff; padding: 14px 24px; text-align: center; font-size: 16px; font-weight: 700; color: #ffffff; text-decoration: none; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);\">\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i style=\"letter-spacing: 24px; mso-font-width: -100%; mso-text-raise:30px;\"> </i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n <span style=\"mso-text-raise: 15px;\">Upgrade to Team Plan</span>\r\n <!--[if mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i style=\"letter-spacing: 24px; mso-font-width: -100%;\"> </i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </a>\r\n <div role=\"separator\" style=\"line-height: 16px;\">‌</div>\r\n <p class=\"dark-text-gray-200 sm-text-center\" style=\"margin: 0; font-size: 12px; line-height: 16px; color: #767e9d;\"> Upgrade and save 50% today. </p>\r\n </td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n <tr role=\"separator\">\r\n <td style=\"line-height: 24px;\">‌</td>\r\n </tr>\r\n <tr>\r\n <td>\r\n <p class=\"dark-text-gray-50\" style=\"margin: 0; font-size: 16px; line-height: 26px; color: #191847;\"> But act fast — this deal is for a limited time only! </p>\r\n </td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n </table>\r\n </div>\r\n </td>\r\n </tr>\r\n </table>\r\n <div class=\"sm-leading-40\" role=\"separator\" style=\"line-height: 64px;\">‌</div>\r\n <table class=\"sm-w-full dark-text-gray-200\" style=\"width: 568px; color: #767e9d;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td style=\"padding-left: 40px; padding-right: 40px;\">\r\n <a href=\"https://example.com\" style=\"text-decoration: none;\">\r\n <picture>\r\n <source srcset=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/logo-footer-dark_2x.png\" media=\"(prefers-color-scheme: dark)\">\r\n <img src=\"https://res.cloudinary.com/dxa66e5ic/image/upload/v1637601683/holidays/logo-footer_2x.png\" width=\"79\" alt=\"Company Logo\" style=\"max-width: 100%; vertical-align: middle; line-height: 100%; border: 0;\">\r\n </picture>\r\n </a>\r\n <div role=\"separator\" style=\"line-height: 16px;\">‌</div>\r\n <table class=\"sm-w-full\" style=\"font-size: 12px; line-height: 16px;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"sm-block sm-w-full\">\r\n <a href=\"https://example.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\"> Shop </a>\r\n </td>\r\n <td class=\"sm-block sm-py-12 sm-px-0\" style=\"padding-left: 12px; padding-right: 12px;\">\r\n <table class=\"sm-hidden\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"dark-bg-gray-800\" style=\"height: 24px; width: 1px; background-color: #dee2e9;\"></td>\r\n </tr>\r\n </table>\r\n <!--[if !mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-->\r\n <div class=\"sm-block sm-h-px dark-bg-gray-800\" style=\"mso-hide: all; display: none; background-color: #dee2e9;\"></div>\r\n <!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </td>\r\n <td class=\"sm-block sm-w-full\">\r\n <a href=\"https://twitter.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\"> Twitter </a>\r\n </td>\r\n <td class=\"sm-block sm-py-12 sm-px-0\" style=\"padding-left: 12px; padding-right: 12px;\">\r\n <table class=\"sm-hidden\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"dark-bg-gray-800\" style=\"height: 24px; width: 1px; background-color: #dee2e9;\"></td>\r\n </tr>\r\n </table>\r\n <!--[if !mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-->\r\n <div class=\"sm-block sm-h-px dark-bg-gray-800\" style=\"mso-hide: all; display: none; background-color: #dee2e9;\"></div>\r\n <!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </td>\r\n <td class=\"sm-block sm-w-full\">\r\n <a href=\"https://instagram.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\"> Instagram </a>\r\n </td>\r\n </tr>\r\n </table>\r\n <hr class=\"dark-bg-gray-800 dark-text-gray-800\" style=\"margin-top: 12px; margin-bottom: 16px; height: 1px; border-width: 0px; background-color: #dee2e9; color: #dee2e9;\">\r\n <p style=\"margin: 0; font-size: 12px; line-height: 16px;\"> If you have questions or need help, don't hesitate to contact our support team! <br>\r\n <br> DEMOCO USA Inc, 4 World Trade Center, 150 Greenwich Street, 62nd Floor, New York, NY 10007, USA\r\n </p>\r\n <div class=\"sm-leading-16\" role=\"separator\" style=\"line-height: 20px;\">‌</div>\r\n <table class=\"sm-w-full\" style=\"font-size: 12px; line-height: 16px;\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"sm-block sm-w-full\">\r\n <a href=\"https://example.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\"> Terms & conditions </a>\r\n </td>\r\n <td class=\"sm-block sm-py-12 sm-px-0\" style=\"padding-left: 12px; padding-right: 12px;\">\r\n <table class=\"sm-hidden\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"dark-bg-gray-800\" style=\"height: 24px; width: 1px; background-color: #dee2e9;\"></td>\r\n </tr>\r\n </table>\r\n <!--[if !mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-->\r\n <div class=\"sm-block sm-h-px dark-bg-gray-800\" style=\"mso-hide: all; display: none; background-color: #dee2e9;\"></div>\r\n <!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </td>\r\n <td class=\"sm-block sm-w-full\">\r\n <a href=\"https://example.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\"> Privacy policy </a>\r\n </td>\r\n <td class=\"sm-block sm-py-12 sm-px-0\" style=\"padding-left: 12px; padding-right: 12px;\">\r\n <table class=\"sm-hidden\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\">\r\n <tr>\r\n <td class=\"dark-bg-gray-800\" style=\"height: 24px; width: 1px; background-color: #dee2e9;\"></td>\r\n </tr>\r\n </table>\r\n <!--[if !mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-->\r\n <div class=\"sm-block sm-h-px dark-bg-gray-800\" style=\"mso-hide: all; display: none; background-color: #dee2e9;\"></div>\r\n <!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </td>\r\n <td class=\"sm-block sm-w-full\">\r\n <a href=\"https://example.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\"> Contact us </a>\r\n </td>\r\n <td class=\"sm-block sm-px-0 sm-py-12\" style=\"mso-hide: all; display: none; padding-left: 12px; padding-right: 12px;\">\r\n <!--[if !mso]>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-->\r\n <div class=\"sm-block sm-h-px dark-bg-gray-800\" style=\"mso-hide: all; display: none; background-color: #dee2e9;\"></div>\r\n <!--\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<![endif]-->\r\n </td>\r\n </tr>\r\n </table>\r\n <div class=\"sm-leading-2\" role=\"separator\" style=\"line-height: 20px;\">‌</div>\r\n <p style=\"margin: 0; font-size: 12px; line-height: 16px;\"> This message was sent to [email protected]. If you don't want to receive these emails from DEMOCO in the future, you can <a href=\"https://example.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\">edit your profile</a> or <a href=\"https://example.com\" class=\"hover-text-cool-gray-600 dark-text-gray-200 dark-hover-text-gray-100\" style=\"font-weight: 700; color: #767e9d; text-decoration: none;\">unsubscribe</a>. </p>\r\n <div role=\"separator\" style=\"line-height: 40px;\">‌</div>\r\n </td>\r\n </tr>\r\n </table>\r\n </td>\r\n </tr>\r\n </table>\r\n </div>\r\n </body>\r\n</html>"
}iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==