1. Browse to SRSConnect directory
2. Open your website directory
3. In your website directory, create the following folders if they do not exist:
- css
- images
- scripts
- Content\fontawesome\v5.15.1
4. Copy the versaChatClient-2.3.0.css file from the SRSConnect\css folder to your website\css folder
5. Copy the images\versaChat folder from the SRSConnect\images\versaChat folder to your website\images\versaChat folder
6. Copy the versaChatClient-2.3.0.js and jquery-3.2.0.min.js files from the SRSConnect\scripts folder to your website\scripts folder
7. Copy the entire content of the SRSConnect\Content\fontawesome\v5.15.1 folder to your website\Content\fontawesome\v5.15.1 folder
8. Open your website page, the one you want the chat to be on, in an HTML editor such as notepad, and add the following lines inside the tags:
<link rel="stylesheet" href="css/versaChatClient-2.3.0.css" type="text/css" />
<link rel="stylesheet" href="content/fontawesome/v5.15.1/css/all.min.css"/>
<script type="text/javascript" src="scripts/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="scripts/versaChatClient-2.3.0.js" defer></script>
9. Save the file and reload your webpage to see the changes. The style of the versachatClient-2.3.0.css file can be edited if desired.
NOTE: If you have published your versaChatWebAPI at a different location than the default. Ensure you have updated this in the versaChatClient-2.3.0.js file. This is declared at the top of the page "webServicePath".
For example: Add the full site path var gWebServicePath = "https://yoursite.net/versaChatWebAPI/api/versaChatService/";