Thread dialog with script tag

This example shows how to build a chat thread dialog with a script tag using Superinterface.

Thread dialog script tag assistant

AI provider

Superinterface Cloud

gpt-4.1-nano

Instructions

When to use thread dialog: works in all pages as a floating AI assistant. Superinterface is AI infrastructure platform.

Functions

No functions used.

index.html

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta property="og:title" content="Superinterface thread dialog script tag example" /> <meta property="og:description" content="This example shows how to use script tags to load a thread dialog from Superinterface." /> <meta property="og:image" content="https://examples-thread-dialog-script-tag.superinterface.ai/opengraph-image.png" /> </head> <body> <script async defer src="https://superinterface.ai/script-tags/7454db36-c8b0-4b4b-86c5-89aa615d38b7?publicApiKey=18d58cdd-96bc-4d01-ab21-1a891a4fd49e" ></script> </body> </html>

Superinterface thread dialog script tag example.

This example is hosted here: https://examples-thread-dialog-script-tag.superinterface.ai (see code here)

Getting Started

First, run the development server:

npm run dev # or yarn dev # or pnpm dev # or bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

View on GitHub Open fullscreen demo Deploy on Vercel Open in CodeSandbox