---
title: "Backgrounds"
description: "Điền nền màu đơn sắc, gradient, ảnh hoặc video cho màn hình trong Flow Builder."
---

Đặt nền cho bất kỳ màn hình nào trong bảng **Fill** ở phần [**Screen settings**](paywall-layout-and-products#screen-settings). Chọn từ bốn loại nền — màu đơn sắc, gradient, ảnh hoặc video.

## Ảnh \{#image\}

Tải lên file `.JPG`, `.PNG`, `.GIF` hoặc `.WEBP` tối đa 20 MB. Ảnh sẽ tự động co giãn để bao phủ toàn bộ nền.

:::note
Ảnh nền và video nền lấp đầy toàn bộ viewport, bao gồm cả vùng phía sau notch và thanh hệ thống — ngay cả khi **Safe area** được bật. Hãy giữ nội dung quan trọng tránh xa các cạnh để không bị cắt mất.
:::

Để thay ảnh nền lúc runtime từ code ứng dụng, hãy bật [custom media ID](custom-media#custom-media-id).

## Video \{#video\}

Tải lên file `.MP4` hoặc `.WEBM` tối đa 50 MB. Bản xem trước hiển thị một khung tĩnh — nhưng video sẽ phát trên thiết bị lúc runtime.

Bật **Loop** để phát lại video liên tục.

Để thay video nền lúc runtime, hãy bật [custom media ID](custom-media#custom-media-id).

## Màu đơn sắc \{#solid-color\}

Nhập giá trị hex và đặt độ trong suốt từ 0 đến 100%. Chọn [color style](builder-styling) đã lưu từ bảng màu để áp dụng màu thương hiệu — nền sẽ tự động theo chủ đề sáng và tối của bạn.

## Gradient \{#gradient\}

Tạo gradient tuyến tính nhiều điểm dừng:

- **Direction** — xoay gradient từ 0 đến 360°.
- **Stops** — kéo dọc theo thanh để thay đổi vị trí. Nhấp vào một điểm dừng để chỉnh hex và độ trong suốt.