Spend Estimator

Basics

A marketing tool used primarily for showing how much users could save on their SAM program by using Anglepoint. It is intended just be dropped in, especially on the www.anglepoint.com website. Something to consider is that you'll want to keep this library up-to-date to ensure the data you're calculating is also up-to-date.

Copy
html
<ap-spend-estimator></ap-spend-estimator>
Expand

Customization

You can't customize this much, except for the call-to-action that appears after the form is submitted and the visuals render. There are two slots, cta, which offers the invitation, and cta-button, which is the actual link or button you want users to click.

Copy
html
<ap-spend-estimator>
    <div slot="cta" style="color: #fff">Find out how much you could save!</div>
    <a slot="cta-button" class="button-link white-font" href="/contact">
        Contact Us
    </a>
</ap-spend-estimator>
Expand

Demo

If you want to have the form auto-fill itself as a demonstration, simple add the demo boolean attribute to the element, even after the element has rendered.

Copy
html
<ap-spend-estimator data-demo></ap-spend-estimator>
Expand