# Floating Button

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FLbxlDc2DGw2hbMCbV8Fu%2FScreenshot%202025-11-20%20at%205.25.03%E2%80%AFPM.png?alt=media&#x26;token=5661bbf8-29a6-4bbe-a0b0-db4a79024a4d" alt=""><figcaption></figcaption></figure>

### <mark style="color:green;">How It Works</mark>

Once enabled, the banner appears for website visitors based on your targeting and timing settings.\
You can fully customize its text, design, placement, and visibility.

### <mark style="color:green;">Configuration Options</mark>

#### **Placement**

* **Bottom Right** *(default)*
* Bottom Left
* Top Right
* Top Left

Choose the corner where the button appears:

<figure><img src="https://3731994945-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlBy5z08zL1UoCwNqmg%2Fuploads%2FEJWX8dkj0HaY4udkHLaN%2FScreenshot%202025-11-20%20at%205.38.48%E2%80%AFPM.png?alt=media&#x26;token=d1129c42-d533-402a-94f2-23f7a9e23837" alt=""><figcaption></figcaption></figure>

#### **Background Color**

* Defaults to your theme background
* Fully customizable using a color picker

#### **Title**

* Max **40 characters**
* Supports styling (Label Large by default)
* Editable color

#### **Description**

* Max **100 characters**
* Uses Body Small style by default
* Editable color

#### **CTA Button**

* Max **20 characters**
* Supports native-style button designs

#### **Page Targeting**

Control where the banner is shown:

* **All Pages** *(default)*
* **Specific Pages**
  * Accepts URL expressions (e.g., `/products/*`)

#### **Device Targeting**

Choose which users should see the banner:

* **Mobile only**
* **Desktop only**
* **Both** *(default)*

#### **Trigger Delay**

When the banner should appear:

* **Immediately** *(default)*
* **After X seconds** (e.g., enter `60` for 1 minute)

***