You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
You can customise the color of the Intercom widget by passing a `color` prop to
196
-
the `Intercom` component.
196
+
You can customise the Intercom placeholder icon by passing the following props to the `Intercom` component:
197
+
198
+
-`color`: The background color of the placeholder widget
199
+
-`containerClass`: Class to be added to the placeholder element, defaults to `live-chat-loader-placeholder`
197
200
198
201
[Messenger Settings](https://developers.intercom.com/installing-intercom/docs/javascript-api-attributes-objects#messenger-attributes), User context and Company context settings can be set using `window.intercomSettings`. See the [official Intercom documentation](https://developers.intercom.com/installing-intercom/docs/javascript-api-attributes-objects#section-data-attributes) for more details.
199
202
@@ -241,6 +244,7 @@ You can customise the Messenger widget by passing the following props to the
241
244
currently not logged in to Facebook.
242
245
-`greetingDialogDisplay`: Sets how the greeting dialog will be displayed.
243
246
-`greetingDialogDelay`: Sets the number of seconds of delay before the greeting dialog is shown after the plugin is loaded.
247
+
-`containerClass`: Class to be added to the placeholder element, defaults to `live-chat-loader-placeholder`
244
248
245
249
For a list of options, refer to [Facebook Customer Chat Plugin documentation](https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin#customization).
246
250
@@ -267,11 +271,12 @@ export default () => (
267
271
)
268
272
```
269
273
270
-
You can customise the Drift Messenger by passing the following props to the
274
+
You can customise the Drift placeholder by passing the following props to the
271
275
`Drift` component:
272
276
273
-
-`color`: The background color of the messenger
277
+
-`color`: The background color of the placeholder
274
278
-`icon`: Choose from `A`, `B`, `C`, `D`; you're presented with these preset icons when signing up for Drift, or in the "Drift Widget > Design > Widget icon" entry under the "App Settings" header on the Drift settings page.
279
+
-`containerClass`: Class to be added to the placeholder element, defaults to `live-chat-loader-placeholder`
275
280
276
281
</details>
277
282
@@ -297,7 +302,7 @@ export default () => (
297
302
)
298
303
```
299
304
300
-
You can customise the Userlike Widget by passing the following props to the
305
+
You can customise the Userlike placeholder by passing the following props to the
301
306
`Userlike` component:
302
307
303
308
-`color`: The contrasting color, can be `black` or `white`.
@@ -306,6 +311,7 @@ You can customise the Userlike Widget by passing the following props to the
306
311
-`vOffset`: The amount of vertical margin.
307
312
-`hOffset`: The amount of horizontal margin.
308
313
-`style`: The shape style, can be `round` or `square`.
314
+
-`containerClass`: Class to be added to the placeholder element, defaults to `live-chat-loader-placeholder`
309
315
310
316
</details>
311
317
@@ -333,10 +339,11 @@ export default () => (
333
339
)
334
340
```
335
341
336
-
You can customise the Chatwoot Widget by passing the following props to the
342
+
You can customise the Chatwoot placeholder by passing the following props to the
337
343
`Chatwoot` component:
338
344
339
345
-`color`: The background color, set to same color value you choose in Chatwoot dashboard.
346
+
-`containerClass`: Class to be added to the placeholder element, defaults to `live-chat-loader-placeholder`
0 commit comments