Banner

Customize chat bubble.

You can set different designs to multiple domains across your site.

Navigation

Before you continue read about Chat box design: Bubble types.

banner:set

Set new chat bubble type:

  1. Bubble
  2. Arrow
  3. Image (My Picture)

Bubble

Set Bubble type: Bubble.

<script>
  smartsupp('banner:set', 'bubble');
</script>

Arrow

Set Bubble type: Arrow.

<script>
  smartsupp('banner:set', 'arrow');
</script>

Image

Set Bubble type: Image (My picture).

<script>
  smartsupp('banner:set', 'image', {
    src: 'IMAGE_URL'
  });
</script>

banner:update

You can update texts based on events that fit your needs.

Bubble

Update texts for Bubble type: Bubble.

<script>
  smartsupp('banner:set', 'bubble');
  smartsupp('banner:update', {
    text: 'Welcome!'
  });
</script>

Arrow

Update texts for Bubble type: Arrow.

<script>
  smartsupp('banner:set', 'arrow');
  smartsupp('banner:update', {
    title: 'Welcome!',
    desc: 'We are here to help.'
  });
</script>

Image

Bubble type: Image (My picture) cannot be updated using API.