You can customise the branding of your chat widget, including colours, business name and icon, and the background image of your widget.
Property | Type | Description |
brandColor | String (hex code) |
The colour used for:
Defaults to #657583. Do not include the '#' at the start of the hex code. |
conversationColor | String (hex code) |
The colour used for:
Defaults to #0099ff. Do not include the '#' at the start of the hex code. |
actionColor | String (hex code) |
The colour used for:
Defaults to #0099ff. Do not include the '#' at the start of the hex code. |
backgroundImageUrl | String |
The URL of the image you want to use as a background. The image will be displayed full-size and tiled using the following CSS:
|
businessName | String |
Text to display at the top of the chat as the business name. If this is not defined, it falls back to the app name. |
businessIconUrl | String |
The URL of the icon to use as the business icon. If this is not specified, it will fall back to the app icon. Image must be:
|
<script>
const options = {
integrationId: '<integration Id>',
businessName: 'Business Incorporated',
businessIconUrl: 'https://mydomain.com/myBusinessLogo.png',
backgroundImageUrl: 'https://mydomain.com/chatBackgroundImage.png',
brandColor: '6B818C',
conversationColor: '08415C',
actionColor: 'CC2936',
},
ingeniousai.init(options).then();
</script>
Comments
Article is closed for comments.