Logo
icon Embeddable

Aidbase Elements

Create a fully embedded, fully customized AI-powered support experience - directly inside your own app.

blurblur
<ab-create-ticket id="my-ticket-form" ticketFormID="YOUR-TICKET-FORM-ID">
  <button>Create ticket</button>
</ab-create-ticket>

<script>
  const ticketform = document.getElementById('my-ticket-form');

  /**
   * We can add our own middleware to the ticket form.
   * ❌ No need for SDKs or heavy iframes!
   * ✅ The custom HTML element has all the functions you need.
   */
  ticketform.onCreateTicket = (values) => {
    return values.map((fieldValue) => {
      if (fieldValue.id === 'uc8xt') {
        return {
          ...fieldValue,
          // We're handling field values dynamically...
          value: user.isOnTrial ? 'Yes' : 'No',
        };
      }

      return fieldValue;
    });
  };
</script>
<ab-create-ticket id="my-ticket-form" ticketFormID="YOUR-TICKET-FORM-ID">
  <button>Create ticket</button>
</ab-create-ticket>

<script>
  const ticketform = document.getElementById('my-ticket-form');

  /**
   * We can add our own middleware to the ticket form.
   * ❌ No need for SDKs or heavy iframes!
   * ✅ The custom HTML element has all the functions you need.
   */
  ticketform.onCreateTicket = (values) => {
    return values.map((fieldValue) => {
      if (fieldValue.id === 'uc8xt') {
        return {
          ...fieldValue,
          // We're handling field values dynamically...
          value: user.isOnTrial ? 'Yes' : 'No',
        };
      }

      return fieldValue;
    });
  };
</script>
icon Developer Friendly

Are you a developer?

With Aidbase Elements, you can integrate, design and implement your support pages in an endless number of different ways.

Dwayne Hayes

Dwayne Hayes

Software Developer

❝ Aidbase is the only solution that allowed us to fully embed an AI support system into our platform. Most components are plug-and-play and easy to use, and when we need full control and customization, Aidbase supports that too. As simple or complex as you need it, which is perfect for a fast-moving software engineering team. ❞

icon

Works with your tech stack

Add the chatbot and ticket form to your website or app in minutes using our CDN or npm packages.

iconnpm install @aidbase/chat
iconJavaScripticonReact / Next.jsiconHTML / CSS
blurblur
blurblurblur
iconUse Aidbase for free

What are you waiting for?

Help your users help themselves - with an automated customer experience. You can get started with Aidbase for free, no credit card required.

Let's go!