---
title: "Adding an alert banner to your website"
slug: "adding-an-alert-banner-to-your-website"
updated: 2025-02-17T08:57:42Z
published: 2025-02-17T08:57:42Z
canonical: "support.bookingtimes.com/adding-an-alert-banner-to-your-website"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.bookingtimes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding an alert banner to your website

This guide details how to add a red, green or blue alert banner to your website (and remove it). This banner can be used for urgent or important announcements.

### Steps

1. Navigate to **Setup** > **Website Content** > **Edit Website**

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28626%29.png)

1. Click **Edit**

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28627%29.png)

1. From the snippet selection on the right, select the **Basic Content** Category
2. Select the desired banner snippet and drag and drop it on the top of the page (or wherever you would like it to appear) ![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28628%29.png)
3. Click on the snippet to edit the text. You can also do some minor formatting using the toolbar that displays above it. e.g. bold, centre text.

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28629%29.png)

1. Click **Save Changes** in the editor tool bar ![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28630%29.png)
2. When you’re ready to remove the banner, follow the above steps to get back to editing mode. Select the banner snippet and click on the red ‘x’ icon to delete it ![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-M6VZR114.png)