Custom Price Calculator
  • English
Go to website
Back
Articles on:Building Calculators
Learn to create and customize calculators with formulas, inputs, styling, advanced logic, and Shopify integrations.

Categories

  • Building Calculators
  • Quick Start
  • Variants
  • Troubleshooting
  • Creating a Formula
    The formula is the price that the customer will see on the product page and will be calculated dynamically and displayed live as their input changes. In the formula section, you will need to define the formula based on the defined inputs in the elements. Supported Mathematical Functions: ​_The formula accepts: +, -, *_, / Do things in parentheses first: () ceil(label name) =>Rounds a number up to the nearest integer floor(label name) =>Rounds a number down to the nearest integePopular
  • Adding a calculator to Product Pages
    Important Notes: ​ This operation may take up to 2 minutes, please allow sufficient time for this to be completed. If you add a calculator to a product that already has a calculator, the previously embedded calculator will be removed. If you are new to the app, we recommend going through the basic tutorials starting with 5 Minute Tutorial! to understand how the app functions. ​ Unlike earlier when you had to add a script to a product description, the Custom Price Calculator apPopular
  • Element Types
    NOTE: You can conditionally hide and display elements using our conditional display feature. ​Important: Each element has to have a unique label name. ​ Dropdown: Displays a list of options in a dropdown menu. You assign a value to each option to be used in the formula. Radio Button: Displays a list of options in a Radio Button. You assign a value to each option to be used in the formula. Number input: Allows your customers to enter a numerical value to be used iSome readers
  • Customize Your Calculator's Appearance (Colors, Layout & Hiding Elements)
    Use the built-in styling panel to change colors, round corners, and set custom messages — no code needed. Plus: how to hide Shopify's native price, quantity, or variant elements from your product page.Some readers
  • Data Lookup
    This element allows your customers to enter two inputs and based on those inputs the calculator will look up the value from a table and use it in a formula. You can also use the inputs as values in the formula and not only the matched value. This video provides a step-by-step guide to the process. Step 1: Add the element Click + Add element, then select Data Lookup from the modal. The element will be added to your calcSome readers
  • How to Calculate the Number of Boxes on Shopify Using the Custom Price Calculator App
    Overview of creating a calculator for box and case quantities using the Custom Price Calculator app for Shopify. Key Benefits Customization: Easily create tailored pricing options for products. Flexibility: Adapt calculators to various products and services. Efficiency: Automates pricing and simplifies order management. Upselling Opportunities: Offer add-ons and increase revenue. **Enhanced User ExperiencSome readers
  • Implementing Quantity Field (Price per item and Total price)
    We made this help article because Shopify doesn't show the total price on the product page as it only shows once the item is in the cart. Here, we will help you implement the price per item on the product page to avoid confusion. To implement a quantity field in a calculator, just use a number input element from the list of elements In the properties of the number input element, just enable the toggle called "Use as Quantity" ![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/Some readers
  • How to use Metafield in the formula of a calculator?
    The custom price calculator gives a powerful feature to use the Shopify metafields in your pricing formula within the Custom Price Calculator. ​ Let us explain by an example of a tile store. A tile store would want to create a calculator that takes length and width from the customer and calculates the total area (Square Feet or Square Metre), then display the number of tile boxes based on the area and the total price based on the number of tile boxes. ​ Let us assume that the tile storeSome readers
  • Using Weights for Shipping
    Normally, custom products don't have predefined weights. Therefore, merchants cannot use the weights in Shopify product settings while using the Custom Price Calculator app. To enable merchants to use the Shipping feature in Shopify, the Custom Price Calculator allows you to calculate the weight of your products through a formula just like the price. Let us explain by an example of a Rug Store selling rugs of different sizes ​ As shown in the image below, we will add threFew readers
  • Conditional Display
    The conditional display allows you to show a specific element only if a condition is met. If you have a dropdown, image selector, or checkbox on your calculator you can display additional elements based on what option is selected in those elements. Just follow these steps: After having at least one of the qualified elements (dropdown, image selector, radio button or checkbox) on your calculator, add any additional element you want. Turn on "Conditional Display" Insert what value yFew readers
  • Using default Shopify price in formula - Single calculator for similar products with different price
    If you have a store with multiple products following the same pricing logic but with different default/base prices then you don't have to create a unique calculator for each product. You can use the same calculator with a variable - "shopify_product_price" instead of the constant value (price) in the formula. The variable - "shopify_product_price" would automatically detect the default price set by you for each product. *Please note, when you implement it and view it in the preview mode withinFew readers
  • How to Customize the Look and Feel of Your Calculator
    Change the colors, fonts, size, and layout of your Custom Price Calculator. Hide Shopify's default price or quantity fields, resize swatches, style dropdowns, and more — no coding experience needed.Few readers
  • Area (sqm, sqft) based discounts through data lookup element
    This will allow customers to calculate area-based discounts through the data lookup element. To understand how data lookup works, please refer to our help article on the Data Lookup element. Step 1: Add the number input element Click + Add element and select Number Input from the modal. Repeat to add a second Number Input element. Change the labels to Length and Width. ![](https://storage.crisp.chat/users/heFew readers
  • Quantity Discount with Number Input
    You can use the actual number entered by the user enters and the range-based value set by you in your calculations through a single number input element. Use the element name directly in the formula for retrieving the range-based value, and type the element name[actualvalue] in the formula to get the actual value entered by the user. Example: The most common use case of the above feature is Quantity Discounts. You can let the user enter the desired quantity and calculate the pFew readers
  • Adding Custom Javascript
    The feature allows you to improve your store with different JavaScript tools. It simplifies the use of JavaScript components and sets you free from tiresome code editing. ​_When it comes to improving your Shopify product page, this tool simplifies adding features. Online visitor tracking, alerts, and prompt messages, calendars, interaction sound for your content, maps, and many more helpful tools. The app makes it super easy for any developer to add any custom JavaScrip, and create and testFew readers
  • Building a Calculator
    You can click one of the following in the Create New Calculator section. Make sure you are on the Elements tab Click + Add element, then select the element type you want from the modal. The element will be added to your calculator list. You can add multiple elements, reFew readers
  • The File Upload Element: Complete Guide
    The File Upload element lets customers attach a file to their order — artwork, a photo, a logo, a spec sheet, or a reference document. This is essential for made-to-order, custom print, and personalization businesses where the customer needs to send you something before you can fulfill the order. This guide covers everything: adding the element, renaming its label, size and file-type limits, handling very large files, and troubleshooting. Adding a File Upload element Open your calculatorFew readers
  • How to Use the Photo Editor Element
    Implementing the photo editor is as simple as using our file upload feature. This new tool allows customers to edit their images with ease. Click + Add element, then select Photo Editor from the modal. Click the edit icon on the Photo Editor card to open its properties panel and make the necessary edits. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d743Few readers
  • Adding Custom Inputs to Packing Slips
    Here you can learn how to add the custom information your customer input into any printouts (e.g. pick or pack lists) On your Shopify admin panel, go to Settings Scroll down and click on Shipping and Delivery [](https://custom-price-calculator-e3ae6d1359d7.intercom-attachments-1.com/i/o/777817123/68b539ba1464f734b94c6c7f/image_ftz054.png?expires=1746222300&signature=4Few readers
  • How to Apply Add-On Pricing
    The example demonstrates adding optional fees (e.g., installation) to products. Key Benefits Flexibility: Easily add and charge for custom options. Upselling Opportunities: Increase revenue by offering optional services or upgrades. Customer-Friendly: Provide an intuitive shopping experience tailored to individual needs. Purpose of the Example Demonstrates how to add and charge for optional add-ons. ExamFew readers
  • Image Selector Element
    Using our Image Selector element you can allow your customers to select any image from a swatch or dropdown selection. If you want the image of the selected option will even be displayed as the main photo on the product page on the calculator is embedded on. How to use: Name => The option that will be displayed when hovering over the swatch or as an option in the dropdown Value => The value that will be used in the formula when calculating the product price Image => Upload the selFew readers
  • High Level Definitions
    Calculator: Each calculator can be embedded to a product page and needs to be configured. There is no limit to the amount of calculators you can build but you can only embed one calculator per product. ​ Elements: These are the building blocks that when put together will be the calculator. These elements allow you to display and collect data from your customer and will be displayed on the products page once you embed your calculator. Learn more about our element types by clicking hFew readers
  • What is Custom Price Calculator
    Apippa Custom Price Calculator is a Shopify app that lets you charge dynamic, custom prices based on what your customer chooses or enters — instead of being limited to fixed variant prices. What it does With Apippa, you add a calculator to your product page where customers enter dimensions, pick options, choose quantities, or upload files, and the price updates live based on a formula you define. When they add to cart, the calculated price carries through to checkout. What you can buildFew readers
  • How to Convert Your Excel Pricing Formula to Custom Price Calculator
    || If you've been calculating custom prices in Excel or Google Sheets, you don't have to start from scratch. Custom Price Calculator (CPC) supports the same logic you already use — functions, nesting, conditionals — just with slightly different syntax. This guide walks you through converting your spreadsheet formulas into CPC, step by step. Step 1: Understand What Changes (and What Doesn't) Good news: most of it stays the same. WhatExcel / SheetsCPCBasic math +, -, *, /SameParenFew readers
  • My Calculator Isn't Showing — Step-by-Step Checklist
    Custom Price Calculator Isn't Showing on Your Product Page? || If your calculator isn't appearing, follow these troubleshooting steps. Step 1: Enable the Theme Extension Custom Price Calculator uses a Shopify theme extension that must be enabled before it can display. To enable it: Go to Shopify Admin → Online Store → Themes. Click Customize on your active theme. Open App embeds from the left sidebar. Turn Custom Price Calculator ON. Click Save.Few readers
  • Add to Cart Not Working — Troubleshooting Guide
    Add to Cart Isn't Working? Here's How to Troubleshoot If your calculator is displaying correctly but the Add to Cart button isn't working as expected, one of the following issues is usually the cause. 1. Extra Shopify Variants The default (variant-based) flow creates a hidden Shopify variant for the calculated price. If your product already has many variants, this can lead to conflicts. How to fix it: Switch your calculator to the Non-Variant Flow (Cart Transform) in the caFew readers
  • Common Formula Errors and How to Fix Them
    Getting unexpected prices or formula errors? Here are the most common issues and how to fix them. Price shows $0 Cause: The formula is returning 0, usually because an input field isn't connected properly or is being read as empty. How to fix it: Open your calculator in the CPC editor. Check that every element used in the formula has a matching label or variable name. Make sure the formula references the exact field label (including capitalization). Test the calculatoFew readers
  • How to Add a Calculator to a Non-Product Page
    You can use the Non-products feature to display a Custom Price Calculator on pages other than Shopify product pages, such as landing pages, service pages, or custom templates. Follow the steps below to configure it. Step 1: Open the Non-products Section Open your calculator in the app. Navigate to the Non-products tab. Click Add Non-products. Step 2: Fill Out the Form CFew readers
  • Can I Export or Import Calculator Data?
    Merchants who run many similar calculators, or who manage large pricing tables, often ask whether calculator configurations or their underlying data can be exported and imported. Here is how it works today. Data Lookup tables (import/export of pricing data) If your pricing depends on a lookup table (for example a grid of sizes and prices, or material-by-area rates), the Data Lookup element is the right tool. Data Lookup lets you manage large sets of values in a structured table rather tFew readers

Not finding what you are looking for?

Chat with us or send us an email.

  • Chat with us
  • Send us an email
© 2026 Custom Price CalculatorWe run on Crisp Knowledge.