Web Messaging SDK: Launcher position and color config not applying

NICE CXone API & Integrations
1

I’m trying to customize the Web Messaging widget using the @genesyscloud/web-messaging-widget-sdk. The goal is to move the launcher to the top right and change the primary color to match our brand hex code.

Here is the config object I’m passing to the init method:

const config = {
 deploymentId: "my-deployment-id",
 environment: "mypurecloud.com",
 launcher: {
 position: "top-right",
 color: "#FF5733"
 },
 chat: {
 header: {
 color: "#FF5733"
 }
 }
};

WebMessaging.init(config);

The widget loads fine, but it stays bottom-left and uses the default blue. I’ve checked the deployment settings in the Admin portal, and the “Allow client-side configuration” toggle is enabled. I’ve also tried using the setConfig method after initialization, but that doesn’t seem to do anything either.

Is there a specific property name I’m missing for the launcher position? The docs are a bit sparse on the exact keys for the launcher object. Also, does the color apply to the icon itself or just the background?

Any ideas on what I’m doing wrong here?