Vue social chat

# Slots

Add content at the top of the popup

<template v-slot:header>
  <p>Click on one of our attendants below to chat on WhatsApp.</p>
</template>

# body

Usado para customizar o que irá aparecer no corpo da popup.

<template v-slot:body>
  your content here
</template>

TIP

See custom body with newsletter form demo

Add content at the bottom of the popup

<template v-slot:footer>
  <small>Opening hours: 8am to 6pm</small>
</template>

# button

Add icons or text to the button that triggers the popup

<template v-slot:button>
  <MyWhatsAppIcon />
</template>

With the slot button you can also customize the text when the popup is open.

<template v-slot:button="{ open }">
  <span v-show="!open">Contact us</span>
  <span v-show="open">Close</span>
</template>

← Events →