Chat widget code and cost control: models, response caps and daily limits
A public chat widget should never produce a surprise bill. These are the controls that cap what your chat widget code can spend, and how to combine them.
Read the guideWe use cookies. Cookies and browser storage keep you signed in and remember your preferences. With your permission we also measure how the site is used. You can any time. See our cookie policy.
Widgets
White-label AI widgets for your website
Give your visitors chat, image, voice or music generation under your own brand. Pick a model, style it, paste one line of code.
Build your widget now
No account needed. Pick a type and a model, style it and try it right here.
Model
Demo: results are simulated. Add an API key or sign in to see real output.
Type a message in the preview to try it.
Your widget is ready
Create a free account to connect the model, add your sites and get the embed code. Your design is saved.
Save and get the codeVerify your email and get $1.00 of gift credit. No credit card needed.
Paste your API key to see real results with the selected model. It stays in this tab and is only sent to our own API.
No API key yet? Sign in or create a free account to get one in a minute.
Embed code
<script src="https://api14.com/widget.js" data-widget="your-widget-id" async></script>Paste it inside <body>. Your widget id is filled in when you save the widget in your dashboard.
Five widget types
Chat
A support or sales assistant that streams answers and follows your private instructions.
Guides: ChatImage
Visitors describe a picture and get it generated on your page.
Guides: ImageSpeech
Turn any text into natural speech with the voice you choose.
Guides: SpeechMusic
Short music clips from a text prompt, played right in the widget.
Guides: MusicVideo
Short video clips from a text prompt, generated and played right in the widget.
Guides: Video
Live in four steps
- 1Choose the type and any model from the catalog.
- 2Set colors, corner radius, texts and placement.
- 3Add the domains where the widget may run.
- 4Paste one script tag into your page.
One line of code
The widget renders in an isolated Shadow DOM, so your page styles stay untouched.
<script src="https://api14.com/widget.js" data-widget="your-widget-id" async></script>Built for your brand
Your brand only
No logo, no “powered by”. Texts, colors and theme are yours.
Locked to your sites
Requests are accepted only from the domains you list in your settings.
Any model
Switch models any time without touching your site.
Pay per use
Visitor requests are charged to your USD balance at the model’s price, with rate limits per visitor.
White-label AI widgets for your website
Create a widgetWidget code guides
Step by step guides for every widget type: embedding, prompts, models and spend limits.
Chat widget Image widget Image widget code: choosing the right image model for speed and price
The same widget code can run any image model in the catalog. Here is how to compare models for an image widget and switch between them without touching your site.
Read the guideMusic widget Music widget code: prompts, models and keeping costs predictable
Music generation costs more per request than a chat message. Here is how to choose a model, guide visitor prompts and set limits so your music widget stays within budget.
Read the guideSpeech widget Speech widget code for accessibility: offer an audio option to every visitor
Some visitors prefer to listen rather than read. A speech widget gives them an audio option with one line of code. Here is how to set it up thoughtfully.
Read the guideVideo widget Video widget code on a budget: duration, resolution and daily caps
Video is the most expensive widget type to run. These are the settings that keep a public video widget affordable, and how to pick the right limits for a store or a campaign page.
Read the guideChat widget Chat widget code with private instructions: writing a system prompt that works
The embed code is the same for every chat widget. What makes yours useful is the private instruction behind it. Here is how to write one that keeps answers accurate and on brand.
Read the guide