<script src="https://unpkg.com/@livelike/engagementsdk/livelike.umd.js"></script>

<livelike-chat roomid="5405daf6-5788-4db4-b27f-9ab6e3422f09">
  <div slot="message-list-loading">
    <h2>Messages loading...</h2>
  </div>
  <div slot="message-list-empty">
    <h2>No messages yet</h2>
    <p>Send the first message!</p>
  </div>
</livelike-chat>
div {
  text-align: center;
}
LiveLike.init({
  clientId: "PPH7kWtZiasE6emxh3JUQ1aNKdoadFY3PYc8bB8m",
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.