Drop-in UI

With the Drop-in UI, you can start accepting payments immediately in your app by rendering a list of available payment methods anywhere within it.

The drop-in usage flow is as follows:

  1. The shopper goes to the checkout page.
  2. Your client creates an instance of Drop-in using the session data from the server.
  3. Drop-in shows the available payment methods, collects the shopper's payment details, handles additional actions, and presents the payment result to the shopper.
  4. Your webhook server receives the event containing the payment outcome.

Drop-in example

See the example drop-in i nthe image below: