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 aShopify themeto your online store after January 31, 2022, then the product banner might already be added to your product pages. After you'veactivated 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 theIncrease your sales with installments messaginghome card, clickReview message.
  2. On theReview installments messagingdialog, clickGot it.
  3. After you review the message in the theme editor, clickSave.

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 aboutShop.

Manually add the product page banner

If you're comfortable reading and editing theme code, then you canidentify where to make changesandupdate 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. ClickSave.

The result should look something like the following:

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

Ready to start selling with Shopify?

Try it free