Adding the tawk.to widget to a Google Site
The instructions below are for desktops and laptops only.
Copy your widget code
2. Click Administration on the left navigation bar.
3. Click Chat Widget in the left submenu.
4. Copy the Widget Code.
Add the widget to your Google Site
1. On your Google Site, click Embed in the panel on the right.
2. Select Embed code. Paste the Widget Code and click Next.
3. Preview the widget. To edit the code, click the Edit (pencil) icon in the preview window. Then, click Insert.
4. The widget will be added to your page. You can:
- Drag the widget to reposition it on the page.- Resize the embed area.
- Click the Edit (pencil) icon to update the embedded code.
- Click the Delete (trash) icon to remove the widget.
Customize your widget appearance
1. In your tawk.to dashboard, go to Administration > Chat Widget, and click Advanced under Widget Appearance.
2. Use the editor to customize your widget. You can:
- Change the widget size.- Adjust its position.
- Select a different widget shape.
- Enable the Attention Grabber.
3. Click Save when you’re done.
Modifying your widget content
Changing your widget language
Customizing the widget header and body cards
Change how the widget behaves on your site
Changing the widget position
Enabling the Attention Grabber
Maximize the widget automatically with JavaScript
Add the following code to your widget script before the closing </script> tag:
Your updated embed code should look similar to this:
Additional considerations
- After updating your widget settings in tawk.to, the changes are applied automatically. You don't need to generate a new widget code or re-embed it in Google Sites.
- If the widget doesn't appear, ensure you've copied the complete widget code from the correct tawk.to property and published your latest changes in Google Sites.
Related guides
- Click the green live chat icon
- Schedule a call with us
- Visit our community