Call Now: (+44) 0800 1182024
Lines open 09:30 to 17:00 GMT

Developers

Chat To An Agent
Agent Login

Quick Start Guide

Copy and paste the following code where you want the chat window to be:
<script type="text/javascript" src="http://secure.webagentchat.com/api/chat-client.js"></script>
<script type="text/javascript">var wachat_client = new WAChatClient();wachat_client.init();</script>
<div id="wachat-root" style="display:none"></div>
<div id="wachat-client" style="overflow:hidden; width:480px; height:520px">
		
For a more detailed guide please see the Website Integration Tutorial.

Website Integration

There are several ways you can integrate Web Agent Chat into your website depending on your needs however the integration itself is always very simple.

Website Integration Tutorial

Website Integration Examples

Design Customization

There are 3 different levels of customization in Web Agent Chat. It is important to pick the customization which suits your talents and requirements.

Administrative

This is the most basic level of customization.

This method allows you to do the following:

  • Change the Logo image found on the default chat layout
  • Change the text displayed on the register form

Administrative Custmization Tutorial

Style Override

This is an intermediate level of customization and requires a good knoweledge of CSS.

This method allows you to do the following:

  • Change font, size and color on the default chat layout
  • Change background color on the default chat layout

Style Override Customization Tutorial

Style Override Customization Examples

Desgn Style Override Reference Guide

Layout and Style Override

This is the most advanced level of customization and requires a good knowledge of HTML and CSS, but provides the best results.

It allows the entire layout and look of the chat to be changed.

This is perfect if you want to add a certain theme to the chat to fit in with your existing website or to think completly out of the box!

Layout and Style Override Customization Tutorial

Layout and Style Override Customization Examples

Layout and Style Override Customization Reference Guide

Salesforce Integration

Integration with salesforce occures when the agent saves the contact, and when the agent closes the chat

You are able to add your own fields to the integration using the administrative pannel found in the agent portal

Salesforce Integration Tutorial

Salesforce Integration Examples