Skip to content

What's Supported

Supported

Text Styles

All text styles are supported.

Coda

Coda - Text Styles.png

HTML Email Pro

HTML Email Pro - Text Styles.png

Horizontal Dividers

Note: The different styles of dividers are not sent over by Coda, but the fact that a divider exists is sent. For this reason, you’ll see the standard style come through regardless of the divider styling you choose.

Coda

Coda - Horizontal Divider.png

HTML Email Pro

HTML Email Pro - Horizontal Divider.png

Inline Code

Inline-code is fully supported including text styles, colors, and links.

Coda

Coda - Inline Code.png

HTML Email Pro

HTML Email Pro - Inline Code.png

Code Blocks

Note: “Prettyprint” styling is not supported and does not come over from Coda, but colors and styles added with the text editor come through and will display.

Coda

Coda - Code Block.png

HTML Email Pro

HTML Email Pro - Code Block.png

Blockquotes

not pull quotes

Coda exports <blockquote>, but not pull quotes. The pull quotes styling stands out a little more, so in emails, blocks quotes are styled more like Coda’s pull quotes.

Coda

Coda - Blockquote.png

HTML Email Pro

HTML Email Pro - Blockquote.png

Buttons

Because the large majority of button uses in Coda are not supported by email clients, Coda doesn’t send over any info about them. However, buttons in an email are only ever used as one thing, a link. So any text link that is on a line by itself is styled as a button in the email.
Pro Tip: Highlight any text link, set a font color, and the button will adopt that color in the email 😮

Coda

Coda - Links for Buttons.png

HTML Email Pro

HTML Email Pro - Links for Buttons.png

Lists

All list types are supported, including mixed list types.
Checked list items come through as checked in the email. And if the full list item, or the first paragraph in a multiple paragraphs list item, are highlighted with a text color, the list marker gets that text color as well.
Note: In Coda, an ordered list goes off of the nesting level regardless of if the parent item is also ordered. You’ll see a regular bullet, then the ordered list under it starts with a instead of 1. In emails, you’ll see it start with 1 and reset each time the list type changes.

Coda

Coda - Lists.png

HTML Email Pro

HTML Email Pro Lists.png

Images

Email supports PNG, JPG, JPEG, and GIF images. Other image types aren’t likely to show up, so stick to this fully supported list.
Images require a massive amount of special handling to display properly in emails, which is all handled by the pack.
Any text or content type on the same line as the image will force it to an icon size to display inline with the content, see “Inline Images” below. Blank spaces do not count as text or content in this case.
Images on the same line, even if they wrap to the next line, will be treated as the same row in the email.
If you set an image size with the Image() formula, that size will be used if it’s smaller than what the email calculates as the available space for it.
If you set the image alignment to left, right, or center, the image will respect that alignment in the email.

Coda

Coda - Images.png

HTML Email Pro

HTML Email Pro - Images.png

Inline Images

Coda

Coda - Inline Images.png

HTML Email Pro

HTML Email Pro - Inline Images.png

Tables

Coda’s most powerful aspect is tables. Because of that, a great deal of extra work was completed to support every feature possible within tables.
All headers within a table are converted to an <h4> style and font sizes and paddings are tightened up. There are a few subtle styling differences between what you see in Coda and how content will display in an email.
Note: What’s not supported is other table layouts. Coda doesn’t export any hints about a table being set as cards, a chart, or detail view. All tables are shown as basic tables including text styling and conditional formatting.

Coda

Coda - Table.png

HTML Email Pro

HTML Email Pro - Table.png
All supported text styles and options for in-table content

Coda

Coda - Table Support.png

HTML Email Pro

HTML Email Pro - Table Support.png
Light background conditional formatting

Coda

Coda - Table Conditional Formatting.png

HTML Email Pro

HTML Email Pro - Table Conditional Formatting.png
Medium and dark background conditional formatting

Coda

Highlighted text washes out
Codeblock content washes out
Blockquote border bar doesn’t match the font
Text loses it’s font color
The first bullet gets a color but the text does not
Checkboxes wash out
Coda - Table Conditional Formatting Dark.png

HTML Email Pro

Highlighted text maintains contrast
Codeblock content maintains contrast
Blockquote border matches the font color
Text retains it’s chosen font color
Bullet markers are colored properly
Checkboxes maintain contrast
HTML Email Pro - Table Conditional Formatting Dark.png


Not Fully Supported

Callouts

Coda doesn’t send over any information about the callout style itself, only the content inside the callout. Because of that, there is no way to support actual callout styling in emails at the moment. The content itself will come through though and will retain all text styling for the email.

Coda

Coda - Callout.png

HTML Email Pro

HTML Email Pro - Callout.png

Canvas Columns

Coda sends the content as a <div> container with no indication of whether it’s in a column or not, so there is no way to support this at the moment. The content does come through, it will just be displayed as full width and stacked instead of columns side by side.

Charts

Coda only sends the basic table, no chart info or even a hint that there is a chart. Any charts, or tables that are not standard table layouts, will come through as regular tables in the email.

Coda

Coda - Chart.png

HTML Email Pro

HTML Email Pro - Table.png


Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.