Documentation > How To Guides > Formatting Email Text

Formatting Email Text

Starting with version 2.5.0, picu supports basic Markdown syntax in emails.

Screenshot of using Markdown syntax in the picu email composer
Using some example Markdown syntax to format the email
Screenshot of a picu email with formatted text
This is what it looks like in the client’s email client

Supported Markdown Elements

To add a link to an email, enclose the link text in square brackets and then add the URL directly after this in parentheses (no space between them), eg. [Link text](https://picu.io)

Example:

My favorite proofing tool is [picu Pro](https://picu.io/pro).Code language: Markdown (markdown)

This will be rendered like this:

My favorite proofing tool is <a href="https://picu.io">picu Pro</a>.Code language: HTML, XML (xml)

Emphasis

You can emphasize text by making it either bold or italic.

Adding one asterisk (*) will make a piece of text italic.

Adding two asterisk (**) will make a piece of text bold.

Adding three asterisks (***) will make a piece of text bold & italic.

Examples:

This is a text with an *italic part* in the middle.

This is a text with a **bold part** in the middle.

This is a text with a ***bold & italic part*** in the middle.Code language: JavaScript (javascript)

This will be rendered like this:

<p>This is a text with an <em>italic part</em> in the middle.</p>

<p>This is a text with a <strong>bold part</strong> in the middle.</p>

<p>This is a text with a <em><strong>bold & italic part</strong></em> in the middle.</p>Code language: HTML, XML (xml)

Horizontal Rule

To add a horizontal rule to your email text, use three or more asterisks (***) on a line by themselves.

Example:

A first section.

***

And a second section.

This will be rendered somewhat like this:

<p>A first section.</p>
<hr>
<p>And a second section.</p>Code language: HTML, XML (xml)

Lists

You can turn items in your email texts into ordered or unordered lists.

To create an ordered list, add line items with numbers followed by periods (1.) .

For unordered lists, add dashes (-) in front of line items.

Ordered List Example:

1. First item
2. Second item
3. Third item
4. Fourth Item

Will render like this:

<ol>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
    <li>Fourth item</li>
</ol>Code language: HTML, XML (xml)

Unordered List Example:

- First item
- Second item
- Third item
- Fourth Item

Will render like this:

<ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
    <li>Fourth item</li>
</ul>Code language: HTML, XML (xml)

Need help?

If you couldn’t find what you were looking for and need more assistance, please get in touch with us directly and we’re happy to help.