correct-apricot•16mo ago
Voice input in webchat using voiceflow?
I am building a chatbot that needs to be deployed on my clients website. My client wants a voice input feature from the user and text output from the chatbot. How do I make this happen?
3 Replies
To enable voice input in a web chat using Voiceflow, follow these steps:
1. Create an Assistant:
- Start by creating a new assistant in Voiceflow. You can choose between chat and voice modes, but for this scenario, you will focus on voice input.
2. Set Up Web Chat Integration:
- Use Voiceflow's Web Chat integration to deploy the assistant on your client's website. This will involve embedding the Web Chat widget into the site.
3. Enable Voice Input:
- Customize the Web Chat widget to support voice input. Voiceflow's Web Chat project, called
react-chat, can be customized to include voice input capabilities. You can leverage the open-source project to modify the widget as needed.
4. Configure Voice Recognition:
- Integrate a voice recognition service (such as Google Speech-to-Text or another API) with the Web Chat widget to capture and process voice input from users.
5. Testing and Deployment:
- Test the voice input feature thoroughly to ensure it works seamlessly. Once tested, deploy the customized Web Chat widget on your client's website.
For more detailed guidance, you can refer to the following resources:
- Voiceflow Web Chat Customization Guide
- Live Chat Handoff Documentation
These resources provide comprehensive instructions on setting up and customizing the Web Chat widget, as well as integrating with live agent platforms if needed.correct-apricotOP•16mo ago
Thank you for the help
While deploying on whatsapp will we need to custom code?
Or in that case, if we use flowbridge to publish on whatsapp is the functionality already there to take voice input?
You can also create an extension.