ShopPayButton component renders a button that redirects to the Shop Pay checkout. You can customize this component using passthrough props.
Example codeAnchor link to section titled "Example code"
variantIdsAndQuantities props are mutually exclusive. You must pass either
variantIdsAndQuantities to the component - not both.
|An array of IDs of the variants to purchase with Shop Pay. This will only ever have a quantity of 1 for each variant. If you want to use other quantities, then use
|An array of variant IDs and quantities to purchase with Shop Pay.|
||A string of classes to apply to the
||A string that's applied to the CSS custom property (variable)
Component typeAnchor link to section titled "Component type"
ShopPayButton component is a client component, which means that it renders on the client. For more information about component types, refer to React Server Components.