Live help buttons

The button images used on your website can be replaced through Sales-n-Stats web appearance interface. For more information on how to use it read the 'Sales-n-Stats web appearance' section.

If this functionality is unavailable for some reason, you can manually replace and activate the necessary button images. Here is what you need to do.

1. First thing you need to do is upload your image files to the website. Please note that you need to have a pair of images - one for the 'Live help' button and the other for 'Leave a message' button - in .gif format. Place them in the 'buttons' directory located inside of your collector directory. Several pairs of button images included during the installation are already there, all named according to the pattern.

To follow the pattern you should name your new image files xyzlive_help.gif and xyzleave_message.gif where

'live_help.gif' and 'leave_message.gif' are suffixes which determine which image is used for which button, and

'xyz' is a part, common for a pair of files. You will need that common part to identify a pair of buttons later in the integration code.

2. The next step is to reference the necessary images in your integration code which you have in every website page. Find a parameter 'btn=" and substitute its value with the common part of the file names, the one which comes before 'live_help.gif' and 'leave_message.gif'.

For example, if your button images are named xyzlive_help.gif and xyzleave_message.gif, in your integration code you should have:

Note:

if you place your buttons in a nested directory inside of the 'buttons' directory, make sure you have provided a path relative to the 'buttons' directory. For example, you create a new directory and put all your custom buttons there. Then the integration code will have to contain "btn=my_new_directory/xyz"

The script searches for suitable files in the 'buttons' directory first, and then, if it cannot find anything suitable there, it scans the 'templates' directory. That is why you can also place your image files there, assigning them to different template sets if you like. The integration code will not differ, but please remember to put in the relative path, if your image files are stored in nested directories in the 'templates' folder.

For example, you store your button images in the 'templates/my_templates/template1/images' directory. They are namedxyzlive_help.gif and xyzleave_message.gif. Then in your integration code you should have: