Getting Started

Code Customerfocus widgets are built on top of jQuery JavaScript Library.

As JavaScript is executed after the page has loaded, the standard method is to include it at the bottom of the page before the </body> tag.

<!-- load script at the bottom of the page before end of body -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
	jQuery(function($){
		// any procedure here that uses jQuery
	});
</script>

Code Customerfocus libraries should be included after the jQuery library.

Please note, Code Customerfocus libraries should be included from source (our URL) not downloaded and re-uploaded to your own site. This ensures that you are using the latest version.

If you already have jQuery loaded, you can use Bundler to just load the required plugins.

<script src="//code.customerfocus.com/libs/bundler/?technologovs|artworktool.js"></script>

or you can include the jQuery library and the required plugins.

<script src="//code.customerfocus.com/libs/bundler/?jquery|technologovs|artworktool.js"></script>

Then all that's required is the code to execute the plugins.

<script>
	jQuery(function($){
		$('.technologovs').technologovs();
		$('.artworktool').artworktool({"apiKey":"A1B2C3D4E5F6"});
	});
</script>

That's it, you're ready to move on to the docs.