extended-salmon•2y ago
how to make the Live agent handoff work for other channels
So I developed the live agent chat handoff to my chatbot so theres that additional feature that ive coded through the demo react app and i want to integrate this live chat handoff feature to other channels like messenger or instagram dm which was possible (when making the chatbot with voiceflow only) using the dialog management api but now since the additional feature of the livechat handoff is coded through the demo react app and that feature isnt available through the dialog mangement api is there a possible way to connect my demo react chat to the dialog management api or do i have to make my own apis just so i can integrate to the other channels
if the explanation above is too confusing basically: how to integrate the live chat handoff that i have setup in my demo react chat to other channels like instagram dm , messenger , whatsapp?
4 Replies
other-emerald•2y ago
So the react-chat is specifically for webchat. Its just the open source version of our webchat front end that connects to the dialog API
Youd have to create a different connector for those channels that uses the Dialog API (whatsapp example here: https://developer.voiceflow.com/)
You could probably use the method of handling live chat for them but would need to fit it to the channel
extended-salmonOP•2y ago
@Daniel so if i want to integrate the demo react chat to my clients website how do send him the voiceflow script with the demo react chat functionalities that i have implemented
so if i send him this script below(from the integrations tab) it wont implement the livechat handoff features that i have implemented right? so how do solve this problem:
<script type="text/javascript">
(function(d, t) {
var v = d.createElement(t), s = d.getElementsByTagName(t)[0];
v.onload = function() {
window.voiceflow.chat.load({
verify: { projectID: '65aa00235c0f964e33ca0891' },
url: 'https://general-runtime.voiceflow.com',
versionID: 'production'
});
}
v.src = "https://cdn.voiceflow.com/widget/bundle.mjs"; v.type = "text/javascript"; s.parentNode.insertBefore(v, s);
})(document, 'script');
</script>
other-emerald•2y ago
So you'd need to host the react chat on your end
https://www.youtube.com/watch?v=u2GRK9x6RNM
Then when you've got that up - you'd replace the cdn.voiceflow.com...mjs with the link that points to your webchat
Voiceflow
YouTube
Forking and Deploying the modified ReactChat on GitHub Pages
In this video Ben talks about how to deploy your modified React Chat UI Kit on GitHub pages and how to point the code snippet at it so that you or your client can embed it on their website.
***
The collaborative platform to build AI agents. Use Voiceflow to design, test, and launch chat or voice AI agents — together, faster, at scale.
Join ou...
extended-salmonOP•2y ago
great thanks