Step 1 - New Page

To enable the configurator we need to create a new page in the directory of
your website, this page will handle the login and widget destinations.

Please note that the page width must be at least 1400px to function correctly.

1. Add a page to your website directory and give it a logical name, the location of this page is the redirect url we will use in the widget.

For example: ‘/configurator.html'

2. Inside the page add the following script before the </body>:

<script src="https://configurator.speakintelligence.com/Scripts/jquery-2.1.4.min.js"></script>
<script src="https://configurator.speakintelligence.com/Scripts/jquery-ui-1.11.2/jquery-ui.js"></script>
<script id="si_widgetJs" type="text/javascript" src="https://configurator.speakintelligence.com/Scripts/
Widget/configurator.min.js"></script>

<script>$(document).ready(function(){configurator.init('/configurator.html');});</script>

<div id="si_configuratorContainer"></div>

Replace ‘/configurator.html’ with your link to the new page, don’t remove
the apostrophes. For example, if you are using the widget on a website with clean URLs, you will use: {configurator.init('/mycleanurl/');}

Please note: If you are using Wordpress, you should use jQuery(document).ready(function($) to call the function.