Manual Liquid Install (Page Builders)

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 install for page builders).

Use manual Liquid when app blocks are not available. If your theme supports app blocks, prefer Adding Theme Blocks in the Theme Customizer instead.

Before you paste snippets

Enable the app embed

The CalculatorAI app embed must still be enabled on your theme — the same Step 1 requirement as the standard install. Open Online Store → Themes → Customize → App embeds, turn on CalculatorAI, and save. Manual Liquid does not replace the app embed.

One install method per page

Use either Theme Customizer app blocks or manual Liquid on a given page — not both. Mixing methods on the same page can cause duplicate scripts or conflicting layout.

Add-to-cart integration may not work with all page builder layouts. Test add to cart on your live page after publishing.

Which snippets to use

Appify CPO provides separate snippets for each storefront element:

Snippet Use for
Calculator Main product options form
Price summary Standalone price breakdown widget
Quantity tiers Volume discount table

The calculator snippet does not include the price summary. Add the Price summary snippet separately if you need one — and only paste it once per page.

Product page snippets — Use on product templates where Shopify's product object is available. Copy and paste as-is.

Other pages snippets — Use on landing pages and custom pages. Edit YOUR_CALCULATOR_ID or set a product handle at the top of the code before pasting. Find a standalone calculator ID under Calculator Editor → Placement & Styling when using a store-wide or landing-page calculator.

Steps

  1. Enable the CalculatorAI app embed (see above).
  2. In your page builder, add a Liquid (or Custom Liquid) element where you want the widget.
  3. In the Appify CPO dashboard, expand Manual install for page builders and copy the snippet you need.
  4. Paste the code into the Liquid element. Repeat for summary or quantity tiers if needed (separate Liquid elements).
  5. Save and publish the page. Hard-refresh the storefront to verify styling and behavior.
  6. Back in the dashboard, check I've installed manually using Liquid code when done.

Tips

  • Place the calculator snippet first in the page when using multiple snippets, if your builder lets you control order.
  • After updating snippets in the app, re-copy and replace the code in your page builder — pasted code does not update automatically.
  • If the calculator briefly looks unstyled, ensure you are on the latest snippet version and that your theme is not stripping <link> tags from Liquid blocks.

    • Related Articles

    • 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 ...

    • Installing Appify CPO on Your Theme

      Overview Before your calculators can appear on your storefront, you need to enable Appify CPO in your Shopify theme. This is a one-time setup that takes a couple of minutes. After completing these steps, your theme will be ready to display ...

    • Calculator Templates

      Overview Calculator templates are pre-built calculator configurations you can browse, preview, and install into your store as a new draft calculator. They are not the same as style templates in the editor (those only control colors and CSS). Go to ...

    • 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, ...

    • Subscription & Pricing

      Overview Appify CPO includes a 14-day free trial, after which you activate a single subscription that includes all features. Your monthly price scales automatically based on your calculator usage — there are no plan tiers to choose between, no ...