Changing the widget position
The instructions below are for desktops and laptops only.
You can change the position of the tawk.to chat widget to match your website’s layout and branding. By default, the widget appears in the lower right corner. However, you can move it to other areas of the screen, including:
Top left
Top right
Center left
Center right
Bottom left
Here’s how:
1. Log in to your tawk.to account.
2. Select the correct property.
3. Click Administration on the top menu.
4. Select Chat Widget under Channels in the left menu. Then, click Advanced under Widget Appearance.
5. In the Widget Appearance page, you can change the Desktop and Mobile Widget Position.
6. Click Save in the bottom-right corner. Your chat widget updates automatically.
Additional considerations
Mobile responsiveness
On mobile devices, the widget may adjust automatically to ensure it doesn’t overlap or interfere with mobile navigation or buttons.
Widget visibility
If you're using custom CSS or other scripts on your site, make sure they don’t conflict with the widget’s position settings.
To learn how to make other changes in the appearance of your widget, see this guide: How to modify your widget content.
Learn how to make small adjustments to the widget position using JavaScript with this guide: Customizing your widget placement with the JavaScript API.
If you have feedback about this article, or if you need more help:
Click the green live chat icon
Schedule a call with us
Visit our community