Create a widget
Create a Button Player — compact listen control
The Button Player adds a compact listen button in the flow of your page. Use it when a full listen bar is too wide — product pages, cards, service blocks, or side layouts — while still delivering GSpeech cloud AI narration.
Map Content Selector to the text you want read, set Render Element to your mount (often .gsp_button_player), and set Title Text for the button label.
- Compact UI — fits tight layouts and repeating sections.
- Same cloud engine — generate once, cache, play unlimited.
- Custom HTML mount — <div class="gsp_button_player"></div>
Open Cloud Console
Full Player
Circle Player
Setup
How to create a Button Player
- Sign in (or register free).
- Open the dashboard and choose your website.
- Widgets → Add new widget.
- Enter a title → type Button Player → Create.
- Open Content: set Content Selector (what to read — # for id, . for class; commas to gather pieces) and Render Element (where the button appears, often .gsp_button_player). Optional Exclude List uses the same syntax.
- Set Title Text for the button label.
- Save, publish, and test on the live page.
New to HTML values? id → #, class → ., commas. Voice and most player options default to Use Global from website Settings — Global vs custom settings.
Custom HTML
Mount code
- Button Player: <div class="gsp_button_player"></div>
FAQ
Button Player FAQ
-
Yes — when Render Element matches repeating mounts (for example every .gsp_button_player) and URL rules allow those pages. Add more widgets only when voice or selectors must differ.
-
Button sits in content flow with a text label. Circle is a floating round control — better when you want a persistent compact affordance without a labeled button.
Issues? Contact Us.
