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, Facebook Messenger, and Instagram - use single asterisks: *Bold*

• Strikethrough

Wrap your text in tildes: ~Strikethrough~

Hyperlinks are going to work inside your Tidio widget, as well as in your question-and-answer pair editor (Lyro's datasources). 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 bulleted 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). In WhatsApp, Facebook Messenger, and Instagram, the image itself will not be rendered - instead, a clickable link to the image will be shown.

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.