Basic setup ChatShipper Webwidget
Installation of the ChatShipper Web widget in its basic version is simple.
Head over to:
Organisation settings > Integrations > Webwidget, and copy paste your widget code.
There is two options:
1. Add snippet to website header
Add the code snippet to your website header. This is the recommended option
...your website contents here...
2. Add snippet to GTM
You may also choose to add the code snippet to Google Tagmanager.
If you're using Google Tag Manager (or any other tag management system that removes data attributes), the method above will not work. In that case, add the following code at the end of the body section on your page.
var el = document.createElement('script');
To customize your Web widget you can:
- Change colors
- Choose Display style (Button or horizontal tab)
- Set button size
- Add your custom button icon
- Set a custom background image
Advanced web widget settings
There is more then 150 variable settings that can be applied to the ChatShipper Webwidget. These can be set through the advanced setting link.
It opens a (Json) code editor:
The advanced Webwidget options are documented on our developers docs, please have a look.
You can customize your business branding by adding your Business name and logo.
Set them via: organisations setting > configuration > organisation details
The ChatShipper Webwidget supports all popular browsers.
- Chrome: Latest and one major version behind
- Edge: Latest and one major version behind
- Firefox: Latest and one major version behind
- Internet Explorer: 11+
- Safari: Latest and one major version behind
- Stock browser on Android 4.1+
- Safari on iOS 8+
Web Messenger is likely compatible with other and older browsers but we only test against the versions above.