> For the complete documentation index, see [llms.txt](https://deco-product-labels-and-badges.gitbook.io/product-labels-and-badges-guidelines/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://deco-product-labels-and-badges.gitbook.io/product-labels-and-badges-guidelines/deco-banners/step-1-content.md).

# Step 1: Content

This page is the most important part for your banner, here you can choose/custom your banner type, content for your banner, page display, etc. Let's move to details:

## 1. Banner type

You can choose 1 in 3 types of banner by clicking into 1 of them:

* **Fixed banner:** Banner ***won't move,*** the text inside will stay still

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2FfwP9m9xAIKlc9sr8fZ6O%2Fimage.png?alt=media&amp;token=a39d1d23-93f9-4753-9468-f4a55c2f65b5" alt=""><figcaption></figcaption></figure>

* **Running banner**: The content inside will ***keep moving horizontally*** based on the duration you set up

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2FjkZ1My1TxuLwTNUSFiaZ%2Fimage.png?alt=media&amp;token=216f5451-321d-43d3-95fc-d8dd0f523c7b" alt=""><figcaption></figcaption></figure>

* **Slide banner:** The content will ***slide vertically or horizontally*** with the speed as you chose

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2FFYaRlEvA37ABiJGo7R1j%2Fimage.png?alt=media&amp;token=3e73667f-5eaa-4e9c-9d57-7f1a4d85477c" alt=""><figcaption></figcaption></figure>

## 2. Banner Content( For Fixed banner & Running banner)

* You can ***enter your own text and emoji*** for "Banner content" and "Button text"
* Also, you can ***insert a product page/ collection page link*** you want customers will be redirected to when they click on the button in "Button link"
* Besides, you can choose to ***show/hide*** the ***"x" button***. And choose to show/ hide the ***action button*** by ticking for those boxes below

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2FcMGKUC1EZvIPVygycUKK%2Fimage.png?alt=media&amp;token=1fbb6f8a-d16f-4e59-a7d5-d377de1cf513" alt=""><figcaption></figcaption></figure>

## 3. Banner action & Banner content #1 ( For Slide banner only)

* ***Banner action***: you can choose to show/hide the ***"x" button or the "arrow" button*** by checking the boxes below
* ***Banner content #1***: You can add your own text, emoji for banner content AND show/hide the action button by clicking the box "***Use button for click action***"

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2FFC3tOxuzkHLMtaPWICGm%2FScreenshot_18.png?alt=media&amp;token=1660d02b-400d-4b19-a923-decd6582ec1b" alt=""><figcaption></figcaption></figure>

**NOTE:** To add 1 more banner, you can click on the box: "***Add more banner***", and it will appear a section where you can custom your #2 content for that banner.

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2Fp8Refsa8wGbQMp65NwNW%2Fimage.png?alt=media&amp;token=a392f1f5-1533-45ea-b557-ad4a9b6854ae" alt=""><figcaption></figcaption></figure>

## 4. Page Display

Here is the section to ***choose which page(s) your banner will display on:***

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2FlnCNkzmWcStti5KqCno2%2Fimage.png?alt=media&amp;token=5109a455-b43e-4a90-81b3-66c206aec64a" alt=""><figcaption></figcaption></figure>

## 5. Schedule

You can choose ***which times your banner will start to display*** on your website by adjusting the date and the time here

<figure><img src="https://50694167-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHXNZkscGPMosoQMI7Zja%2Fuploads%2FXutmH77VkKGtCxRiCB78%2Fimage.png?alt=media&amp;token=0c11443e-c671-4397-96d0-29aff4ef35f4" alt=""><figcaption></figcaption></figure>