JSON editor

To give you an idea how it works, just fiddle with the following JSON and preview your changes as either a rendered preview of the email, prettified, raw or MIME.

JSON

{
 "from": {
 "address": "info@example.com",
 "name": "The Smile Company"
 },
 "name": "Theme: simple",
 "version": 21,
 "subject": "Smile like you mean it!",
 "background": {
 "color": "#fcfae1"
 },
 "_internals": {
 "easyhtml": true
 },
 "font": {
 "color": "#ffffff",
 "family": "Arial, Helvetica, sans-serif"
 },
 "content": {
 "blocks": [
 {
 "type": "spacer",
 "height": "5"
 },
 {
 "type": "columns",
 "columns": [
 {
 "blocks": [
 {
 "type": "html",
 "content": "&nbsp;Smile like you mean it!"
 }
 ],
 "size": "8"
 },
 {
 "blocks": [
 {
 "type": "link",
 "label": "No images? View webversion",
 "align": "right",
 "font": {
 "size": "12px",
 "color": "#2ba6cb"
 },
 "link": {
 "title": "No images? View webversion",
 "url": "{$webversion}"
 }
 }
 ],
 "size": "4"
 }
 ],
 "background": {
 "color": "#fcfae1"
 }
 },
 {
 "type": "image",
 "background": {
 "color": "#ffffff"
 },
 "align": "center",
 "src": "https://vicinity.picsrv.net/image/8851/bd5ff63e4701cc5b07013d1e5cfef081/image.jpeg",
 "id": "8851"
 },
 {
 "type": "spacer",
 "background": {
 "color": "#ffffff"
 },
 "height": "30"
 },
 {
 "type": "html",
 "background": {
 "color": "#ffffff"
 },
 "content": "<h5 style=\"text-align:center\">SMILE LIKE YOU MEAN IT</h5>"
 },
 {
 "type": "spacer",
 "background": {
 "color": "#ffffff"
 },
 "height": "30"
 },
 {
 "type": "html",
 "background": {
 "color": "#ffffff"
 },
 "content": "Save some face, you know you've only got one \nChange your ways while you're young \nBoy, one day you'll be a man \nOh girl, he'll help you understand \n \nSmile like you mean it"
 },
 {
 "type": "spacer",
 "background": {
 "color": "#ffffff"
 },
 "height": "30"
 },
 {
 "type": "columns",
 "columns": [
 {
 "blocks": [],
 "size": "4"
 },
 {
 "blocks": [
 {
 "type": "button",
 "label": "Show me how",
 "corners": "radius",
 "color": "#d80000",
 "font": {
 "size": "16px",
 "weight": "normal"
 },
 "link": {
 "url": "https://www.youtube.com/watch?v=l1p_NHFd8jM"
 },
 "size": {
 "top": 5,
 "bottom": 5
 }
 }
 ],
 "size": "4"
 },
 {
 "blocks": [],
 "size": "4"
 }
 ],
 "background": {
 "color": "#ffffff"
 }
 },
 {
 "type": "spacer",
 "background": {
 "color": "#ffffff"
 },
 "height": "30"
 },
 {
 "type": "spacer",
 "height": "30"
 },
 {
 "type": "columns",
 "columns": [
 {
 "blocks": [],
 "size": "4"
 },
 {
 "blocks": [
 {
 "type": "link",
 "label": "Click here to unsubscribe",
 "align": "center",
 "font": {
 "family": "Arial, Helvetica, sans-serif",
 "size": "12px",
 "color": "#2ba6cb"
 },
 "link": {
 "title": "Click here to unsubscribe",
 "url": "{$unsubscribe}"
 }
 }
 ],
 "size": "4"
 },
 {
 "blocks": [],
 "size": "4"
 }
 ]
 },
 {
 "type": "spacer",
 "height": "30"
 }
 ]
 }
}

Preview

Rendered
Prettified
Raw HTML
MIME

desktop
mobile

raw

pretty

mime

JSON editor

JSON

Preview

Who is behind ResponsiveEmail.com?

We are hiring

More from Copernica

Contact us