Shop Pay Installments product page banner

The Shop Pay Installments banner is displayed on the product page, below the price of the product. This banner informs customers about the option to pay for their orders in installments. It's displayed for products with a value of at least 150 USD or when the shopping cart value reaches 150 USD.

By displaying product page banners, you provide customers with upfront information regarding their estimated loan amount before they proceed to checkout.

If you've installed a Shopify theme to your online store after January 31, 2022, then the product banner might already be added to your product pages. After you've activated Shop Pay Installments, you should check a product page on your online store for a banner that appears below the price of the product.

Consider adding the Shop sales channel to your Shopify admin to help you manage your brand presence on the Shop App and access features, such as sales insights. Learn more about Shop.

If the banner isn't already added, then you'll need to manually add the product page banner.

Manually add the product page banner

If you're comfortable reading and editing theme code, then you can identify where to make changes and update the product form.

Identify where to make changes

The code for the banner needs to be included inside every instance of the product form, which will look something like {% form 'product', product .... The product form can be found in various locations depending on your theme, however, the following are common locations:

• product-form.liquid
• featured-product-form.liquid
• product-template.liquid
• product.liquid

Tip

If you're not comfortable reading and editing theme code, then you can have your theme updated for free by submitting a request to HeyCarson. HeyCarson is a Shopify Partner agency that's partnered with Shopify to help you update your theme with the Shop Pay Installments product page and cart page banners.

Update the product form

Tip

Before making any changes, duplicate your theme and make changes in the duplicate so that you can more easily revert any changes that you make.

Steps:

Desktop

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
3. Open the relevant file.
4. Find the line that contains {% form 'product', product.
5. Create a new line directly below and paste the following on that line:

{{ form | payment_terms }}

1. Click Save.

The result should look something like the following:

{% form 'product', product ... %}
  {{ form | payment_terms }}
  ...
{% endform %}