Embedded Component

Create and customize embeddable payment widgets

Widget Configuration

Customize the checkout widget appearance and behavior

Amount (Optional)

Show

Currency

Title (Optional)

Show

Description (Optional)

Show

Collection Fields

Require Email

Collect customer email

Require Name

Collect customer name

Require Phone Number

Collect customer phone

Require Shipping Address

Collect shipping details

Require Billing Address

Collect billing details

Live Preview

See how your widget will look

Premium Product

High-quality product with premium features

25.00 USD

Email Address

Generated Code

Copy this code to integrate the widget into your website

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.request.network/checkout-widget.js"></script>
</head>
<body>
  <div id="request-checkout"></div>
  
  <script>
    RequestCheckout.createWidget({
      amount: "25.00",
      title: "Premium Product",
      description: "High-quality product with premium features",
      theme: "light",
      primaryColor: "#10b981",
      buttonText: "Pay with Crypto",
      allowedCurrencies: ["ETH", "USDC", "USDT"],
      requireEmail: true,
      requireName: false,
      requirePhone: false,
      requireShippingAddress: false,
      requireBillingAddress: false,
      showAmount: true,
      showTitle: true,
      showDescription: true,
      showLogo: false,
      logoUrl: "",
      showQRCode: false,
      onSuccess: (payment) => console.log('Payment successful:', payment),
      onError: (error) => console.error('Payment failed:', error)
    }).mount('#request-checkout');
  </script>
</body>
</html>