Adding Partially Code Snippet to Your Shopify Theme

Overview

Adding the Partially checkout button to your Shopify store is a three-step process:

Create an offer in Partially — the checkout button is tied to a specific offer.
Generate the code snippet from the offer's integration tool in Partially.
Paste the snippet into the correct 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:

Connect Shopify to Partially under Settings > Integrations by adding your custom Shopify app credentials. This allows Partially to create Shopify orders automatically.
Create an offer under Offers. The checkout button is generated per offer — you must have at least one offer before you can generate the code.

Step 1 — Generate the code snippet

Go to Offers.
Click the integration icon next to your offer on the offers list, or open the offer and click the integration tool from the offer detail page.
In the integration tool, find the dropdown menu titled "I would like to use my offer."
Select the option to use Partially on your cart page and/or product pages.
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

All customization is done in the integration tool in Partially 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.

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.

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.