Guillaume Schupp•3w ago

[Help] Voice Input Not Showing in Production Embed

Hi everyone, I launched a chatbot with Voice Input enabled and the Chat Interface set to Embed. In the builder’s test mode, the voice input works perfectly, but in the production environment, it doesn’t appear at all. Has anyone experienced this before? How can I enable voice input in production? Thanks in advance!

2 Replies

Tico | Voiceflow Assistant•3w ago

👋 Here are the two things that normally cause the microphone icon to disappear once you embed the widget: 1️⃣ Publish the change to Production • The “Voice input” toggle you enable in Interfaces → Widget only exists in the version you’re looking at in Creator (that’s the development version).
• After turning the toggle on, click Publish → Production. Until that production build exists, the widget that loads on your site has no idea voice input was enabled. 👉 Docs reference – “If you’d like to change any of the widget’s settings after releasing your agent … you’ll need to publish a new version of your agent to production for the changes to take effect.” (Web Chat Widget → Making changes to the widget after launch) 2️⃣ Serve the page over HTTPS & allow mic permission • Browsers only expose getUserMedia (the API the widget uses for speech-to-text) on secure origins. Make sure the page where you embed the chat is https://… and the user has granted microphone access. If the page is loaded over plain http://, or the user has blocked the mic, the widget hides the mic button. Once the above two points are covered the microphone button should appear in embedded mode just like it does in the test tool. No extra code changes are needed—the standard snippet already includes voice support:

window.voiceflow.chat.load({
  verify: { projectID: '<ID>' },
  url: 'https://general-runtime.voiceflow.com',
  versionID: 'production',        // make sure you published!
  render: {
    mode: 'embedded',
    target: document.getElementById('flat-chat')
  }
});

window.voiceflow.chat.load({
  verify: { projectID: '<ID>' },
  url: 'https://general-runtime.voiceflow.com',
  versionID: 'production',        // make sure you published!
  render: {
    mode: 'embedded',
    target: document.getElementById('flat-chat')
  }
});

Give those two checks a try and your production embed should show the voice input control. 🙌

Guillaume SchuppOP•3w ago

Thanks a lot for the detailed reply! 🙏 I’ve double-checked both points, the bot is definitely published to production, and it’s running on an HTTPS site with mic permissions allowed. Any idea what else could be causing the mic icon to not show up?

[Help] Voice Input Not Showing in Production Embed

Did you find this page helpful?