You can use our embed code to publish calculators on any page of your website.
Q: How do I publish my new calculators?
Q: What do the tags look like?
1. Global Site Script: This should be published on all of the pages where you want a calculator or widget to display.
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).
<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.