Skip to main content
Use this guide when you want a chat-native or app-embedded checkout experience.

​
Who this is for

  • Teams building agent or app interfaces with React
  • Teams that want embedded purchase UX instead of redirect-only checkout
  • Teams that want to style payment UI to match their brand

​
What you will achieve

By the end, your React app renders inline SolvaPay checkout and handles purchase success in-app.

​
Prerequisites

  • A product and plan in SolvaPay
  • A React app with the SolvaPay TypeScript SDK packages installed
  • Customer identity available in your app

​
Steps

  1. Read the React guide for setup and provider wiring.
  2. Use SolvaPay React checkout components in your UI.
  3. Pass your product and plan references from your backend or config.
  4. Handle success callbacks to unlock features immediately.
  5. Style the component flow to match your product brand.

​
Verify

  • Customers can complete purchase inline without leaving the app
  • Purchase state updates your UI immediately after success
  • Existing purchasers skip checkout and continue