# Awesome! You're ready to start chatting!

You can use the button and widget below to try the software before you place the HTML code on your web site. When you are ready to add the code to your website, please follow the steps below.

# Step 1

The HTML code below is used to monitor your site visitors and setup the chat widget. Please insert this code between your <head> and </head> tags.

    <script type="text/JavaScript" src="http://www.example.com/livehelp/scripts/jquery-latest.js"></script>
    <script type="text/javascript">
    <!--
    	var LiveHelpSettings = {};
    	LiveHelpSettings.server = 'www.example.com';
    	LiveHelpSettings.embedded = true;

    	(function($) {
    		$(function() {
    			$(window).ready(function() {
    				// JavaScript
    				LiveHelpSettings.server = LiveHelpSettings.server.replace(/[a-z][a-z0-9+\-.]*:\/\/|\/livehelp\/*(\/|[a-z0-9\-._~%!$&'()*+,;=:@\/]*(?![a-z0-9\-._~%!$&'()*+,;=:@]))|\/*$/g, '');
    				var LiveHelp = document.createElement('script'); LiveHelp.type = 'text/javascript'; LiveHelp.async = true;
    				LiveHelp.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + LiveHelpSettings.server + '/livehelp/scripts/jquery.livehelp.min.js';
    				var s = document.getElementsByTagName('script')[0];
    				s.parentNode.insertBefore(LiveHelp, s);
    			});
    		});
    	})(jQuery);
    -->
    </script>

# Step 2 (Optional)

The HTML code below is used to display the live chat Online / Offline button. Please place this code where you wish the button to appear.

    <!-- Start Chatstack / Live Chat Button //-->
    <a href="#" class="LiveHelpButton default"><img src="http://www.example.com/livehelp/status.php" id="LiveHelpStatusDefault" name="LiveHelpStatusDefault" border="0" alt="Live Help" class="LiveHelpStatus"/></a>
    <!-- End Chatstack / Live Chat Button //-->

Copyright © 2003-2016 Stardevelop Pty Ltd All Rights Reserved - Live Chat Software