# Chat Box Bubble

Customize chat bubble.

⛔  Legacy API

You are browsing legacy API. Current version you can find here.

# Set banner

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>

# Update banner

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>