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. ...
Other Pages Calculator
Overview Other pages is for calculators that are not assigned to products in the app. Use it when the calculator lives on a homepage, landing page, collection, blog, or custom page — not on a product template. This is not the usual setup. Most stores ...
Linking to Products
Overview Product pages (recommended) is the usual way to show a calculator. You assign products in the app. The calculator appears on those product pages through the Appify Calculator block and customers add to cart as they would on any product page. ...
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 ...