Feedback Widget and Live Chat/Help Service - Plupper

Create an account

First of all, you should be registered as a Plupper user. You can create a new account here.

Web site setup

Place Plupper widget on your website

Copy & paste the following snippet to place the plupper widget to your page:
Show Plupper Button
Show Side Badge
Enable Cobrowsing

Note: The plupper.init("accountName@plupper.com"); line should be replaced by your valid Plupper account name.
Example: plupper.init("John@plupper.com");

Advanced Setup
Tips & Tricks

Plupper Button	<!-- Plupper Button --> <div id="plupperButton"></div> <!-- End of Plupper Button Code --> Remove this part of the code if you don't want to show "classic" plupper button on your website.
Side Badge	`plupper.showSideBadge("left", "30%");` You can configure this line of code in the following way: 1First parameter means "orientation" of your badge. Possible values are "left", "right" or "bottom". 2Second parameter is "position" on your website. You can specify this parameter in "%" , "px" or "em". 3Remove this line if you don't want to show plupper side badge.
Embedded	To enable embedded plupper window in your webpage add this line to your plupper tracking code. `plupper.enableEmbedded("500px");` 1Function takes one parameter - width.
Cobrowsing	`plupper.enableCobrowsing();` You can remove this line to disable "cobrowsing" feature of plupper.
Your Element	If you need to initiate plupper from other element on your site, you can attach `onclick="plupper.start('accountName@plupper.com')"` function to any of your website element.
Dialog mode	If you want to open plupper widget as dialog window, you can use eg.Shadowbox media viewer in following way. <a id="plupperDialog" rel="shadowbox;height=320;width=600" title="Chat with us" href="#">Chat With Us</a> <script type="text/javascript" src="https://static.plupper.com/js/plupper.js"></script> <link href="shadowbox.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); var account = "yourAccountName@plupper.com"; var visitor = plupper.getVisitorUUID(); var link = document.getElementById("plupperDialog"); link.setAttribute("href", "https://www.plupper.com/widget?p=" + account + "&v=" + visitor); </script> Try it here

Connect with your XMPP/Jabber messenger

Configure a new account in any XMPP/Jabber compatible client. Here are step-by-step configuration guides for chat clients, which support Plupper:

Adium

If you can't find your client in the table above, use the following parameters to set it up:

Protocol	Select XMPP or Jabber protocol.
Username	Use your full account name "accountName@plupper.com" (e.g. John@plupper.com).
Password	Use your account password.

Done

You are ready to use Plupper. Enjoy!