Adding Partial.ly Code Snippet to Your Shopify Theme

Log into your shopify admin and go to your theme for editing under online store > themes > actions > edit code.

Use the search box to locate the liquid file that contains your cart info. There may be several files used for your cart.

You will want to locate the file that contains the code for your additional checkout buttons. This can be the cart.liquid file, cart-template.liquid, main-cart-footer.liquid, etc. Depending on your theme, the file may be named something else. You can use the find feature to search the document (ex. Ctrl-F).

Once you locate where in the template you want the Partial.ly button to appear (typically above the code for additional checkout buttons), paste the code from the integration tool. Use the preview feature of your Shopify theme to view the update.

Image Example

Similar to how you add Partial.ly to your cart page, locate the liquid file that contains your product info. There may be several files used for your product pages. You will want to locate the file that contains the code for your 'add to cart' button. This can be the product-template.liquid file, main-product.liquid file, product-form.liquid file, etc. Depending on your theme, the file may be named something else.

Once you locate where in the template you want the Partial.ly button to appear (typically below the code for the add to cart button), paste the code from the integration tool. Use the preview feature of your Shopify theme to view the update and adjust as needed.

Image Example

*Partial.ly may not work on product pages with variables (ex. size, color, date select, etc.) If your products have variables, we recommend you only use Partial.ly on the cart page to ensure customer choices are saved. You can always test with our demo site at https://demo.partial.ly

Yes, when in the integration tool, there will be various options to configure the checkout button, such as color and editing the text.

Your changes will automatically update the code. Once you have your configurations set, you can copy and paste the code into your Shopify theme.

Yes, when in the integration tool, you can set a minimum order requirement by selecting 'Only display with minimum amount' and entering a value. The generated code will update with this new info. If you already installed the button code onto your theme, you will need to copy and paste the updated code.

The Partial.ly widget is a small bit of javascript code that you place on your product pages to let customers know they can purchase with a Partial.ly payment plan. The widget allows customers to interactively see the payment plan options available to them. You can read more about the Partial.ly widget here: About the Partial.ly Widget.

Image Example

Learn more at: Partial.ly Widget for Shopify

Yes. Partial.ly will appear in English by default. If you need Partial.ly checkout to appear in another language, simply add the following line of code to the Partial.ly code snippet:

language: 'fr',

Use the abbreviation of the language you need. For example, fr is for French.

var partiallyButtonConfig = {
     offer: 'abc123-def456-ghi789-jkl1011',
     returnUrl: '{{shop.url}}/cart',
     returnConfirmedUrl: '{{shop.url}}/cart/clear',
  language:'fr',

Yes. First, ensure that multi-currency is configured correctly on your shop: multiple currency setup

Once confirmed, you can add the following line of code to your Partial.ly script:

currency: '{{cart.currency.iso_code}}',

document.partiallyButtonConfig = {
     offer: 'abc123-def456-ghi789-jkl1011',
     returnUrl: '{{shop.url}}/cart',
     returnConfirmedUrl: '{{shop.url}}/cart/clear',
     currency: '{{cart.currency.iso_code}}',

For details on configuring the checkout button, please see our article on the Partial.ly Checkout Button: Partial.ly Checkout Button

For more on limiting Partial.ly, you can view samples of custom code in the following articles:

Samples of Custom Code for Shopify Cart

Samples of Custom Code for Shopify Product Pages