Tuesday, July 26, 2011
p3chat quick setup instruction
First of all you need to register witht he service. You don’t have to use your customer support representative’s contact info. It’s best to use your own contact info, and your password, to do that.
We recommend using XMPP (jabber) accounts as the most stable and reliable to date.
Configure the operator
Let’s continue configuring the chat for our web site, and we’re getting closer. Now you can configure the button that your web site visitors will see and click to open the online chat. You can also configure the button location on the page – see “Float button” and “Inline button” sections. As you can see from the name, the floating button will be always visible on the side of the web page (it can be either left, right, top or bottom side), and it will not scroll when the page content is scrolled. If you use the inline button, you are free to place it wherever you like. Let’s say, in the “Contact Us” section of your web site.
For the button design (meaning the button image) you can either upload a custom image, or specify an existing button design URL. The default button design is in English. If your language is any other than English, you will have to worry about creating the button design that matches your language of choice.
Normally you’d want to allow visitors leaving offline messages. You can do this by checking “Enable offline messages” option and entering the contact email address. After you specify the contact email address, you will receive a confirmation email and will need to confirm the email address.
If you wish to be able to review the whole history of conversations between visitors and operators, you will need to enable “Store all message history” option in the “History Settings” section.
The last thing for you to configure is the chat window size and position. The online chat is not using the pop up window technique by default. Using a pop up window could get your web site banned from search engines and would force your users to go through a bunch of browser security dialogs. Instead the chat is loaded in a safe and friendly AJAX dialog. As for the width, some international localizations are better viewed with window width of 320 or more, otherwise your visitors might not see parts of the UI labels.
Integrate the chat service into your web site
In fact, the integration is quite easy — you just need to insert the chat widget HTML code into your web site source code. Please follow the following simple rules:
1. Copy script from “Widget HTML Code” and “Inline button” sections. Make sure it looks exactly the same to avoid typing errors.
2. Paste it at the bottom your web page source code, right before the <body> tag closure (before </body>). In case if you have any other scripts with the same recommendation (say, Google Analytics) just put P3chat’s widget source code above of them.