@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>

Custom Positioning

To reposition your chat widget on the page, add the position object to your snippet.

<script type="module">
  import Chat from "https://cdn.skypack.dev/@meetelise/chat";
  Chat.start({
    organization: "{your org here}",
    building: "{your building here}",
    position: {
      bottom: 100, // Change these values to suit your needs
      left: 0,
    },
  });
</script>

Configure Settings

To configure colors, options, and other settings you can navigate to https://app.meetelise.com/settings/widgets

Separate Call to Actions

You can open any of the widgets via the functions given in the window.eliseAi namespace. The options given are

onOpenCallUsWindow onOpenChat onOpenEmailUsWindow onOpenSST

Example usage with an <a> tag would be:

<a href="javacript:void(0)" onclick="window.eliseAi.onOpenChat()"
  >Chat with us</a
>

While an example with a <button> tag would be

<button onclick="window.eliseAi.onOpenSst()">Open SST</button>