---
title: "Floating Button Trigger - EngageBox"
description: "The \"Floating Button\" Trigger displays a button in any corner of your page, which, when clicked, opens the popup. Below, you’ll find instructions fo"
url: "https://www.tassos.gr/docs/engagebox/triggers/floating-button"
date: "2026-04-29T20:38:24+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ EngageBox ](https://www.tassos.gr/index.php?option=com_content&view=category&id=35) / [ Triggers ](https://www.tassos.gr/index.php?option=com_content&view=category&id=50)

#  Floating Button Trigger

 Floating Button is available in Pro  Unlock this and dozens of other powerful features by upgrading to EngageBox Pro.

 [ Unlock this feature ](https://www.tassos.gr/joomla-extensions/engagebox/subscribe)

The "Floating Button" Trigger displays a button in any corner of your page, which, when clicked, opens the popup. Below, you’ll find instructions for setting up a popup with the "Floating Button" trigger, along with all supported settings for this trigger.

## [How to create a floating button popup in Joomla](#how-to-create-click-popup-in-joomla)

To set up your popup to trigger via a Floating Button go to your popup's settings > Behavior Tab > Trigger Section and apply the following settings:

- Under *Trigger,* select **Floating Button**.
- Click on "Edit Message" to customize the floating button label, font size, and colors.
- Select the floating button position via the "Floating Button Position" dropdown.

[![engagebox trigger floating button settings](https://www.tassos.gr/images/2025/09/engagebox-trigger-floating-button.png)](https://www.tassos.gr/images/2025/09/engagebox-trigger-floating-button.png)

## [How to customize the floating button](#how-to-customize-the-floating-button)

After clicking on Button Message > Edit Message, you will be presented with a modal that allows you to customize the floating button. You can see the text of the button, font size, text color, as well as the background color. When you're finished customizing the floating button, click on "Close".

![EngageBox Floating Button Customize](https://www.tassos.gr/images/2025/07/floating-button-trigger-customize.png)

## [Trigger Settings](#trigger-settings)

Below you can find all settings that are configurable when you choose the "Floating Button" Trigger.

 | Setting | Value | Description |
|---|---|---|
| Trigger | Floating Button | Fires the popup after the visitor has clicked on the floating button that appears on any corner/side of the page. |
| Button Message |  | Customize the look and feel of the floating button. Set the label, font size, and colors. |
| Button Position |  | Select in which side/corner the floating button will appear on your site. |

## [Use Cases](#use-cases)

### [Open popup when the user clicks a floating button](#open-popup-when-the-user-clicks-a-floating-button)

A use case would be to add a small, always-visible button on the corner of your page that invites users to interact. For example, you can place a “Contact Us” or “Get a Quote” button that stays visible as users scroll. When clicked, it triggers a popup with a contact form, live chat, or any content you want, making it easy for visitors to engage without navigating away from the page.

 Floating Button is available in Pro  Unlock this and dozens of other powerful features by upgrading to EngageBox Pro.

 [ Unlock this feature ](https://www.tassos.gr/joomla-extensions/engagebox/subscribe)

 Last updated on Sep 9th 2025 14:09

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.tassos.gr"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Home",
            "item": "https://www.tassos.gr/docs"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "EngageBox",
            "item": "https://www.tassos.gr/docs/engagebox"
        },
        {
            "@type": "ListItem",
            "position": 4,
            "name": "Triggers",
            "item": "https://www.tassos.gr/docs/engagebox/triggers"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Floating Button Trigger",
            "item": "https://www.tassos.gr/docs/engagebox/triggers/floating-button"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/engagebox/triggers/floating-button"
    },
    "headline": "Floating Button Trigger",
    "image": {
        "@type": "ImageObject",
        "url": "https://www.tassos.gr/"
    },
    "publisher": {
        "@type": "Organization",
        "name": "Tassos",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png"
        }
    },
    "author": {
        "@type": "Person",
        "name": "Stergos Zamagias",
        "url": "https://www.tassos.gr/docs/engagebox/triggers/floating-button"
    },
    "datePublished": "2020-05-16T12:23:33+03:00",
    "dateCreated": "2020-05-23T12:06:24+03:00",
    "dateModified": "2025-09-09T14:05:25+03:00"
}
```