Shop Pay Installments product page banner
The Shop Pay Installments banner informs customers about their options to pay in installments and is displayed below the price of your product in product pages. The information it displays varies based on the value of the product and the customer's eligibility.
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.
On this page
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
Update the product form
Steps:
Desktop
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- Open the relevant file.
- Find the line that contains
{% form 'product', product
. - Create a new line directly below and paste the following on that line:
- Click Save.
iPhone
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- Open the relevant file.
- Find the line that contains
{% form 'product', product
. - Create a new line directly below and paste the following on that line:
- Click Save.
Android
- From the Shopify app, tap the … button.
- In the Sales channels section, tap Online Store.
- Tap Manage themes.
- Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.
- Open the relevant file.
- Find the line that contains
{% form 'product', product
. - Create a new line directly below and paste the following on that line:
- Click Save.
The result should look something like the following: