Shop Pay Installments widget failing to load on external Next.js site (client.js 404)

Hydrogen and Storefront APIs
1

Hi,

I’m working on a Next.js 14 headless storefront connected to our Shopify store for checkout.
The goal is to display the official Shop Pay Installments widget on our product pages, showing the lowest pricing that Shop Pay provides for each product.
Issue

The official Shop Pay JavaScript SDK fails to load:
Failed to load: https://cdn.shopify.com/shopifycloud/shop-js/v1/client.js

Questions

  1. Can the Shop Pay Installments widget be used on external or headless websites (not hosted on Shopify)?

  2. Are there any Shop Pay or Commerce Components settings required to enable this?

  3. Do we need to whitelist our external domain or adjust CORS to load the script?

  4. Is there another way to fetch and display the lowest Shop Pay installment price dynamically for each product?

Environment

  • Framework: Next.js 14

  • Setup: External / headless site

  • Shopify: Used only for checkout

  • Shop Pay Installments: Enabled in admin

Any guidance or documentation for showing Shop Pay’s official lowest-price offer on external storefronts would be really helpful.

Thanks,
Selvi