TTS Embed Widget
Add a "Listen to this article" button to any website with one line of code.
Configure Your Widget
Embed Code
<script src="https://tts.ai/widget.js"
data-voice="af_bella"
data-model="kokoro"
data-style="full"
data-theme="light"
data-source="auto">
</script>Preview
This is a visual preview. The actual widget connects to our TTS API.
How It Works
- Add the embed code to your website's HTML
- The widget appears as a "Listen" button on your page
- When clicked, it extracts page text and sends it to our TTS API
- Audio is streamed back and played in the embedded player
- Free tier: 500 chars/request. Upgrade for unlimited.
Features
- One line of code
- Auto-detects article content
- Responsive design
- Light & dark themes
- Speed control (0.5x-2x)
- 100+ voices, 30+ languages
- Free tier available
- No tracking or cookies
Platforms
Works with any website:
WordPress
Shopify
Wix
Squarespace
Ghost
Hugo
Next.js
Custom HTML
How the Embed Widget Works
1. Add Code
Paste one script tag into your website's HTML. Works anywhere.
2. Visitor Clicks
A "Listen" button appears. Your visitor clicks it to hear the article.
3. AI Generates
Page text is extracted and converted to speech using our TTS API.
4. Audio Plays
High-quality audio streams directly in the embedded player.
What could we improve? Your feedback helps us fix issues.
Make Your Website Listenable
Add a "Listen" button to your blog, docs, or app. One line of code, 100+ AI voices.