Customize Web Chat form with new fields and auto-submit these fields

[K_an77]

Hello,

I'm trying to add some new fields to web chat's form. For this purpose I added this code in configuration file:
_genesys.widgets.webchat.form:
{
inputs: [
{
id: "cx_webchat_form_firstname",
name: "firstname",
maxlength: "100",
placeholder: "@i18n:webchat.ChatFormPlaceholderFirstName",
label: "@i18n:webchat.ChatFormFirstName"
},
{
id: "cx_webchat_form_lastname",
name: "lastname",
maxlength: "100",
placeholder: "@i18n:webchat.ChatFormPlaceholderLastName",
label: "@i18n:webchat.ChatFormLastName"
},
{
id: "cx_webchat_form_userid",
name: "userid",
maxlength: "100",
placeholder: "@i18n:webchat.ChatFormPlaceholderUserId",
label: "@i18n:webchat.ChatFormUserId"
},
{
id: "cx_webchat_form_mobile",
name: "mobile",
maxlength: "100",
placeholder: "@i18n:webchat.ChatFormPlaceholderMobile",
label: "@i18n:webchat.ChatFormMobile"
}
]

which seems to work. But in addition, I want these fields to be auto-filled and auto-submitted after the user clicks the sidebar chat button. After a lot of search I found this solution:

(Inside sidebar.configure)

onClick: function($, CXBus, Common) {
oMyPlugin.command('WebChat.open', {
form:
{
autoSubmit: true,
firstname: ' ',
lastname: ' ',
userid: ' ',
mobile: ' '
}
})
}

The problem with the above solution is that works only for the default fields(firstname,surname,email,subject). The new fields I added remain empty. Is there a way to solve that issue?

Thanks

[Jerome.Saint-Marc]

Hello,

In your scenario, you don't really need to define/configure a custom web chat registration form, as you are not displaying it to the user (as you auto-submit when the chat UI opens). The custom Registration form is used when the customer is to type information in the registration form.

You can keep what you have in _genesys.widgets.webchat.form if you want. But that is not necessary here.

What you would use in your WebChat.open command is something like this (the "custom" fields are in fact managed the same way than user data, and available the same way from Genesys Cloud Architect and UI/API):

onClick: function($, CXBus, Common) {
    CXBus.command('WebChat.open', {
        form: {
            autoSubmit: true,
            firstname: ' ',
            lastname: ' '
        },
        userData: {
            userid: ' ',
            mobile: ' '
        }
    });
}

Regards,

[K_an77]

Hello Jerome,

Thanks for the answer. This seems to work. I'm now trying to pass the above data(firstname, lastname, userid, mobile) to WDE enviroment as contact information. The problem is that despite I manage "custom data" and user data the same way, only "custom data" appear in WDE UI. Maybe I need another way to pass user data?

Thank you in advance.

[Jerome.Saint-Marc]

Hello,

I am confused. Is the question for Genesys Engage (as you mention WDE)? Or for Genesys Cloud?
This forum is about Genesys Cloud - not Engage.
You can raise Engage questions on the Genesys Engage Community Forum - if Engage On-Premise, if Engage Cloud

I don't understand what you mean by passing data to WDE as contact information, and what "custom data" refers to.

Regards,