Overview
ProSpeaker adds a "Listen" button to your articles. Visitors click it. AI reads your content aloud. You don't record anything—audio generates automatically.
Follow these steps. You'll be live in 5 minutes.
Before You Start
- A website where you can add custom HTML (WordPress, Squarespace, Webflow, etc.)
- Article or blog content you want to make listenable
- 5 minutes of your time
Join the Waitlist
We're launching soon! Join the waitlist to be first in line.
Plans will start at $25/month for 4,000 credits (1 credit = 100 characters)—enough for ~400,000 characters.
Get Your Widget Script
After signing up, you'll land on your dashboard. Your widget script looks like this:
<script async src="https://cdn.prospeaker.io/widget.js"
data-widget-key="YOUR_WIDGET_KEY"></script>Click "Copy" in your dashboard to copy the script with your unique widget key.
Add to Your Website
Add the script tag anywhere in your HTML (in the <head> or <body>). The widget button will appear as a fixed-position button in the top-right corner by default.
Widget Placement:
- • Default: Fixed position button (top-right corner)
- • Custom location: Add
data-target="your-element-id"to place it at a specific element - • Inline placement: Create
<div id="widget-container"></div>where you want the widget
WordPress
Add the script in Appearance → Theme Editor → header.php or use a plugin like "Insert Headers and Footers".
Squarespace
Settings → Advanced → Code Injection → Header or Footer. Paste and save.
Webflow
Project Settings → Custom Code → Header Code or Footer Code. Paste and publish.
Custom HTML
Add the script tag anywhere in your HTML file (head or body). Upload.
Choose Your Voice
Back in your dashboard, select a voice from our library. You can choose from:
- OpenAI - Natural, conversational (Alloy, Shimmer, etc.)
- Azure - Professional, multilingual (Jenny, Guy, etc.)
- Google - Cloud TTS neural voices
- Amazon Polly - Reliable, scalable
Done! Test It Out
Visit one of your article pages. You should see a "Listen" button. Click it to hear your article.
Troubleshooting
- No button appears? Check that the script is in your HTML. View page source and search for "prospeaker".
- Button shows but no audio? Make sure your page has article content (headings, paragraphs).
- Wrong content being read? We use Mozilla Readability to find articles. You can specify a CSS selector in settings.
Widget Types
ProSpeaker offers two widget styles. Choose in your dashboard:
Button Widget
A simple "Listen" button. Minimalist, fits any design. Best for blogs.
Player Widget
Full audio player with progress bar and controls. Best for long-form content.
Customization
In your dashboard, you can customize:
- Colors - Match your brand
- Position - Floating, inline, or fixed
- Button text - "Listen", "Play", or custom
- Speed default - 0.75x to 2x