{"id":4147,"date":"2014-10-20T02:14:36","date_gmt":"2014-10-20T02:14:36","guid":{"rendered":"http:\/\/bme2.flywheelsites.com\/blog\/new-in-email-designer-code-editor\/"},"modified":"2020-01-30T17:35:35","modified_gmt":"2020-01-30T17:35:35","slug":"new-in-email-designer-code-editor","status":"publish","type":"post","link":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/","title":{"rendered":"New in Email Designer v1.1: Code Editor"},"content":{"rendered":"

As part of the new releases to our Email Designer v1.1, we have also released major additions to our code editor. Our code editor is a great option to select if you\u2019re HTML savvy and want to build your own email from scratch or edit the HTML of an email template.<\/p>\n

The new features that were added to this 1.1 release are:<\/p>\n

1. Dual View<\/strong>
\nYou now have the ability to be able to see the design of your email while coding it! After you\u2019ve written your code, you click Save and you will see the right panel of your screen render your HTML.<\/p>\n

\"Dual<\/p>\n

2. Draggable Panels<\/strong>
\nWhile coding your email, you can place your cursor in between the panels and drag the design panel to see how it can transform when it gets to a smaller size for mobile. You can still access the mobile preview mode like you do in the drag and drop editor, but this gives you a quick preview of what it will look like while you\u2019re coding it.<\/p>\n

\"Drag<\/p>\n

3. Insert Image URLs<\/strong>
\nYou can access and upload images through here just like in the drag and drop editor. The only difference is that when you insert an image, you insert the URL of the image rather than the image itself. You insert the URL and you can wrap the URL in HTML code with an img tag or reference it using different HTML attributes or using it with CSS.<\/p>\n

\"Insert<\/p>\n

4. Full Screen Mode<\/strong>
\nPrefer just looking at the code view? You can do that by clicking the full screen icon and having your code panel take up the full screen. You can always get back the design panel by clicking on the icon again.<\/p>\n

These are great new additions to our code editor, but we\u2019re still working on making this an even better tool in the future. These improvements are only the beginning as we keep moving forward with improvements to our email designer!<\/p>\n","protected":false},"excerpt":{"rendered":"

As part of the new releases to our Email Designer v1.1, we have also released major additions to our code editor. Our code editor is a great option to select if you\u2019re HTML savvy and want to build your own email from scratch or edit the HTML of an email template. The new features that…<\/p>\n","protected":false},"author":44,"featured_media":13162,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2171],"tags":[],"class_list":["post-4147","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beyond"],"yoast_head":"\nNew in Email Designer v1.1: Code Editor - in<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New in Email Designer v1.1: Code Editor - in\" \/>\n<meta property=\"og:description\" content=\"As part of the new releases to our Email Designer v1.1, we have also released major additions to our code editor. Our code editor is a great option to select if you\u2019re HTML savvy and want to build your own email from scratch or edit the HTML of an email template. The new features that…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"in\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-20T02:14:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-30T17:35:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2020\/01\/dual-view.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"633\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Benchmark Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benchmark Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/\"},\"author\":{\"name\":\"Benchmark Team\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#\\\/schema\\\/person\\\/bb441e78bfef71cd3c31f51bbbbc627d\"},\"headline\":\"New in Email Designer v1.1: Code Editor\",\"datePublished\":\"2014-10-20T02:14:36+00:00\",\"dateModified\":\"2020-01-30T17:35:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/\"},\"wordCount\":336,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2020\\\/01\\\/dual-view.jpg\",\"articleSection\":[\"Beyond\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/\",\"name\":\"New in Email Designer v1.1: Code Editor - in\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2020\\\/01\\\/dual-view.jpg\",\"datePublished\":\"2014-10-20T02:14:36+00:00\",\"dateModified\":\"2020-01-30T17:35:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2020\\\/01\\\/dual-view.jpg\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2020\\\/01\\\/dual-view.jpg\",\"width\":1200,\"height\":633},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/new-in-email-designer-code-editor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New in Email Designer v1.1: Code Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#website\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/\",\"name\":\"in\",\"description\":\"Email Marketing Software\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#organization\",\"name\":\"Benchmark Internet Group, LLC\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/benchmarkemail.com\\\/in\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2019\\\/09\\\/benchmark-logo.svg\",\"contentUrl\":\"https:\\\/\\\/benchmarkemail.com\\\/in\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2019\\\/09\\\/benchmark-logo.svg\",\"width\":1,\"height\":1,\"caption\":\"Benchmark Internet Group, LLC\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/#\\\/schema\\\/person\\\/bb441e78bfef71cd3c31f51bbbbc627d\",\"name\":\"Benchmark Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"caption\":\"Benchmark Team\"},\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/in\\\/author\\\/benchmarkteam\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New in Email Designer v1.1: Code Editor - in","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"New in Email Designer v1.1: Code Editor - in","og_description":"As part of the new releases to our Email Designer v1.1, we have also released major additions to our code editor. Our code editor is a great option to select if you\u2019re HTML savvy and want to build your own email from scratch or edit the HTML of an email template. The new features that…","og_url":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/","og_site_name":"in","article_published_time":"2014-10-20T02:14:36+00:00","article_modified_time":"2020-01-30T17:35:35+00:00","og_image":[{"width":1200,"height":633,"url":"https:\/\/www.benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2020\/01\/dual-view.jpg","type":"image\/jpeg"}],"author":"Benchmark Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Benchmark Team","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#article","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/"},"author":{"name":"Benchmark Team","@id":"https:\/\/www.benchmarkemail.com\/in\/#\/schema\/person\/bb441e78bfef71cd3c31f51bbbbc627d"},"headline":"New in Email Designer v1.1: Code Editor","datePublished":"2014-10-20T02:14:36+00:00","dateModified":"2020-01-30T17:35:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/"},"wordCount":336,"commentCount":0,"publisher":{"@id":"https:\/\/www.benchmarkemail.com\/in\/#organization"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2020\/01\/dual-view.jpg","articleSection":["Beyond"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/","url":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/","name":"New in Email Designer v1.1: Code Editor - in","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/in\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#primaryimage"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2020\/01\/dual-view.jpg","datePublished":"2014-10-20T02:14:36+00:00","dateModified":"2020-01-30T17:35:35+00:00","breadcrumb":{"@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#primaryimage","url":"https:\/\/www.benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2020\/01\/dual-view.jpg","contentUrl":"https:\/\/www.benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2020\/01\/dual-view.jpg","width":1200,"height":633},{"@type":"BreadcrumbList","@id":"https:\/\/www.benchmarkemail.com\/in\/new-in-email-designer-code-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.benchmarkemail.com\/in\/"},{"@type":"ListItem","position":2,"name":"New in Email Designer v1.1: Code Editor"}]},{"@type":"WebSite","@id":"https:\/\/www.benchmarkemail.com\/in\/#website","url":"https:\/\/www.benchmarkemail.com\/in\/","name":"in","description":"Email Marketing Software","publisher":{"@id":"https:\/\/www.benchmarkemail.com\/in\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.benchmarkemail.com\/in\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.benchmarkemail.com\/in\/#organization","name":"Benchmark Internet Group, LLC","url":"https:\/\/www.benchmarkemail.com\/in\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/in\/#\/schema\/logo\/image\/","url":"https:\/\/benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2019\/09\/benchmark-logo.svg","contentUrl":"https:\/\/benchmarkemail.com\/in\/wp-content\/uploads\/sites\/11\/2019\/09\/benchmark-logo.svg","width":1,"height":1,"caption":"Benchmark Internet Group, LLC"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/in\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.benchmarkemail.com\/in\/#\/schema\/person\/bb441e78bfef71cd3c31f51bbbbc627d","name":"Benchmark Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","caption":"Benchmark Team"},"url":"https:\/\/www.benchmarkemail.com\/in\/author\/benchmarkteam\/"}]}},"_links":{"self":[{"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/posts\/4147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/comments?post=4147"}],"version-history":[{"count":0,"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/posts\/4147\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/media\/13162"}],"wp:attachment":[{"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/media?parent=4147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/categories?post=4147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/in\/wp-json\/wp\/v2\/tags?post=4147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}