1. Help Center
  2. Getting Started

Publishing Calculators On Your Website

You can use our embed code to publish calculators on any page of your website.

Our technology works seamlessly using a simple JavaScript embed code. You can access that the 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 simple lines of JavaScript placed 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.

1. Global Site Script: This should be published on all of the pages where you want a calculator or widget to display.

Example:
<script src='https://embed.signalintent.com/js/embedded.js?org-guid=bc0e13c9-de7d-47f3-ba75-2d8d1a2808b2'></script>

2. Calculator Embed Code: Place this exactly where you want the full calculator to appear on the page (note the site script must be on that page as well).

Example: 
<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 you 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 changes to the calculator design or inputs, 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: Is this embed code going to cause a conflict with other scripts, code, or elements on the page?

No. 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?

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.