I’m trying to override the default web messaging widget appearance using the Genesys Cloud JavaScript SDK. Specifically, I need to shift the launcher to the top-left corner and adjust the primary color to match our brand guidelines. The documentation mentions passing a deploymentConfig object during initialization, but I’m unsure of the exact property names for position and colors. Here’s the current setup:
const gcWebMessaging = new GenesysCloudWebMessaging({
deploymentId: 'my-deployment-id',
deploymentConfig: {
launcher: { position: 'top-left' }, // This seems incorrect
theme: { primaryColor: '#0056b3' }
}
});
The widget still renders in the bottom-right with the default blue. What is the correct structure for deploymentConfig to apply these visual changes programmatically?