Docs

Embedded Elements

Checkout Embedded Elements are modular components that can be embedded directly in your app. This allows you to fully customize the look and feel of the checkout experience within your application.

Prerequisites

  • Make sure you've enabled your contract for Payments
  • You have the user's wallet address
    • If you do not already a wallet set up for your users, use Connect to create a wallet first.
  • Your Content Security Policy is set allowing thirdweb's domain.
    • Make sure you enable the Content Security Policy directives on your server, please allow the following directives:
      • connect-src https://payments.thirdweb.com;
      • frame-src https://payments.thirdweb.com;
      • script-src https://payments.thirdweb.com;

Integration

Accepting fiat payment options (credit/debit card, Apple Pay, Google Pay)

Embed CheckoutWithCard in your app.

Accepting crypto payment options (ETH)

Embed CheckoutWithEth in your app.