Skip to content
This feature is currently in private beta and only available to US customers.
To sign up, please reach out to us at protect@cleverfew.co.

Cart Protection Toggle

The cart page with the Order Protection toggle switched on, priced at $1, above the subtotal and a Check out button. Below the toggle, small text with an info icon reads Get Free Returns, Delivery Protection, and Price Match Guarantee

The Cart Protection Toggle is a switch you place on your cart page. Customers can turn Parcelify Protect on or off before they check out, and the price of protection updates the cart total.

How it works

Switching the toggle on adds a Protect line item to the cart and updates the subtotal. Switching it off removes the charge.

You should confirm this method is selected on the Protect settings page before you install the toggle. If your shop offers Protect as a shipping rate or a checkout add-on instead, see Protect Checkout Button or Checkout Protection Toggle.

Installing the toggle

  1. Open Parcelify in your Shopify admin
  2. Select Components from the left-hand navigation menu
  3. Find the Cart Protection Toggle card and click [Install]. (This doesn’t change how your cart page looks yet)
  4. A “Cart Protection Toggle Component Installed” dialog opens. It confirms the toggle is ready to use and prompts you to click [Install App Block] to add it to your theme. Three buttons are available:
    • [Copy Theme Snippet]. Copies the toggle’s code to your clipboard so you can place it by hand. Continue with Placing it manually below
    • [Install App Block]. Opens the Shopify theme editor so you can place the toggle now. Continue with Placing it with the theme editor below
    • [Okay]. Closes the dialog. Place the toggle later using either method below

Placing it with the theme editor

  1. In the theme editor, open your cart page
  2. Find the Cart Protection Toggle block in the block list
  3. Drag the block into position directly above your checkout button
  4. Click [Save] to publish the change

Placing it manually

Use this method if your theme isn’t Online Store 2.0, or if you want finer control over the toggle’s markup.

  1. Click [Copy Theme Snippet] in the install confirmation dialog to copy the toggle’s code to your clipboard

  2. In your Shopify admin, go to Online Store, click the … next to your theme, then click [Edit code]

    Shopify's theme actions menu open next to a theme, showing View, Rename, Duplicate, Download theme file, Edit code, and Edit default theme content options, with Edit code highlighted

  3. Open your cart page’s template. Common names include cart-template.liquid, main-cart-footer.liquid, or similar. Find the checkout button, often inside a class named cart__submit-controls
  4. Paste the snippet directly above the checkout button, then save

Note: Filenames and code structure vary by theme. Preview your cart page after saving to confirm the toggle appears where you expect.

Customizing the look

  1. Click [Configure] on the toggle’s card to open the Component Theme Editor
  2. Adjust the style controls on the left. Available controls include color pickers, dropdowns, sliders, and text fields, depending on the toggle’s design. Watch the preview on the right update as you go
  3. Click [Save & Publish] when you’re happy with the result. If this is the first time you’ve customized the toggle for this theme, you’ll be asked to finish installation by clicking [Install App Block]