SS

Connect GSpeech to any HTML website

Add AI text-to-speech to any HTML website — no server setup

Connect GSpeech to any custom HTML website with one connection code. Deliver natural AI voices, modern players, and cloud playback from the GSpeech Cloud ConsoleNo API Keys Required, no server-side TTS stack, and no hosting load on your site.

Use this guide to add text-to-speech to an HTML site: paste the embed code before </body>, place Full Page / Button / Circle players with Custom HTML, then manage voices and widgets from your dashboard.

  • Cloud Audio Generation — synthesize once, cache, and play across visits.
  • No API Keys Required — use the Unified AI Voice Engine from one console.
  • One-line embed — works on custom stacks, CMS themes, and static sites.
  • 70+ languages — multilingual narration for global audiences.

Website TTS overview Live demos Open Cloud Console

Connect GSpeech to an HTML website

How to connect GSpeech to HTML

  • Sign inlog into your GSpeech account (need one? create a free account).
  • Create a website — if you have not added a site yet, follow create a website.
  • Open the site — go to your dashboard and select the site.
  • Copy the HTML code — open Integrations → Html Website and copy the Connection code.
  • Paste before </body> — insert the code in your template before the closing </body> tag, then deploy.

Add players with Custom HTML

Place any of these mounts where the player should appear on the page. Click a card to copy the shortcode.

  • Full Page Player
    <div class="gsp_full_player"></div>
  • Button Player
    <div class="gsp_button_player"></div>
  • Circle Player
    <div class="gsp_circle_player"></div>

Full Player docs Button Player docs Circle Player docs

Manage audio widgets

  • Open dashboard — go to your GSpeech dashboard.
  • Select the website — open the HTML site you connected.
  • Edit widgets — open each widget to set voice, language, design, and placement.
  • Publish & listen — refresh the live page and test playback.

Need help with the HTML embed or player settings? Contact GSpeech support.