Slack notifications showing HTML tags from incidents
Asked by Bogdan Hristovski:

Hello there!  

So we are testing out Statuspage and we have created some templates for incidents. We are using HTML tags to make some parts of the text bold. Like the below example:

"\<b\>Next Update\</b\>: As the current status changes."

These work fine on the status page and in the emails, but when we receive Slack notifications, the HTML tags are showing, example below:

![Screenshot 2024-05-22 at 22.14.52.png](/t5/image/serverpage/image-id/325353i99EFF63D7E524E8D/image-size/large?v=v2&px=999 "Screenshot 2024-05-22 at 22.14.52.png")

How can we resolve this or can we use something else so these tags are not showing? Maybe another way of doing this?  

Thanks!


Answers:
author: Egor
body: Hey Bogdan,   
Thanks for reaching out to Atlassian Community!  

To avoid HTML tags appearing in your Slack notifications, you can use Markdown formatting instead of HTML tags. Statuspage supports Markdown, which is also compatible with Slack's formatting.

Here's how you can update your template to use Markdown:

**Example:**

Instead of:

```
<b>Next Update</b>: As the current status changes.
```

Use:

```
**Next Update**: As the current status changes.
```

**Updated Template:**

Replace all instances of HTML tags with their Markdown equivalents. For example:

? **Bold**: \*\*bold text\*\*

? *Italic*: _italic text_

? Code: \`code text\`

? [Link](http://example.com): \[Link\](<http://example.com>)

By using Markdown formatting, your notifications will render correctly in Slack without displaying raw HTML tags.

**Additional Notes:**

?Make sure to test the Markdown formatting in both Statuspage and Slack to confirm it appears as expected.

?If there are any specific cases where Markdown doesn't render correctly, you may need to adjust your formatting accordingly.

Implementing Markdown should resolve the issue with HTML tags showing in Slack notifications and provide a consistent formatting experience across different platforms.  

I hope this helps!   

Best Regards,  
Egor

comments: author: Bogdan Hristovski
body: Hey Egor,

Thanks for replying.

I tried markdown with one of our templates but it doesn't work as well. See image below:![Screenshot 2024-05-28 at 09.02.49.png](https://community.atlassian.com/t5/image/serverpage/image-id/326166i11D5F999A8AFCAFF/image-size/large?v=v2&px=999 "Screenshot 2024-05-28 at 09.02.49.png")

I'm not sure what I'm doing wrong. Just a question: We have some parts of the About This Page with HTML formatting. Would I need to change those too for this to work for the templates? (slack and email)

Please let me know.


author: Egor
body: Hey Bogdan,   
You need to ensure that the formatting is compatible with both email and Slack. Unfortunately, if Markdown is not working as expected, another approach would be to remove or simplify formatting that isn't supported in Slack notifications.

Yes, you should ensure uniform formatting across all parts of your Statuspage content, including the "About This Page" section. If you have HTML formatting there, consider converting it to plain text or basic Markdown.

For the parts of the templates that are not rendering correctly in Slack, you might need to remove or simplify the formatting. Slack supports basic formatting like bold and italic using asterisks.

By simplifying the formatting and ensuring uniformity across all sections, you should be able to avoid issues with unsupported HTML tags in Slack notifications.

Thank you,  
Egor


Tags: cloud

statuspage-cloud