{"Status":true,"Message":"","Response":{"post":{"postuid":"zuqmsg00xh","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"Editing HTML in the Email Designer","slug":"article/zuqmsg00xh-editing-html-in-the-email-designer","html":"\u003Cp\u003EDailyStory provides tools that allow advanced users to directly \u003Ca href=\u0022/article/035zxhdqfo-edit-email-html-and-css\u0022\u003Econtrol the HTML, CSS, and AMP\u003C/a\u003E content of their emails. But occasionally you may want to add or edit HTML directly from the \u003Ca href=\u0022/article/kw4n3vdfqc-using-the-email-designer\u0022\u003Eemail designer\u003C/a\u003E.\u003C/p\u003E\u003Ccite class=\u0022warning\u0022\u003E\u003Cspan class=\u0022title\u0022\u003E\u003Ci class=\u0022fa-duotone fa-circle-exclamation\u0022 aria-hidden=\u0022true\u0022\u003E\u003C/i\u003EWarning\u003C/span\u003E\u003Cp\u003E\u003Cstrong\u003EWarning\u003C/strong\u003E editing the HTML directly is not recommended unless you are familiar with HTML. Emails built in the email designer are optimized for mobile email clients.\u003C/p\u003E\u003C/cite\u003E\u003Cp\u003EOnly content created in a Text / HTML block allows for editing HTML.\u003C/p\u003E\u003Ch4\u003EEdit the HTML of a Text / HTML block\u003C/h4\u003E\u003Cp\u003EIn the email designer drag-and-drop a Text / HTML block into your email. Or, select an existing Text / HTML block. Below is an example of a selected Text / HTML block. On the right, a rich editor opens to edit the text:\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/fd1e17e665e5c0c62b44ab155c5ea3a3.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003ENext, click the \u0026lt;\u0026gt; icon in the editor, this will open up a popup window where you can directly edit the HTML:\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/da85bf86b799b47335c03408d1059f36.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003ENow, you can edit the \u0026#34;Source Code\u0026#34; with any HTML that you want to include:\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/0fcaec3be064df74ee4a1a47590498e3.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EPress OK in the popup to apply the changes:\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/81011929b450834983261a9842fd1488.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch4\u003EInsert an HTML table\u003C/h4\u003E\u003Cp\u003EThe email designer purposefully does not include the ability to embed HTML tables into emails. HTML tables are problematic for rendering on mobile devices. However, it is possible to create an HTML table in your email.\u003C/p\u003E\u003Col\u003E\u003Cli\u003EAdd a Text / HTML block (as shown above) and edit the HTML.\u003C/li\u003E\u003Cli\u003EInsert the following HTML (or your own table HTML)\u003C/li\u003E\u003C/ol\u003E\u003Cp\u003E\u003Ccode\u003E\u0026lt;table\u0026gt;\u0026lt;tbody\u0026gt;\u0026lt;tr\u0026gt;\u0026lt;td\u0026gt;HTML table\u0026lt;/td\u0026gt;\u0026lt;/tr\u0026gt;\u0026lt;/tbody\u0026gt;\u0026lt;/table\u0026gt;\u003C/code\u003E\u003C/p\u003E\u003Col start=\u00223\u0022\u003E\u003Cli\u003EClick OK\u003C/li\u003E\u003C/ol\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/65460e0f000c7eae5d13a3cb80fe1f52.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EYou can then click on the HTML table in the editor and you will find tools to add/remove columns, add/remove rows, and set table properties. For example, setting the table width to 100%:\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/f989e0f8595cf1323788516e3f7980dc.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E","publish_status":0,"post_type":"Article","author":{},"featured_image_updating":false,"meta_description":"DailyStory provides tools that allow advanced users to directly control the HTML, CSS, and AMP content of their emails. But occasionally you may want to add or edit HTML directly from the email designer . Warning editing the HTML directly is not recommended unless you are familiar with HTML. Emails built in the email designer are optimized for mobile email clients. Only content created in a Text / HTML block allows for editing HTML. Edit the HTML of a Text / HTML block In the email designer  ...","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"sort_order":13,"total_views":723,"date_published":"2022-04-19T13:52:48","date_updated":"2025-05-16T19:16:53.33","date_created":"2025-04-24T15:02:35.427"}}}