Acorn Finance New Payment Estimator Production DEMOS

Version: 1.x.x

Demo Links

Demo Web Component On Page - Standard

Example Code for above Web Component

Put in <head>


      <script async type="module" src="https://widgets-cdn.acornfinance.com/payment-estimator/dist/af-payment-estimator.min.js"></script>
    

Put in <body>


      <acorn-payment-estimator d="QRS-QUOTE" amount="5501" subPurpose="Fencing"></acorn-payment-estimator>
    

Demo Web Component On Page - Fixed 9.99%

Put in <body>


        <acorn-payment-estimator d="QRS-QUOTE" amount="5501" subPurpose="Fencing" promo="fix-60-9.99"></acorn-payment-estimator>
      

Demo Web Component On Page - Zil (zero interest) for 12 Months

Put in <body>


    <acorn-payment-estimator d="QRS-QUOTE" amount="5501" subPurpose="Fencing" promo="zil-12"></acorn-payment-estimator>
  





Payment Estimator Parameters / Attributes

Parameter / Attributes Value Purpose
d Dealer id, IY860, WCT-MN518, QR19I, QRS-QUOTE, etc (default ACN-PAYEST) Track Company User / Dealer id for each application
amount $ Amount 1,000 to 100,000 (default: $10,000) Prefill loan amount
subPurpose Pool, Solar, Basement, etc. Use %26 for the ampersand (&), (default: Other interior remodeling) Prefill SubPurpose
buttonColor Hex Color value: FF0000 for red, etc Button, Slider, Key Values set to this color
buttonTextColor Hex Color value: FF0000 for red, etc Button Text Color
showButtonTitle true or false lower case (default: true) Show or hide Title above Find Your Loan button of “Get securely pre-qualified with no impact to your credit score.”
showFindLoanButton true or false lower case (default: true) Show or hide Find Your Loan button
buttonLabel Check%20Offers, Continue, etc (default: FIND YOUR LOAN) The button label to link to the loan application. Keep it short
promo fix-12-9.99, fix-24-7.99 zil-12, zil-24, etc Show Promo Plans, prefix fix or zil, months, rate if fixed