Placement & Styling
Manual Liquid Install (Page Builders)
Overview Some page builder apps (GemPages, PageFly, and similar) support Liquid or Custom Liquid elements but not Shopify app blocks. For those stores, Appify CPO provides copy-paste Liquid snippets in the app dashboard (Get Started → Step 2 → Manual ...
Style Templates
Overview Style templates are predefined design presets that instantly change the look and feel of your calculator. Each template provides a complete set of CSS variable values that control colors, fonts, spacing, borders, and other visual properties. ...
Standalone Calculator
Overview A standalone calculator is not tied to any Shopify product. Instead of appearing on product pages, it lives on any page you choose — a landing page, a custom page, or your homepage. Standalone calculators are ideal for quote builders, ...
Linking to Products
Overview Linking a calculator to products controls which product pages display the calculator on your storefront. When linked, the calculator appears on the selected product pages through the Appify CPO Calculator block in your theme and supports ...
Custom JavaScript
Overview Appify CPO lets you add custom JavaScript for advanced behavior beyond built-in configuration. There are two script types: Script type When it runs Best for Global script Once, automatically, when this calculator is ready (you do not listen ...
CSS Variable Customization
Overview Appify CPO uses CSS custom properties (variables) prefixed with --calc-* to control every visual aspect of your calculator. By editing these variables, you can fine-tune colors, fonts, spacing, border radius, shadows, and more — all without ...
Adding Theme Blocks
For an overview of all Appify CPO theme extension components, see Theme App Extension. Overview Appify CPO provides a set of theme blocks that you add to your Shopify theme through the Theme Customizer. These blocks control where and how the ...
Add to Cart Button Settings
Overview Appify CPO works with your theme's Add to Cart button to include the calculated price and customer selections when an item is added to the cart. In most themes, Appify CPO detects the button automatically. If auto-detection doesn't work — or ...
AI Style Assistant
Overview The AI Style Assistant lets you describe the visual style you want in plain English, and it generates the CSS variable values for you. Instead of manually tweaking dozens of variables, you can describe a look — like "dark theme with rounded ...
Popular Articles
Appify Privacy Policy
Strategic Edge Systems ltd dba Appify, provides Shopify store owners with functionality to customize products and price them accordingly “the Service” to merchants who use Shopify to power their stores. This Privacy Policy describes how personal ...
Rule Conditions
Overview Conditions are the "if" part of every visibility rule and value rule. Each condition checks the current value of an option or variable and compares it using an operator. When the conditions on a rule are satisfied (based on the All/Any/None ...
Checkout Pricing
Overview When a customer configures a product using an Appify CPO calculator and adds it to their cart, the calculated price is applied automatically at checkout. No manual setup or discount codes are needed — the customer is charged the amount ...
Pricing Variables
Overview Pricing variables are named, computed values that act as intermediate steps in your pricing logic. Instead of writing one large formula, you can break the calculation into smaller, readable pieces — each stored as a variable — and reference ...
Add to Cart Button Settings
Overview Appify CPO works with your theme's Add to Cart button to include the calculated price and customer selections when an item is added to the cart. In most themes, Appify CPO detects the button automatically. If auto-detection doesn't work — or ...