Shop Pay Installments product page banner

The Shop Pay Installments banner is displayed below the price of the product on the product page. This banner lets customers know that they have the option to pay for orders in installments.

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.

If the banner isn't already added, then you'll need to do one of the following:

  • Automatically add the product page banner
  • Manually add the product page banner

Automatically add the product page banner

You can add the product page banner automatically with the theme editor in the admin.

Steps:

  1. From your Shopify admin, on the Increase your sales with installments messaging home card, click Review message.
  2. On the Review installments messaging dialog, click Got it.
  3. After you review the message in the theme editor, click Save.

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.

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:

  1. Open the relevant file.

  2. Find the line that contains {% form 'product', product.

  3. 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 %}

Ready to start selling with Shopify?

Try it free