Alerts extension: How to add alerts to a Freshservice theme

Because of the Freshservice limitations, the alerts extension can only be hard-coded into the template. Therefore, you need to edit the code to make changes.

Change visibility

The alert is visible now. To hide it, add the "is-hidden" class to the “bt-alerts” element in the Header template:

Change type

There are 4 types of alerts: bt-alert--info, bt-alert--success, bt-alert--warning, bt-alert--danger. Each type has a different background color and icon.

alert_danger

alert_info

alert_success

alert_warning

You can change the type of the alert in the “bt-alerts” element:

Change text

The text can be changed in the "bt-alert__body" element (around line 22):

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article