Set the layout of the chat badge.

Parameters

Allowed values

• image_right (Image on right, text on left)
• image_left (Image on left, text on right)
• image_only (Image only)
• text_only (Text only)

Example

Select chat badge layout:
<a href="javascript:void($zopim.livechat.badge.setLayout('image_right'))">Image right</a>
<a href="javascript:void($zopim.livechat.badge.setLayout('image_left'))">Image left</a>
<a href="javascript:void($zopim.livechat.badge.setLayout('image_only'))">Image only</a>
<a href="javascript:void($zopim.livechat.badge.setLayout('text_only'))">Text only</a>

Set the image displayed on the chat badge.

This function has no effect if chat badge layout is “text_only”.

Parameters

Set the color of the chat badge.

Note: theme.reload must be called after setColor for changes to take effect (see example below).

Parameters

Examples

<script>

  $zopim(function() {
    $zopim.livechat.badge.setColor('#000000');
    $zopim.livechat.theme.reload(); // apply new theme settings
  });

</script>

function setText( text )

Set the text displayed on the chat badge.

This function has no effect if the chat badge layout is ‘image_only’.

Parameters

Example

<script>

  $zopim(function() {
    $zopim.livechat.badge.setText('Wanna talk?');
  });

</script>

function show()

Show the chat badge.

Note: It is recommended to show the chat badge only when the account status is “online”.

Example

<script>

  $zopim(function() {
    $zopim.livechat.badge.show();
  });

</script>

function hide()

Hide the chat badge.

Example

<script>

  $zopim(function() {
    $zopim.livechat.badge.hide();
  });

</script>