HALO

Lumiant’s HALO assessment is the fastest, easiest way to plan for a lifetime of health and care costs.

Installing the HALO button on your site is easy!

Below are our "LIGHT" and "DARK" options. Want some customization, just ask!


Take the HALO Assessment

Take the HALO Assessment


How to Embed the HALO Assessment on the Company Website

The example HTML snippet above shows how easy it is to embedd the HALO assessment on your webpage.

There are three main aspects to add to the HTML of the page you would like to embed the widget:

  1. The CSS file:
    This is the Lumiant style guide. A link to the style guild should be placed at the end of the <head> section of your html to ensure no other styling overrides it.

    <link rel="stylesheet" href="https://halo.lumiant.io/halo/css">

  2. DIV Location:
    This is where you set the location on your website to where you would like the HALO Assessment Button to be placed. The id of the <div> MUST BE lumiant-halo-root.

    <div id="lumiant-halo-root"></div>

  3. The JavaScript File:
    This is the last step to ensure that the the HALO assessment works properly on your page is to pull in the HALO JavaScript file. Place the below <script> tag just before the close of your tag.

    <script src = "https://halo.lumiant.io/halo/js" async></script>

The HALO Assessment Button will appear on your page