Partial.ly
Back to home

Adding the Partially Button to Your Shopify Theme

Overview

Once your store is connected to Partially, adding the Partially checkout button to your Shopify store is a three-step process:

  1. Create an offer in Partially — the checkout button is tied to a specific offer.
  2. Generate the code snippet from the integration tool of the offer.
  3. Paste the snippet into the correct liquid file in your Shopify theme.

⚠️ The checkout button can only be placed on a product page or a cart page. It cannot be placed in theme.liquid or any other global template. The code snippet is generated in Partially — there is no "checkout button" page under Settings.

Prerequisites

Before generating the button code:

Step 1 — Generate the code snippet

  1. Go to Offers.
  2. Click the integration link next to the offer you wish to use.
  3. In the integration tool, find the dropdown menu titled "I would like to use my offer".
  4. Select the option to use Partially on your cart page and/or product pages.
  5. Copy the generated code snippet.

Don't see the cart/product page options in the dropdown? Make sure you've activated your Shopify integration under Settings > Integrations by connecting Shopify and adding your custom app credentials.

Step 2 — Paste the code into your Shopify theme

Log into your Shopify Admin and go to Online Store → Themes → Actions → Edit Code.

Adding to your cart page:

Search for the liquid file containing your cart (e.g., cart.liquid, cart-template.liquid, main-cart-footer.liquid — naming varies by theme). Find where you want the Partially button to appear (typically above your checkout buttons) and paste the code. Use the theme preview to verify the update.

Cart drawer warning: Partially may not work with cart drawers/popups/modals. Convert your cart to a cart page under Online Store → Live Theme → Customize → Theme Settings → Cart → Cart Type → Cart Page.

Adding to your product pages:

Search for the liquid file containing your product info (e.g., product-template.liquid, main-product.liquid, product-form.liquid). Find where you want the button to appear (typically below the "Add to Cart" button) and paste the code. Preview and adjust as needed.

Partially may not work on product pages with variants (size, color, etc.). If your products have variants, use Partially on the cart page only to ensure customer choices are saved.

Customization options within the integration tool

Customizations in the integration tool should be done before copying the code. Once the snippet is pasted into your Shopify theme, it cannot be edited from Partially — you must regenerate the code in the integration tool and re-paste it to apply any changes.

Button appearance — In the integration tool, adjust button color and button text. The generated code updates automatically as you make changes.

Minimum purchase amount — In the integration tool, select "Only display with minimum amount" and enter a value. Regenerate and re-paste the code if you've already installed it.

Update language or currency

Different language — Add a language line (e.g., language: 'fr',) to the code snippet in your theme, using the abbreviation for the language you need.

Multi-currency — Add a currency line (e.g., currency: '{{cart.currency.iso_code}}',) to your Partially script in your theme.

Smart Customizations

Smart Customization lets your Shopify checkout button or widget automatically pick the right offer — or hide Partial.ly entirely — based on rules you set about the customer's cart. It requires a connected Shopify integration and rules created under Settings > Smart Customization. Learn more at Smart Customization for Shopify.

Don't forget

To complete the standard Shopify integration, connect a custom Shopify app in Partially under Settings > Integrations. This allows Partially to create Shopify orders, add payment history to order notes, mark orders as paid, and cancel orders automatically — no Zapier or automation tools required.

YouTube tutorials