Follow

Email Markdown (Sumo Markdown)


Make the most out of your Sumo emails by formatting them with Sumo Markdown! Below are all of the formatting options you have available to make your emails stand out.

Headers

# H1 header
## H2 header
### H3 header
#### H4 header
##### H5 header
###### H6 header

What this looks like in your email:

Screenshot_022417_054652_PM.jpg


Text styling

*emphasis* a.k.a. _italics_

**strong emphasis** a.k.a. __bold__

**combined _emphasis_**

~~strikethrough~~

Superscript: Friday the 13^th^
Subscript: H~2~O
Highlighted text: ==Highlight==
Inserted text: ++Insert++

What this looks like in your email:

Screenshot_022417_063149_PM.jpg


Lists

1. Ordered list item
 * Unordered sub-list item (leading space)
1. Number used doesn't matter
 1. Ordered sub-list item (leading space)

 You can have properly indented paragraphs within list items. Notice the blank line above, and the leading space.

What this looks like in your email:


Links

[I'm an inline-style link](https://sumo.com)

Link just by itself: https://sumo.com

What this looks like in your email:


Insert Uploaded Images

You can upload your own images into Sumo to use in your Sumo emails!

  1. Place the cursor where you want the image to be inserted and click the Insert Image icon
    ar-lb3-insert-image.png
  2. Select an image you've already uploaded, or upload a new one
  3. Click Select!

What this looks like in your email:


Insert Hosted Images

Inline image:
![alt text](http://load.sumo.com/images/brand-assets/sumo-logo.png "Hover text here")

Inline image with link:
[![alt text](http://load.sumo.com/images/brand-assets/sumo-logo.png)](https://sumo.com/)

What this looks like in your email:


Blockquotes

> Blockquotes are very handy in email to emulate reply text.
> This line is part of the same quote.
> You can also **put _markdown_ inside**!
> > And nest blockquotes! End of quote.

What this looks like in your email:
Screenshot_022417_055620_PM.jpg


Inline code/Code blocks

Inline code: `inside here`

```
Code blocks
inside here
```

What this looks like in your email:
Screenshot_030117_115132_AM.jpg


Horizontal Rule

3+ hyphens is a horizontal rule
    
 ---
    
 ..or asterisks..
 ***
    
..or underscores..
___

What this looks like in your email:


Tables

Colons can be used to align columns.

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional.

What this looks like in your email:



Center-align text and images

-> Anything inside of here will be center-aligned! <-

->  ![alt text](http://load.sumo.com/images/brand-assets/sumo-logo.png "Hover text here") <-

## -> Headers are centered like this <-

What this looks like in your email:
Screenshot_022417_055508_PM.jpg


Popup field values

  1. Take the variable name from the fields you have set up in your popup
    • In List Builder 3: Open the Design tab and click on the field
      Screenshot_022417_070430_PM.jpg
    • In List Builder 2, Welcome Mat and Scroll Box: Click on the Fields tab
      Screenshot_022417_070528_PM.jpg
  2. Wrap the variable name in curly braces {} and add it to your email!
Thanks for signing up, {name}!
    
Check your email ({email}) for something awesome.

What this looks like in your popup/email:
Screenshot_022417_071437_PM.jpg
Screenshot_022417_071411_PM.jpg


Emoji

😎😎 Emoji are cool 😎😎

What this looks like in your email:
Screenshot_022417_064027_PM.jpg


Was this article helpful?
1 out of 1 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.