How can I integrate a chat widget on voiceflow?

How can I integrate a chat widget on voiceflow, I've look at the wiki and the tutorial on youtube and yet there's no instruction on how to do it.

I want to implement form into my workflow in voiceflow.

W. Williams (SFT)•7/16/24, 11:33 AM

publish the bot and then use the integration code from the left menu.

spotty-amberOP•7/16/24, 11:33 AM

A bot?

W. Williams (SFT)•7/16/24, 11:33 AM

yes or your assistant.

spotty-amberOP•7/16/24, 11:34 AM

Where can I create the bot?

W. Williams (SFT)•7/16/24, 11:35 AM

sorry, I didn't see that you wanted to add a form.

W. Williams (SFT)•7/16/24, 11:35 AM

https://developer.voiceflow.com/docs/custom-web-chat-widgets

Voiceflow

Custom widgets and effects (beta)

Render custom widgets like file upload, date pickers, and more!

W. Williams (SFT)•7/16/24, 11:35 AM

you need to create an extension

spotty-amberOP•7/16/24, 11:35 AM

Yeah I'm already on there but where can I create the extension?

W. Williams (SFT)•7/16/24, 11:36 AM

see the Repo and the video on the provided page for an explanation and example code.

spotty-amberOP•7/16/24, 11:36 AM

It doesn't show where to create it.

W. Williams (SFT)•7/16/24, 11:36 AM

watch the video

spotty-amberOP•7/16/24, 11:37 AM

Ok, thank you.

Mmoderate-tomato watch the video

spotty-amberOP•7/16/24, 11:59 AM

So wait a chat widget is only website side?

spotty-amberOP•7/16/24, 12:00 PM

Because on the video it is only showing the code website side not voiceflow workflow side

W. Williams (SFT)•7/16/24, 1:05 PM

correct

spotty-amberOP•7/16/24, 2:11 PM

But then how do I get the node to be on voiceflow?

W. Williams (SFT)•7/16/24, 3:35 PM

it shows everything. It shows how to add the extension to your integration code and how to add it into your flow.

Sspotty-amber But then how do I get the node to be on voiceflow?

popular-magenta•7/17/24, 6:46 AM

If I'm not mistaken, you won't be able to see the extension effects on the Voiceflow platform itself. But you should be able to see it when you run the provided code in development mode (as shown in the video), or in your website after you publish your agent

Steve B. | IntelleSync.uk•7/17/24, 7:51 AM

@Rishh :P Correct

W. Williams (SFT)•7/17/24, 12:06 PM

not within your account, but on your website using the integration code. this is because you to include the extension.