Try Demo Code

Kit Builder - Demo Code

Note container width: the width of the container currently needs to be between 960px or 980px.

Option 1

This script loads the Kit Builder into the container it's pasted in. Simply copy & paste the below script into the correct page on your website.

<div id="kb-autoload"><noscript>The Kit Builder requires JavaScript to be enabled</noscript></div>
<script src="https://api.kitbuilder.co.uk/api/bootstrapper?distributorId=668216"> </script>

Option 2

Alternatively, this script will load the Kit Builder into a specific container:

<div id="kitBuilder"><noscript>The Kit Builder requires JavaScript to be enabled</noscript></div>
<script src="https://api.kitbuilder.co.uk/api/bootstrapper?distributorId=668216"> </script>
<script> KitBuilder.init("#kitBuilder"); </script>

Copy the conatiner labelled id="kitBuilder" to the correct page on your website.

If you encounter any problems with these methods the easiest solution is to put the first script into an <iframe>.

Kit Builder - Quick Start Guides

WordPress - Kit Builder Demo Code
Umbraco - Kit Builder Demo Code
WIX - Kit Builder Try Demo Code
Joomla - Kit Builder Demo Code
Drupal - Kit Builder Demo Code

*Please note that we cannot guarantee compatibility with all versions of the software above, although if you do encounter an issue please feel free to contact us and let us know.