Basic elements

⁠

Note

Adding HTML to the content column, ex: <a href="https://url">text</a>, requires changing smart quotes to regular quotes. You will have to copy/paste regular quotes from a text editor or from the Coda formula builder or from within a code block style like this text. Typing quotes into a text field will automatically change them to smart quotes.

Subject:
HTML Email Builder - Basics Example
⁠
⁠

Email content with the basic elements

Email content with the basic elements

Type

Content / Title / Alt Text

Link of Image or Button Destination

HTML

Coda logo

⁠

https://cdn.coda.io/external/img/coda_logo_tomato_soup.png

⁠

Header image alt text here

https://codaio.imgix.net/docs/zpOMnDbn8A/blobs/bl-aAd6BFTsMB/9f6af20da940d31181168e86e46846a886f25e5b6c0ae3422f9766616212eec5c057d007b0119d58313be07573871cca700bd7bb24ac460d64d27e621d860731cba9cbb17c7be3bc6db2c91c5f36ae13f69119e052a4a1c780f89537c48bea32a0e8d277?auto=format%2Ccompress&fit=max

This is a H1 header

This is a H2 header

This is a Title

This is a Subtitle

And this is a paragraph followed by a Divider.

And this is another paragraph, followed by a button. Then the button is followed by two spacers.

Here’s a button!

https://coda.io/welcome

There are no rows in this table

⁠

Footer Text:
This is your footer text!
⁠
⁠

⁠

Send a test to myself

⁠

Header Image

Any images used in an email need to have publicly accessible URLs. You can upload an image to Coda, right-click, and “Copy image address” to get the URL.

⁠

Generated Email Code

When combining the content from the table, we use Join(Character(10)) to remove commas from in between the code blocks.

Alignment is an optional parameter with left and center as options.

Formula

Email Content Code

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.