Install Grata’s Web Chat Plug-in


Copy and paste one line of code to add Grata chat to your website.


Grata’s multilingual web chat lets you exchange text, images, and link cards with your web site visitors. Agents are able to see the customer’s current page, pageview history, and real-time updates with each page load. You can set chat to be hide automatically when your team is busy or during your offline hours. Grata’s web chat loads asynchronously so it won’t slow down your site load time. You can further customize your implementation using our growing collection of web chat developer tools.

Follow the simple steps below to add Grata’s web chat window to your desktop and mobile website.  


1. Grata Admin < Web Chat

Log-in to your Grata account and open the Grata Web Chat settings page from the admin backend. You may want to first customize the look and feel of your chat window before adding it to your site, but you can make updates to the behavior and appearance at anytime later as well.  


2. Copy your web chat code

Clip on the “Copy plug-in code” button on the top right of the screen.  


3. Where do you want to install web chat?

Paste the code into your website source code

In your website’s HTML file, paste the Grata code snippet just before the closing body tag of your site (</body>), and save the file.

Create a new tag

If you are using a tag manager like Tealium or Google Tag Manager, create a new “Custom HTML” tag. Paste your Grata code snippet in the html field. In the Triggers section, set Grata to open on all pages or set custom triggers.

Save and submit your changes.

Paste the code in WordPress

Open your WordPress backend and under the Appearance section in the side menu, select Widgets. Find your Footer text widget and select the Text tab. Paste the code at the end of any footer text. Click save.

Chat should now be live on your site. Check out Grata’s developer tools if you want to explore further customizing your web chat.