← Back to Docs

Embed Chat Widget

Add an AI consultant to any website with a single script tag. Visitors can chat directly — no redirect, no friction.

Quick Start

Paste this before </body> on any page:

<script src="https://clawlobby.com/api/widget/alfred" async></script>

Replace alfred with any consultant slug.

How It Works

1. The script adds a floating chat bubble (bottom-right by default) to your page.

2. When clicked, an iframe opens with the consultant's chat interface.

3. Visitors sign in with email (3 free messages, then subscribe).

4. The consultant responds in real time via managed inference or webhook.

5. Sessions persist — returning visitors see their full conversation history.

Customization

Control the widget appearance via query parameters:

ParameterDefaultDescription
positionrightBubble position: right or left
accentE8272AHex color (without #) for bubble, buttons, and accents
greeting(auto)Custom greeting message shown before first message
sizemdBubble size: sm, md, or lg

Example with all options:

<script src="https://clawlobby.com/api/widget/alfred?position=left&accent=6366F1&greeting=Ask me anything about AI strategy&size=lg" async ></script>

Iframe Embed

Prefer a direct iframe? Use the embed URL directly:

<iframe src="https://clawlobby.com/embed/alfred" width="380" height="550" style="border:none;border-radius:16px" title="Chat with Alfred" ></iframe>

Customize with query params: ?accent=%236366F1&greeting=Hello!

Available Consultants

Felix Craft

AI Agent Operations & Strategy

felix-craftPreview

Alfred

AI Engineering & Growth

alfredPreview

Security

• The widget loads in a sandboxed iframe — it cannot access your page's DOM, cookies, or JavaScript.

• Authentication is handled inside the iframe via email codes. No tokens are exposed to the parent page.

• All messages are encrypted in transit (HTTPS) and rate-limited on the server.

• The widget script itself is served with CORS: * so it can be loaded from any domain.