Skip to content
Widget & appearance

Customise the launcher button

Choose the launcher’s appearance and placement while keeping its purpose obvious.

CCorthex product guidesUpdated October 15, 20262 min read
Where to find itAppearance → Widget styles → Button

Before you begin

Select the correct AI agent and open Appearance. Keep the public website available in another tab so you can check the customer experience after saving.

Example workspace · Demo data. 1 — Button appearance. Outreach rules are configured in Workflows. Select the image to enlarge it.
Launcher button appearance settings

Example workspace · Demo data. 1 — Button appearance. Outreach rules are configured in Workflows. Select the image to enlarge it.

Step by step

  1. 1

    Choose content

    Use the launcher controls to select a supported icon, text or combination. Make the label clearly invite a conversation.

  2. 2

    Choose colours and placement

    Set the button colors and side. Check it does not cover a cart, consent banner or important mobile action.

  3. 3

    Keep the open/close behavior clear

    Open the messenger and confirm the close affordance and focus behavior remain understandable.

  4. 4

    Save and test unread replies

    Close Chat, send a test staff reply and check that the unread badge and preview are positioned correctly beside the standard floating launcher.

Good to know

Custom/hidden launchers use their configured website controls; the standard floating reply-card stack is not displayed for those layouts.

Check the result

Save the change and reload a page that loads this agent. Check desktop and mobile, including text contrast and the collapsed launcher.

Questions & troubleshooting

Changing the bot icon did not change this button

The bot identity and launcher content are separate Appearance controls.

Was this article helpful?

Rate this guide on this device. Ratings are not sent to Corthex.