Recipe

Static HTML contact form and chat widget

Use this when an AI tool generates plain HTML, CSS, and JavaScript with no backend.

1. Add a contact section

<section id="contact">
  <h2>Contact us</h2>
  <script
    src="https://volacrm-prod-chatbot-widget-602578934747-eu-west-1.s3.eu-west-1.amazonaws.com/ai-crm-contact-form.js"
    data-tenant-id="{tenant-id}"
    data-channel-id="CONTACT_FORM"
    data-api-url="https://api.volacrm.com"
    data-primary-color="#6D5DFB"
    data-secondary-color="#11172A"
    data-control-size="medium">
  </script>
</section>

2. Add chat before the closing body tag

<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"
  data-primary-color="#6D5DFB"
  data-secondary-color="#11172A"
  data-control-size="medium"
  data-brand-name="Vola CRM">
</script>

Back to AI builder guide