Checkout Button & Widget Embedding

The Partially checkout button and widget let customers initiate a payment plan directly from your product or cart pages. The setup varies slightly by platform.

Shopify

Where to add the script:

1. In Shopify Admin, go to Online Store → Themes → Edit Code.
2. Open theme.liquid (under the Layout folder).
3. Locate the closing </body> tag near the bottom of the file.
4. Paste the Partially script on the line directly above </body>.
5. Save.

Common mistake: Adding the script to a section file (like product-template.liquid) instead of theme.liquid. It must be in theme.liquid to load site-wide.

Get your script from Partially: Settings → Integrations → Shopify → Checkout Button → Copy Script.

WooCommerce

The checkout button is added automatically by the Partially WooCommerce plugin once it's installed and your API key is entered. No manual script installation is needed.

If the button isn't appearing, check:

• The plugin is activated in WordPress (Plugins → Installed Plugins)
• Your API key is correctly entered in Partially → Settings
• The product price meets the minimum order amount you configured

BigCommerce

1. In BigCommerce Admin, go to Storefront → Script Manager.
2. Click Create a Script.
3. Set:
   • Name: Partially
   • Location: Footer
   • Pages where script will be added: All pages
   • Script type: Script
4. Paste the Partially script from Settings → Integrations → BigCommerce → Copy Script.
5. Click Save.

What the Widget Looks Like

Once the script is installed, a "Pay with Partially" button appears on product pages and/or the cart page (configurable). When clicked, it opens a modal showing your available payment plan options.

Customers select a plan, review the schedule, and proceed to checkout. Partially collects the down payment and sets up the installment schedule — the rest is handled automatically.

Customizing the Button

In Settings → Integrations → [Your Platform] → Checkout Button:

• Button text — change the label (e.g. "Pay in installments")
• Button color — set a hex color to match your brand
• Minimum amount — only show the button for orders above this value
• Excluded products — suppress the button on specific products

Testing

After installation, visit a product page in a private/incognito browser window. You should see the Partially button. Click it to walk through a test checkout and confirm your offer options appear correctly.

If you don't see the button, use your browser's developer tools (F12) to check the Console for JavaScript errors. The most common issue is the script being pasted in the wrong template file.