Chat widget customization

Genesys Cloud Web Chat
1

Hi there,
I use the sample: https://github.com/MyPureCloud/public-stats-service but I have problem with the connection, the chat show the message : Chat is unavailable due to an authorization error.
I have created the OAuth and widget but the issue continue, I set the org name , queue, org id, etc.but the issue continue too.

I need to customize the chat, change the colors, the icons, the font, etc. I saw the documentation https://all.docs.genesys.com/WID/Current/Developer/GWCCustomize but I don't know like start.

Best regards
Miguel Velasquez

2

Check the widget deployment in admin. Did you enable authenticated chat?

3

Hi Lucie,

image
image602×522 20.4 KB

Best regards
Miguel

4

Hello Miguel,

I haven't tried this sample myself but here are few comments.

The sample: https://github.com/MyPureCloud/public-stats-service is rather old and relates to Widgets v1 (PureCloud WebChat - v1).
Since it was published, there have been some changes. And one of them is that Widgets Deployments are now enforced/required.
(what you did in the screenshot above).
As I said, I haven't used this sample, but I think one of the things you might be missing are some attributes to be added in the "script" element for jsapi-v1.js (resulting from Widgets Deployments enforcement).

Something like this:

<script
    id="purecloud-webchat-js"
    type="text/javascript"
    src="https://apps.mypurecloud.com/webchat/jsapi-v1.js"
    region="YOUR_REGION"
    org-guid="YOUR_ORG_GUID"
    deployment-key="YOUR_DEPLOYMENT_KEY"
></script>

See here for some details: https://developer.mypurecloud.com/api/webchat/index.html

The org-guid (or orgGuid) is the Organization ID you can find in PureCloud Admin - Account Details - Organization Settings, in the Organization Details tab (Organization ID under Advanced).
I think the orgName corresponds to the Organization short name.
Finally, the orgId is the organization numeric ID. I am not sure where this one can be found in PureCloud admin. But I know it is the org ID that appears at the top of the WebChat window in Developer tools: https://developer.mypurecloud.com/developer-tools/#/webchat

The other comment I wanted to make is that the documentation on customization you have included (https://all.docs.genesys.com/WID/Current/Developer/GWCCustomize), refers to Widgets v2 (and PureCloud WebChat v2). It is different from the Widgets v1 - different library, different UI, different Chat protocol.
You can find some explanations on the theme customization steps in this other post (Widgets v2): https://developer.mypurecloud.com/forum/t/webchat-widget-customizing/7626/5

Regards,

5

This topic was automatically closed 31 days after the last reply. New replies are no longer allowed.