Basic usage

The simplest way to add our <script> tag is inside the <body> of your webpage, in the exact location you want our quote engine to appear. You could add it inside a <section> tag, like this:

<script async defer id="truequote_script" src="https://truequote.co.uk/quote/[INSTALLER-ID]/js"></script>

Adding our Quote Engine to your website is as easy as that. It should be no more than a simple copy/paste of our script tag into your webpage.

Example webpage

Below is an example HTML page with some typical elements you'd expect to find, such as <head>, <body>, <header>, <section> and <footer> tags. Our script tag has been added inside the page body, between the header and footer sections.

<html>
  <head>
    <title>My Installer Website</title>
  </head>
  <body>
    <header>
      <menu>Home</menu>
      <menu>Online Quote</menu>
      <menu>Contact Us</menu>
    </header>
    <section>
      <script async defer id="truequote_script" src="https://truequote.co.uk/quote/[INSTALLER-ID]/js"></script>
    </section>
    <footer>
      <p>(c) MyInstallerWebsite</p>
    </footer>
  </body>
</html>

Once your webpage loads, our <script> tag connects to our servers to check the installer's account and load their settings. If the account is active, our quote engine appears on your webpage exactly where you have added our script tag.

Troubleshooting

If you add our script and our quote engine does not appear, or does not open correctly, check the following:

Do not add our script inside the <head> or below the </body> tag — our quote engine will not be visible on the page.

Do not add our script more than once on the page.

Call to action

When our Quote Engine loads, it works out of the box and displays a basic call-to-action with a Get a Quote button.

Depending on the design of your website, you may want a simple call to action or a full landing page. Heating installers can configure the design of this call to action from within their TrueQuote account.

As a web developer, you can design your own call to action / landing page and launch our quote engine from your own buttons. We explain this further in the Advanced Usage page.

Progress

2 / 8 read25%