templates/resources/savings-calculator.twig line 1

Open in your IDE?
  1. {% set title='Automated Billing Software Savings Calculator' %}
  2. {% set metaDescription='Do you know how much money you\'re losing due to inefficient accounts receivable process? Use our calculator to find how much you could be saving.' %}
  3. {% set canonicalUrl=url('savings_calculator') %}
  4. {% extends "parent.twig" %}
  5. {% block content %}
  6.     <section class="content savings-calculator">
  7.         <div class="container">
  8.             <h1 class="title">A/R Automation ROI Calculator</h1>
  9.             <h2 class="subtitle">How much ROI can you get with Accounts Receivable Automation?</h2>
  10.             <p>
  11.                 Enter in some basic information about your A/R process to see how much you could save with Invoiced.
  12.             </p>
  13.             <div class="row savings-calculator-holder">
  14.                 <div class="col-sm-8">
  15.                     <div class="savings-calculator-input">
  16.                         <div class="savings-input-form">
  17.                             <h4>How many invoices do you send?</h4>
  18.                             <div class="row">
  19.                                 <div class="col-sm-6">
  20.                                     <div class="form-group">
  21.                                         <div>
  22.                                             <input type="number" class="form-control calculation-input" name="num_invoices" id="numInvoices" placeholder="e.g. 10,000" required />
  23.                                         </div>
  24.                                     </div>
  25.                                 </div>
  26.                             </div>
  27.                             <h4>How much time do you spend per invoice?</h4>
  28.                             <div class="row">
  29.                                 <div class="col-sm-6">
  30.                                     <div class="form-group">
  31.                                         <label class="control-label">
  32.                                             Sending an invoice (minutes)
  33.                                         </label>
  34.                                         <div>
  35.                                             <input type="number" class="form-control calculation-input minutes-spent" name="minutes_sending_invoice" placeholder="Average is 3 minutes" />
  36.                                         </div>
  37.                                     </div>
  38.                                 </div>
  39.                                 <div class="col-sm-6">
  40.                                     <div class="form-group">
  41.                                         <label class="control-label">
  42.                                             Following up on an invoice (minutes)
  43.                                         </label>
  44.                                         <div>
  45.                                             <input type="number" class="form-control calculation-input minutes-spent" name="minutes_following_up_per_invoice" placeholder="Average is 15 minutes" />
  46.                                         </div>
  47.                                     </div>
  48.                                 </div>
  49.                             </div>
  50.                             <div class="row">
  51.                                 <div class="col-sm-6">
  52.                                     <div class="form-group">
  53.                                         <label class="control-label">
  54.                                             Handling and reconciling incoming payments (minutes)
  55.                                         </label>
  56.                                         <div>
  57.                                             <input type="number" class="form-control calculation-input minutes-spent" name="minutes_handling_payment_per_invoice" placeholder="Average is 10 minutes" />
  58.                                         </div>
  59.                                     </div>
  60.                                 </div>
  61.                                 <div class="col-sm-6">
  62.                                     <div class="form-group">
  63.                                         <label class="control-label">
  64.                                             What is the hourly wage of your accounts receivable staff?
  65.                                         </label>
  66.                                         <div class="input-group">
  67.                                             <span class="input-group-addon">$</span>
  68.                                             <input type="number" class="form-control calculation-input" name="hourly_wage" id="hourlyWage" placeholder="36" />
  69.                                         </div>
  70.                                     </div>
  71.                                 </div>
  72.                             </div>
  73.                             <h4>Are you failing to collect all of your accounts receivable?</h4>
  74.                             <div class="row">
  75.                                 <div class="col-sm-6">
  76.                                     <div class="form-group">
  77.                                         <label class="control-label">
  78.                                             What percent of invoices are you unable to collect?
  79.                                         </label>
  80.                                         <div class="input-group">
  81.                                             <input type="number" class="form-control calculation-input" id="percentUnableToCollect" name="percent_invoices_unable_to_collect" placeholder="5" />
  82.                                             <span class="input-group-addon">%</span>
  83.                                         </div>
  84.                                     </div>
  85.                                 </div>
  86.                                 <div class="col-sm-6">
  87.                                     <div class="form-group">
  88.                                         <label class="control-label">
  89.                                             What is the average invoice amount?
  90.                                         </label>
  91.                                         <div class="input-group">
  92.                                             <span class="input-group-addon">$</span>
  93.                                             <input type="number" class="form-control calculation-input" id="averageInvoiceAmount" name="average_invoice_amount" placeholder="2,500" />
  94.                                         </div>
  95.                                     </div>
  96.                                 </div>
  97.                             </div>
  98.                             <p>Privacy Notice: None of the information entered here is captured or stored by us.</p>
  99.                         </div>
  100.                     </div>
  101.                 </div>
  102.                 <div class="col-sm-4">
  103.                     <div class="savings-calculation-result-holder">
  104.                         <div class="savings-calculation-result hidden">
  105.                             <div class="total" id="calculationTotal"></div>
  106.                             <div class="title">Potential savings</div>
  107.                         </div>
  108.                     </div>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </section>
  113.     <!-- Call to Action -->
  114.     <section class="call-to-action-dark">
  115.         <div class="container">
  116.             <h2>Automate A/R</h2>
  117.             <p>Want to see how we can help you achieve these savings?</p>
  118.             <div class="buttons">
  119.                 <a href="{{ path('schedule_demo') }}" class="btn btn-lg btn-coral request-demo" data-label="Savings Calculator">
  120.                     Schedule a Demo
  121.                 </a>
  122.             </div>
  123.         </div>
  124.     </section>
  125.     <script type="text/javascript">
  126.         $(function() {
  127.             $('.calculation-input').change(calculate);
  128.             $('.calculation-input').keyup(calculate);
  129.             function calculate() {
  130.                 // Time Savings
  131.                 var wage = Math.max(1, parseNum($('#hourlyWage').val()));
  132.                 var numMinutesPerInvoiceFloor = 1;
  133.                 var numMinutesPerInvoice = 0;
  134.                 $('.minutes-spent').each(function() {
  135.                     var val = parseNum($(this).val());
  136.                     if (val > 0) {
  137.                         numMinutesPerInvoice += val;
  138.                     }
  139.                 });
  140.                 var numMinutesSavings = numMinutesPerInvoice - numMinutesPerInvoiceFloor;
  141.                 var numInvoices = Math.round(parseNum($('#numInvoices').val()));
  142.                 // Bad Debt Savings
  143.                 var percentUnableToCollect = Math.max(0, Math.min(100, parseNum($('#percentUnableToCollect').val())));
  144.                 var averageInvoiceAmount = parseNum($('#averageInvoiceAmount').val());
  145.                 var savings = wage * (numMinutesSavings * numInvoices) / 60 + (percentUnableToCollect / 100.0 * numInvoices * averageInvoiceAmount);
  146.                 if (!isNaN(savings) && savings > 0) {
  147.                     $('.savings-calculation-result').removeClass('hidden');
  148.                     $('#calculationTotal').html('$' + Math.round(savings).toLocaleString());
  149.                 } else {
  150.                     $('.savings-calculation-result').addClass('hidden');
  151.                 }
  152.             }
  153.             function parseNum(str) {
  154.                 return parseFloat(str.replace(/[^\d.-]/g,''));
  155.             }
  156.         });
  157.     </script>
  158. {% endblock %}