wise-white•2y ago
demo react chat
how do you deploy the demo react chat so i can insert it to my it in my website html and use the custom functions i have implemented in the demo react chat
3 Replies
To deploy the demo React chat on your website and utilize custom functions you've implemented, follow these general steps:
1. Clone the demo-react-chat repository to your local machine and follow the setup instructions in the README file.
2. Run
yarn dev under the main demo-react-chat directory to start your demo app locally. It will be available at http://127.0.0.1:3006.
3. To integrate custom chat experiences with custom message types or components, use Custom Actions in your agent's design. This allows for the creation of custom components.
4. For embedding and customizing the styling of the Web Chat on your website, use the chat.load() function with your project ID, runtime URL, and version ID. You can further customize the Web Chat experience by adding additional settings to this configuration.
5. If embedding within a specific section of your page, ensure to specify the HTML element ID that the embedded webchat should attach to.
Please note that the demo-react-chat code is not production-safe as-is. For a production environment, further customization and security measures should be considered.
For more detailed instructions and to access the source code, visit the demo-react-chat repository and the Voiceflow React Chat documentation.wise-whiteOP•2y ago
but how do i deploy it so i can just insert the script snippet to my clients website?
theres a youtube video showing how to fork and deploy the react chat but to do it for the "demo react chat"?
You don't need to do this anymore. DM me and I'll be happy to help.