xenial-black•15mo ago
Integrating a voicebot
Hi, I would like to know how to integrate voicebot on a website.
In the Integrations menu, I don't see the Web Chat item, but only API keys.
I have tried the Dialog Manager API, but without realising the widget as in the case of a chatbot.
can someone please help me?
Thank you very much!
1 Reply
To integrate a voicebot on your website, you can use the Dialog Manager API provided by Voiceflow. Here’s a step-by-step guide to help you get started:
1. Access the Dialog Manager API Key:
- Open the project you want to connect with.
- Select the Integrations tab by clicking on the Integration icon on the left sidebar or by pressing '4' on your keyboard.
- Copy the API Key found in the Dialog API section.
2. Using the API Key:
- For HTML and JQuery:
- Open the API Examples pack in your favorite code editor.
- Replace 'YOURAPIKEYHERE' in
index.html
with your Dialog Manager API Key.
- Open index.html
on any browser to start your chat.
- For Node.js:
- If you do not have Node.js, install it from nodejs.org.
- In the project folder, run npm install
.
- Replace 'YOURAPIKEYHERE' in index.js
with your Dialog Manager API Key.
- Run npm start
to start your chat.
3. Customizing the Web Chat Widget:
- You can leverage Voiceflow’s open-source Web Chat project called react-chat
to customize your own version of the Web Chat widget.
- Follow the Customizing Web Chat guide for detailed instructions.
If you do not see the Web Chat item in the Integrations menu, it might be due to the current limitations or settings of your Voiceflow account. Ensure you are following the correct steps to access the Integrations tab and the Dialog API section.
For more detailed information, you can refer to the following resources:
- How to get your Dialog API key
- Deploy Assistant
These steps should help you integrate and customize your voicebot on your website.