Help Center

Explore our knowledge base
article

Create a floating button

2 display modes are available for the button (or widget): a floating button and a fixed/static button.

  • The floating button is a button that is typically placed on the bottom right of your site. We speak of a floating button because when the visitor uses the scrollbar to access the bottom of the page, the floating button follows the navigation and remains visible at all times.


  • The static/fixed button is a button that is placed in the actual content of your page. It is integrated in the body and therefore does not follow the navigation of the visitor as the floating button does. For more details, see this article : Implement a static button

NB : To display a default chat button on all your pages, please create a targeting rule, with the condition : "Current page address > contains > ."

creer-regles-EN.png


1/ Create a new button
To access the customization page, click the "Engagement" button (1). Then on the links "Notification" (2), "Buttons" (3), and  "+ // Create a floating button" (4).

We recommend using the "floating widget" format.


This page lets you customise the appearance (size, colour, dimensions, portrait) and the text of a service button/widget.

For more information about the service button customization, we encourage you to read this article: Customising the service button/widget

2/ The different floating button states

There are 2 button states for a floating button:

1. Available:

This is the default state of your button when an agent is connected to the discussion panel and available to receive a discussion.

Capture_d_e_cran_2019-01-02_a__14.50.12.png

2. Reduced:

During the conversation, your visitor may wish to reduce the chat window while consulting information on your site, without closing the discussion. We therefore propose a reduced state, allowing them to easily resume the discussion. By default, it is placed at the bottom right of the browser screen, in the location of the button prior to starting the conversation.

Capture_d_e_cran_2019-01-02_a__14.50.30.png

 

Here are some related articles which we would encourage you to read too: Customising the buttons / widgets

Comments