We’re trying to customize the Genesys Cloud Web Messaging widget. The goal is to move the launcher to the top-left and change the primary color to match our brand hex #0056b3.
I’ve set up the genesyscloud-webrtc package and initialized the messaging client. Here’s the config object I’m passing:
const config = {
deploymentId: 'abc-123-def',
launcherPosition: 'top-left',
colors: {
primary: '#0056b3',
secondary: '#ffffff'
}
};
WebMessaging.initialize(config);
The widget loads fine, but it stays in the default bottom-right corner. The color remains the default blue. No errors in the console.
I checked the Web Messaging documentation. It mentions launcherPosition and colors are valid properties. I’m using SDK version 3.2.1.
Is there a specific way to inject these styles? Maybe a CSS override is needed? Or am I missing a step in the initialization flow? The OTel spans show the initialization completes successfully, so the code runs. Just no visual changes.