SABINE Widget

Add SABINE to your website with a single script tag. Public documentation now focuses on the hosted widget flow for standard plans.

Public Docs Scope

If you are not on an enterprise plan, the supported implementation path is the hosted SABINE widget. You configure the agent in the dashboard, enable its public endpoint, and install the widget on your site with one embed script.

RecommendedStandard Plans
  • Create and configure your SABINE agent in the dashboard.
  • Enable the public endpoint for that agent.
  • Copy the generated script into your website.
  • Manage branding, greeting, and widget placement from SABINE settings.

Before You Embed

Make sure your SABINE agent already has the correct greeting, colors, title, subtitle, and knowledge base content in the dashboard.

Checklist

  1. Create or open your SABINE agent.
  2. Turn on the public endpoint.
  3. Confirm the endpoint path is set.
  4. Adjust widget color, title, subtitle, and position.
  5. Copy the embed code shown in the SABINE dashboard.

Quick Embed

Replace support-agent-a1b2c3d4with your own SABINE endpoint path, then paste this just before the closing</body> tag.

html
<script
  src="https://api.llmhub.one/v1/sabine/embed/support-agent-a1b2c3d4"
  async
></script>

Example Page

This is the simplest production setup. SABINE loads as a hosted widget and appears automatically on every page where the script is present.

html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Acme Corp</title>
  </head>
  <body>
    <main>
      <h1>Welcome to Acme Corp</h1>
      <p>Your SABINE widget will appear automatically.</p>
    </main>

    <script
      src="https://api.llmhub.one/v1/sabine/embed/support-agent-a1b2c3d4"
      async
    ></script>
  </body>
</html>

What Happens After Install

Once the script loads successfully, the hosted SABINE widget handles rendering, session continuity, and public chat requests for you.

json
{
  "widget_loads": true,
  "position": "bottom-right",
  "branding": "from your SABINE dashboard settings",
  "public_endpoint_enabled": true,
  "session_persistence": "automatic"
}

Customization

Standard plan users should customize the widget from the SABINE dashboard instead of calling low-level endpoints directly.

  • Set the widget title and subtitle.
  • Choose the primary brand color.
  • Select bottom-left or bottom-right placement.
  • Enable or disable branding.
  • Update the greeting and knowledge base without touching your website code.

Troubleshooting

If the widget does not appear, verify the endpoint is public, the endpoint path is correct, and your site allows loading scripts from the SABINE API domain.

html
<!-- Common fixes -->
<!-- 1. Use the exact endpoint path from your SABINE dashboard -->
<!-- 2. Make sure the public endpoint is enabled -->
<!-- 3. Place the script before </body> -->
<!-- 4. Confirm your site allows scripts from https://api.llmhub.one -->
EnterprisePrivate Docs

Advanced SABINE APIs

Advanced SABINE endpoint documentation is not exposed in the public website docs for non-enterprise users. If you need direct API integration, custom orchestration, or private endpoint documentation, contact the enterprise team.

enterprise@llmhub.one