Markdown formatting in Tidio

Tidio supports Markdown in select areas of the app, like Lyro Q&A answers and chatbot messages, so you can format your content with headers, lists, links, images, and more without writing any code.

Markdown is a lightweight formatting language that turns plain text into styled content using simple symbols (e.g. ** can be used to make text appear bold). When the message is sent or rendered, your Markdown is converted into properly formatted output.

• Bold

For use inside the Tidio widget - wrap your text in double asterisks: **Bold**

For WhatsApp, use single asterisks: *Bold*. Facebook documents this syntax for chat on a computer, but client support differs. Do not rely on this syntax to make Instagram messages bold.

• Strikethrough

Wrap your text in tildes: ~Strikethrough~

Hyperlinks work inside your Tidio widget and Lyro's question-and-answer editor. In the Q&A editor, you can use Insert link instead of typing Markdown. In conversation replies, use the link control where it is available for your channel.

While the links are also going to work on WhatsApp, Facebook Messenger, and Instagram  - they may be shown in full, as opposed to your custom hyperlink text.

To create a hyperlink, wrap the link text in [ ], followed by the URL in ( ) - as shown below:

[click here](https://tidio.com)

Result: click here

Bulleted lists are supported for WhatsApp, Facebook Messenger, and Instagram. They will also render properly inside the question-and-answer pair editor (Lyro's datasources), as well as inside the flow editor.

For a simple bulleted list, use - followed by a single space:

- Item A
- Item B
- Item C

Result:

• Item A
• Item B
• Item C

For a nested bulleted list, additionally use two (2) spaces before each sub-item:

- Item A
  - Sub-item A1
  - Sub-item A2
- Item B
  - Sub-item B1
- Item C

Result:

• Item A
  • Sub-item A1
  • Sub-item A2
• Item B
  • Sub-item B1
• Item C

Same as bulleted lists, numbered lists are supported for WhatsApp, Facebook Messenger, and Instagram. They will also render properly inside the question-and-answer pair editor (Lyro's datasources), as well as inside the flow editor.

For a simple numbered list, use 1., 2., 3. followed by a single space:

1. Step One
2. Step Two
3. Step Three

Result:

1. Step One
2. Step Two
3. Step Three

For a nested numbered list, additionally use three (3) spaces before each sub-item:

1. Step One
   1. Detail A
   2. Detail B
2. Step Two
   1. Detail C
3. Step Three

Result:

1. Step One
   1. Detail A
   2. Detail B
2. Step Two
   1. Detail C
3. Step Three

You can insert images into your messages, and they will render inside your Tidio widget, as well as inside the question-and-answer pair editor (Lyro's datasources). Please note that there is no need to use Markdown for adding images in such places as conversations, tickets, or the Lyro question-and-answer pair editor - as the option to upload a file/image is available there.

When Markdown image syntax is converted for WhatsApp, Facebook Messenger, or Instagram, the result may be a link rather than an embedded image. This does not mean those channels cannot receive images uploaded as attachments.

Same as a creating a hyperlink, but starts with ! as shown below:

![Sample Image](https://img.youtube.com/vi/1FYOU5vd8ZU/sddefault.jpg)

Result: the image is displayed directly inside the conversation.

Similarly to images, you can insert video thumbnails into your messages - and they will render inside your Tidio widget, as well as inside the question-and-answer pair editor (Lyro's datasources). In WhatsApp, Facebook Messenger, and Instagram, the image itself will not be rendered - instead, clickable links to both the thumbnail image and the target video will be shown.

To create a clickable video thumbnail, you need to combine two elements as shown below.

First, add an image and place it in [ ]:

[![Watch the video](https://img.youtube.com/vi/1FYOU5vd8ZU/sddefault.jpg)]

Next, directly follow that with a link to the target video, placed in ( ):

(https://www.youtube.com/watch?v=1FYOU5vd8ZU)

This should result in a single line of Markdown, as shown below:

[![Watch the video](https://img.youtube.com/vi/1FYOU5vd8ZU/sddefault.jpg)](https://www.youtube.com/watch?v=1FYOU5vd8ZU)

Result: the thumbnail is displayed directly inside the conversation, and clicking it opens the target video.