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 items —
amount 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.