Display style

Sofie Bird

28 August 2023 04:45

By default, the chat widget is displayed as a button that the user clicks to open the chat window. You can customise the icon displayed for the button, or configure the chat widget to display as a tab.

Property

Type

Description

displayStyle

String

Configure whether to display the chat widget as a button or tab. Allowed values:

button
tab

buttonIconUrl

String

The URL of the icon to use as the button. Only valid when the displayStyle property is button.

Image must be:

JPG, PNG or GIF file format.
at least 200 x 200 pixels.

<script>
const options = {
  integrationId: '<integration Id>',
  displayStyle: 'button',
  buttonIconUrl: 'https://mydomain.com/myButtonIcon.png',
},

ingeniousai.init(options).then();
</script>