I am trying to customize the look and feel of our Web Messaging deployment using the Genesys Cloud Web Messaging SDK. The goal is to move the launcher to the bottom left and change the primary color to match our brand guidelines. I have been following the documentation for the configuration object.
I am initializing the widget like this:
const config = {
deploymentId: 'abc-123',
launcher: {
position: 'bottom-left',
color: '#0056b3'
}
};
const widget = new GenesysCloudWebMessaging(config);
widget.start();
The widget loads fine, but the launcher stays in the bottom right corner and the color remains the default blue. I have checked the browser console and there are no errors. I have also tried setting the properties directly on the launcher object after initialization, but nothing changes.
I am using the latest version of the SDK. Has anyone encountered this before? Is there a specific API call or configuration key I am missing to override these default styles? I have been staring at the docs for an hour and I can’t find anything that explains why the config object is being ignored for these specific properties.