Payment Request Button

The Payment Request Button element provides Apple Pay and Google Pay wallet buttons, allowing your customers to pay with their saved payment methods.

For a detailed integration guide, see the Payment Request Button guide.

Quick start

BASIC EXAMPLE

const frame = await Frame.init("<PUBLISHABLE_KEY>");

const paymentRequest = frame.paymentRequest({
  country: "US",
  currency: "usd",
  total: {
    label: "My Store",
    amount: 1000,
  },
});

const button = await frame.createElement("paymentRequestButton", {
  paymentRequest,
});

paymentRequest.on("paymentmethod", async (event) => {
  console.log("Payment method:", event.paymentMethod);
  await event.complete("success");
});

button.mount("#payment-button");

For complete configuration options including recurring payments, shipping, and button customization, see the Payment Request Button guide.