> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/functional-widgets/promotion-bar.md).

# Promotion bar

A versatile banner for displaying time-limited offers, discounts, or key announcements. Supports titles, descriptions, countdowns, buttons, and discount codes to boost user engagement and conversions.

### 🎨 Color Scheme

Select or customize a color scheme to define the styling of all section elements, including background and text colors. Adjust according to your brand’s visual identity.

### 🖼️ Background Image

Upload a background image and optionally set its transparency. Use it to enhance the promotional atmosphere or draw attention to the content.

### 📦 Section Blocks

The promo bar supports multiple content blocks. For optimal layout and visual balance, it is **recommended to use 3 blocks**:

### **📝 Text Group**

Includes subtitle, main title, and description. Use this to deliver clear messages about your promotion or campaign.

### **⏳ Countdown Timer**

Add a countdown timer for limited-time offers to create urgency and encourage quicker user action.

### **🔘 Button Group**

Supports both link buttons and video popup buttons. These can direct users to promotional pages or product videos.

### **🎁 Discount Code**

Include a copyable promo code to make it easy for users to apply the discount at checkout.