Customize the chat widget
Everything about how the chat looks and behaves on your site lives in Settings → Chat widget.
In the desk
- Style — round button, side tab or 3D button.
- Colour — the accent of the button and the chat header.
- Corner and offsets — bottom-right or bottom-left, and how many pixels from the side and the bottom.
- Hidden until an agent writes — no button on page load; it appears when someone from your team starts the conversation.
- Allow page commands — lets agents reload the visitor's page or open another page of your site for them.
Changes reach open widgets on your site without a deploy.
In code
Options on the widget’s script tag win over the desk settings, so you can use a different colour or language on one part of your site:
<script src="https://js.pong.ee/YOUR_PUBLIC_KEY"
data-theme="auto" data-language="ru" data-color="#16a34a" async></script>All attributes, and the PongSetup object for developers, are listed in PongSetup options.
On phones
On phones the chat opens full screen, fits above the keyboard and respects the notch and home bar. Inputs use a 16px font, so iOS does not zoom in.