Web Voice Widget

Deploy a voice-enabled AI widget on any website. Visitors click to speak with your client's voice agent directly in the browser — same Voquii TTS, same Voquii ASR, same knowledge base as the phone channel.

Find Your Embed Code

Navigate to your Dashboard, select your voice agent, and copy the embed code snippet from the settings page:

<script src="https://voquii.com/widget/YOUR_BOT_ID/embed.js" defer></script>

Replace YOUR_BOT_ID with your actual agent ID from the dashboard.

Platform-Specific Instructions

HTML / Static Sites

Paste the embed script just before the closing </body> tag on every page where you want the voice widget to appear.

Shopify

  1. Go to Online Store → Themes
  2. Click Actions → Edit code
  3. Open theme.liquid in the Layout folder
  4. Paste the embed script just before </body>
  5. Click Save

Webflow

  1. Go to Project Settings
  2. Open the Custom Code tab
  3. Paste the embed script in the Footer Code section
  4. Click Save Changes and publish your site

Squarespace

  1. Go to Settings → Advanced → Code Injection
  2. Paste the embed script in the Footer section
  3. Click Save

WordPress

Paste the embed script in your theme's footer using Appearance → Theme Editor or a custom code plugin like "Insert Headers and Footers."

Wix

  1. Go to Settings → Custom Code
  2. Click + Add Custom Code
  3. Paste the embed script and set placement to Body - end
  4. Choose which pages to apply it to, then click Apply

Customization Options

Control the widget's position and color by adding data attributes to the script tag:

<script
  src="https://voquii.com/widget/YOUR_BOT_ID/embed.js"
  data-position="bottom-right"
  data-primary-color="#6366f1"
  defer
></script>
AttributeDefaultDescription
data-position"bottom-right"Widget position. Accepts "bottom-right" or "bottom-left".
data-primary-color"#6366f1"Primary color for the widget button and header. Any hex color value.

Voice in the Widget

The web widget supports full voice conversations. Visitors click the microphone button to speak, and the voice agent responds with natural speech — the same voice pipeline used for phone calls.

  • ASR: Voquii speech-to-text transcription
  • TTS: Voquii text-to-speech on proprietary GPUs
  • Text + Voice: Both transcript and audio play simultaneously

Verify Installation

  1. Open the website in a new browser tab
  2. Look for the voice widget button in the bottom corner
  3. Click to open the widget and test with a voice or text message
  4. Confirm you receive a response from the voice agent