Paper iconPaper logo

CheckoutWithEth


import "@paperxyz/react-client-sdk/dist/index.css"; <PaperSDKProvider appName='Paper Checkout'> <CheckoutWithEth sdkClientSecret='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjb250cmFjdElkIjoiOTE0ZDZjM2ItMWY2Ny00NWU1LTk2OTQtYzQxNzBiMmM4NjhiIiwicXVhbnRpdHkiOjEsInVzZVBhcGVyS2V5IjpmYWxzZSwibWV0YWRhdGEiOnt9LCJleHBpcmVzSW5NaW51dGVzIjoxNSwiaGlkZUFwcGxlUGF5R29vZ2xlUGF5IjpmYWxzZSwidXNlQ2hlY2tvdXREb3RDb20iOmZhbHNlLCJ0aXRsZSI6IiIsImNhcHR1cmVQYXltZW50TGF0ZXIiOmZhbHNlLCJtaW50TWV0aG9kIjp7Im5hbWUiOiJjbGFpbVRvIiwiYXJncyI6eyJfdG8iOiIkV0FMTEVUIiwiX3F1YW50aXR5IjoiJFFVQU5USVRZIiwiX3Rva2VuSWQiOjB9LCJjYWxsT3B0aW9ucyI6eyJnYXNQcmlvcml0eSI6Im1lZGl1bSJ9LCJwYXltZW50Ijp7ImN1cnJlbmN5IjoiTUFUSUMiLCJ2YWx1ZSI6IjAuMDAwMSAgKiAkUVVBTlRJVFkifX0sImVsaWdpYmlsaXR5TWV0aG9kIjp7Im5hbWUiOiJnZXRDbGFpbUluZWxpZ2liaWxpdHlSZWFzb24iLCJhcmdzIjp7Il9yZWNpcGllbnQiOiIkV0FMTEVUIiwiX3F1YW50aXR5IjoiJFFVQU5USVRZIiwiX3Rva2VuSWQiOjB9fSwicHJpY2luZ0RldGFpbHMiOnsiY2hhaW5OYW1lIjoiTXVtYmFpIiwiY3VycmVuY3lBZGRyZXNzIjoiMHgwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwIiwiY3VycmVuY3lTeW1ib2wiOiJNQVRJQyIsInJlYWRhYmxlUHJpY2UiOiIwLjAwMDEiLCJwcmljZUluV2VpIjp7InR5cGUiOiJCaWdOdW1iZXIiLCJoZXgiOiIweDVhZjMxMDdhNDAwMCJ9LCJsb2NrZWRQcmljZVVzZENlbnRzIjowfSwidHJhbnNhY3Rpb25JZCI6ImU2ZjMwZWQzLTQ5ZGUtNDE2MC1hOTNlLWQyNzAzYzAzZmYyMCIsImlhdCI6MTY2OTcxMDA5MywiZXhwIjoxNjY5NzEwOTkzLCJpc3MiOiJwYXBlci54eXoifQ.YSgP13X8ypT0yQC8uyMt2wWGn7H3WwrOe5uIZoktjjE' suppressErrorToast={true} receivingWalletType={"MetaMask"} onSuccess={(result) => ...} onWalletConnected={(userAddress, chainId) => ...} onError={(error) => ...} // Set to false if you'll handle wallet connection on your app. showConnectWalletOptions={true} options={{ colorBackground: '#ffffff', colorPrimary: '#7300a8', colorText: '#232323', borderRadius: '6', }} /> </PaperSDKProvider>

<CheckoutWithEth> React snippet

Your Website