JSFiddle - React, Tailwind, and code Playground

by Decay15

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!-- Calendly badge widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<!-- Calendly badge widget end -->

<!-- Botpress Embedded code begin -->
<script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
<script src="https://mediafiles.botpress.cloud/60c26f19-041c-405d-baea-02b013334618/webchat/config.js" defer></script>
<!-- Botpress Embedded code end -->
</body>
</html>

JavaScript

window.botpressWebChat.onEvent(
  function (event) {
    if (event.type === 'TRIGGER') {
      Calendly.showPopupWidget('https://calendly.com/hcai-r2a'); // Replace the URL here
    }
  },
  ['TRIGGER']
);