TTS Embed Widget

Add a

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

  1. Add the embed code to your website
  2. The widget appears as a
  3. When clicked, it extracts page text and sends it to our TTS API
  4. Audio is streamed back and played in the embedded player
  5. 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

2. Visitor Clicks

A

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.

5.0/5 (1)

Make Your Website Listenable

Add a