Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
85 lines (60 sloc) 1.27 KB
title subtitle description
Banner
Customize chat bubble.
You can set different designs to multiple domains across your site.

Before you continue read about Chat box design: Bubble types. {: .callout .callout-info }

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.