Vola CRM

Recipe

Astro and Vite static sites

Place the contact form script where the form should render. Place the chat widget in the shared layout.

Astro layout

---
const tenantId = '{tenant-id}';
---
<html lang="en">
  <body>
    <slot />
    <script
      is:inline
      src="https://volacrm-prod-chatbot-widget-602578934747-eu-west-1.s3.eu-west-1.amazonaws.com/ai-crm-chatbot.js"
      data-tenant-id={tenantId}
      data-channel-id="CHATBOT"
      data-api-url="https://api.volacrm.com"></script>
  </body>
</html>

Vite index.html

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.ts"></script>
  <script
    src="https://volacrm-prod-chatbot-widget-602578934747-eu-west-1.s3.eu-west-1.amazonaws.com/ai-crm-chatbot.js"
    data-tenant-id="{tenant-id}"
    data-channel-id="CHATBOT"
    data-api-url="https://api.volacrm.com"></script>
</body>