> For the complete documentation index, see [llms.txt](https://help.twinr.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.twinr.dev/app-marketing-widget/floating-button.md).

# Floating Button

<figure><img src="/files/KhUpVxDHrHMAYCBZbUMw" 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="/files/8MVSgK5VTLRqRhyTks2K" 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)

***