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 Appify CPO 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 Appify CPO, 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 Appify CPO 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.