Skip to main content
Integrate PaySight with Shopify-style carts and a two-page upsell flow.

Overview

When shopify is present on WidgetConfig:
  • Cart totals are computed from cart line itemsamount is ignored (pass 0).
  • Page 1 (checkout) typically sets savePaymentMethod: true.
  • Page 2 (upsell) charges via usePreviousPaymentMethod: true and paysightSession from page 1.

Configuration

variant and product are numeric Shopify IDs sent to the Paysight API. name, description, and imageUrl are display-only.

Amount calculation

This total is sent to the API as amount.

Page 1 example

Page 2 upsell

See Saved payment & upsell for session handoff.

Events

Upsell charges use PAYMENT_START, PAYMENT_SUCCESS, and PAYMENT_ERROR with payload.mode === 'upsell'. CART_READY / CART_UPDATE payload: { subtotal, shipping, total, currency, itemCount }.

Styling

Cart and upsell UI use .ps-cart, .ps-cart-inner, .ps-cart-*, and .ps-upsell-submit classes — override via theme.css.

Live demo

Shopify two-page example — live demo at https://payment.paysight.io/demo?preset=shopify.