Publishing Calculators On Your Website

With our single line of JavaScript, you can easily publish calculators on any page of your website.

Our technology works seamlessly using a simple JavaScript embed code. You can access that embed code once you're logged into your account. Here's how it all works. 

Q: How do I publish my new calculators?

A: You'll need to place our single line of JavaScript code on your site in order to make the product work. There's a global site script tag that should be published in the <header> of any page where you want the calculator to appear, as well as a <div> embed code, which is unique to each calculator and should be placed exactly where you want the full calculator to display. 

Q: What do the tags look like?

A: There are simple lines of JavaScript you'll need to install.

The first is a Global Site Script, which should be published on all of the pages where you want a calculator or widget to display.

<script src=''></script>
The second is the calculator embed code, which should be placed exactly where you want the full calculator to appear on the page (note the site script must be on that page as well).
<div id='sgi' data-guid='2b5b1148-5240-4da3-8a41-35f8ee3aa8f8'></div>

Q: Where do I find my embed code?

A: The embed code can be found in a few places. The first is on your manage calculators page. Each calculator will include a "publish" link, which contains the global site script as well as the unique div to launch the specific calculator. The next way to grab the global script tag is on your widget page by clicking "Embed" you'll instantly copy the site tag to publish in the <header> or your site. 

Q: If I need to make updates will the embed code change?

A: No, once you’ve added the embed code to your site, any changes to the calculators done via the platform will automatically show up. The code won’t change, and you can do all the customization you need in real-time.

Q: Where is the optimal place to add the script tag?

A: To ensure the script loads as fast as possible, add the script tag to the header of the page. The code loads from the top to bottom, so if you add it to the footer, it will have to wait for everything else before beginning to load, and you may notice a delay before the calculators render.

Q: Can I publish the script tag using a tag manager (i.e. Google Tag Manager)

A: Yes, we highly recommend using something like Google Tag Manager to roll out the script tag. Here's what you'll need:

  • Set up a custom HTML tag that includes your unique global site script
  • Next, you will need to set up a trigger for it to fire on All Pages or the specific pages where you want your calculators to appear.

Q: Can I publish the script tag on my front-end JavaScript CMS, built on something like React, Vue, Angular, Ember, etc? 

A: Yes, here is a link to the technical instructions with the full details

Q: Is the embed code going to conflict with other elements on the page?

A: All of the code is written to be completely modular and self-contained. It shouldn’t interact with any of the existing code, or any of the elements on your page.

 Q: Are there site speed concerns?

A: Initial page load should not be impacted by placing the script on the page. However, if your team has multiple scripts in the header, the script can be placed in the footer with little to no impact on load time.