Trying to pin the Web Messaging widget to the bottom-left corner with custom branding colors. The docs mention passing a config object to GenesysCloudWebMessaging.create, but my CSS variables aren’t sticking once the launcher renders.
Here is the init call:
GenesysCloudWebMessaging.create({
orgId: 'my-org-id',
deploymentId: 'my-deployment-id',
config: {
launcher: {
position: 'bottom-left',
color: '#0056b3'
}
}
});
The widget loads fine, but it stays dead center bottom-right. Inspecting the DOM shows the inline styles are overriding my config. I even tried adding a style block in the page header with !important, but the SDK injects new classes on every interaction that reset the position.
Is there a specific CSS class I need to target for the launcher container? Or is the config object strictly for API-level settings and I have to hack the DOM directly?
Also, the trace context injection I usually do via Data Actions isn’t relevant here since this is client-side only, so I’m stuck on the frontend rendering side.