This is designed as an example on how you can build out your own "widget" to connect to the Genesys Cloud WebMessaging Guest API. The example is also using Bootstrap for rendering the CSS elements, the rest is native JavaScript there is no Genesys SDK used in this example.
I would recommend looking at the Genesys API listed above before trying to use this example.
Ok so, the feature I have put into the widget is as the APi supports today
- Text - Send
- Text - Receive
- Image - Send
- Image - Receive
- BOT - Quick Replies
- Async - History pulled in
Once other features come in such as Carousels etc if I get time I will add them into this example. I have also added in a "loading bar" to show when both history is being loaded as well as when an image is being uploaded. As otherwise this can look like the UI is slow to the customer.
The Example HTML page is designed to work with your existing Genesys Cloud WebMessaging "DeploymentId" you need to of already set this up in Genesys as well as the "Flow" this readMe is NOT going to cover these setup items.
To connect the HTML to your environment simply put parameters in the URL to pass them into the code
gc_region
gc_deploymentId
for example:
https://localhost:8080/webMessagingAPI.html?gc_region=mypurecloud.com.au&gc_deploymentId=1234567890987654321
You need to enter your own region im based in Australia so I have used the mypurecloud.com.au region a list of regions can be found here. The deploymentId needs to be that of YOUR webMessaging deployment in your Genesys Cloud ORG.
Once you have don that you should be good to go... here are some example screen shots of the functions of the widget.
This widget can then of course be changed to suit themes, logos and complete CSS look and feel as required.