Custom Totals: A Complete Guide

Created by Mike B, Modified on Sat, 13 Apr at 7:11 PM by Génesis Gómez

Introduction

Show multiple results and custom totals by placing the calculator total anywhere on your website using a shortcode

You can either show the original total price or manipulate it with math for certain use cases (comparing competitive pricing and much more).





Benefits, Features & Use Cases 


Show multiple results by:

  • Display the calculator's total cost again somewhere else on the page. Use CSS code to style the way you want.
  • Combine two calculator totals that are on the same page.
  • Competitor Pricing -  compare your pricing to a competitor's pricing. A custom total shortcode should be added and multiplied by 1.15 if their prices are 15% higher than yours.
  • Show Monthly Pricing -  calculate the monthly cost by dividing the total price by 12
  • Display a Price Range



Watch It In-Action

In this GIF example, we are showing what it would look like if you were to compare your competitor's pricing.







How to Activate & Use This Feature


Settings & Options


Enter the IDs of each calculator as we did below. In this example, we're combining calculators #5 and #7

• Display the calculator total cost again somewhere else on the page
[scc_calculator-total type='text' idvalue='2']


Combine Multiple Calculators

Combine two calculator totals that are on the same page Enter the IDs of each calculator as we did below. In this example, we're combining calculators #5 and #7

[scc_calculator-total combine='5,7']



Currency Symbols

Use the currency-symbol attribute to disable the currency symbol. 
This attribute works if you use the 'combine' attribute.

[scc_calculator-total combine='5,7' currency-symbol=0]



Currency Comma Format


Use the comma-separator attribute to switch the mode of the comma separator between 'default' and 'comma'. By default, the browser locale-based formatting will be applied. If you want to have the commas regardless of the region, set the parameter to comma-separator=comma

[scc_calculator-total combine='5,7' currency-symbol=0 comma-separator=comma]


Apply Math

To apply math operations over the total value or the combined total value, you can use the 'apply-math' attribute. 

[scc_calculator-total combine='5,7' currency-symbol=0 apply-math="divide:2"]

Here, the 'divide:2' is the math type, followed by the value the total amount should be divided against. You can use the multiply, add, and subtract operation over the value returned by the shortcode. Here are the example.


[scc_calculator-total idvalue='2' apply-math="divide:2"]
(divides the value by 2)

[scc_calculator-total idvalue='2'  apply-math="multiply:20"]
(multiplies the value by 20)

[scc_calculator-total idvalue='2'  currency-symbol=0 apply-math="add:21"]
(adds 21 to the value)

[scc_calculator-total combine='5,7' currency-symbol=0 apply-math="subtract:2"]

(combines two calculators & subtracts 23 from the value)



Add to Webpage

In this example, we use Elementor to add the shortcode.

 



Video Tutorial








Additional Information


Related Blog Post

https://stylishcostcalculator.com/features/multiple-totals/  



Related Features


Section Subtotals: A Complete Guide



Limitations

  • The custom totals can only show on your webpage, it cannot show on Email Quote, PDF or Detailed List View.
  • This feature is not compatible with the Price Range feature.








Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article