@meetelise/chat

MeetElise Webchat

Installation

To install MeetElise webchat on your site, add the following code:

<script type="module">
  import Chat from "https://cdn.skypack.dev/@meetelise/chat";
  Chat.start({
    organization: "{your org here}",
    building: "{your building here}",
  });
</script>

For the mini widget:

<script type="module">
  import Chat from "https://cdn.skypack.dev/@meetelise/chat";
  Chat.start({
    organization: "{your org here}",
    building: "{your building here}",
    mini: true,
  });
</script>

Custom Styles

To customize the brand colors, title, and subtitle of your chat widget, configure your webchat through the MeetElise portal. To reposition your chat widget on the page, add the following code to your web page.

<style>
  .meetelise-chat.launcher {
    bottom: 50px; /* change these values to suit your needs */
    right: 40px;
  }
  .meetelise-chat.pane {
    bottom: 70px;
    right: 40px;
  }
</style>