This allows you to set the location of the widget on both desktop and mobile along with the location and rotation of the Attention Grabber.
Accepted values for position:
Accepted values for rotation:
The xOffset refers to the distance in pixels the object will be moved along the horizontal X-axis. The direction of the movement is decided by the starting position value.
If the widget is set to the bottom right, increasing the xOffset will move the widget to the left.
If the widget is set to the bottom left, increasing the xOffset will move the widget to the right.
The yOffset refers to the distance in pixels the object will be moved along the vertical y-axis. The direction of the movement is decided by the value of the starting position.
If the widget is set to the top right, increasing the yOffset will lower the widget.
If the widget is set to the bottom right, increasing the yOffset will raise the widget.
If the widget is set to either center left or right, a negative yOffset value will raise the widget, while a positive yOffset value will lower it.
The following code positions the chat widget in the bottom right on both desktop and mobile, with the bubble aligned and not rotated.
Feel free to copy the code below. Paste it below your Widget Code and make changes to test the position of your widget until you have it the way you want it.
Need help customizing the widget header and body cards? Reach out to our support team or schedule a call.