Quickstart

Get started with GivePay in minutes. This example shows the simplest way to add a payment button to your website.

Minimal Example

<!DOCTYPE html>
<html>
  <head>
    <title>GivePay Checkout</title>
  </head>
  <body>
    <!-- 1. Add the GivePay script tag with your API key -->
    <script src="https://cdn.givepay.co/v1/givepay.min.js?key=gp_test_pk_your_key_here"></script>

    <!-- 2. Add the button container -->
    <div class="give-pay"></div>

    <!-- 3. Initialize the payment button -->
    <script>
      givepay.renderButton({
        currency: "USD",
        line_items: [
          {
            name: "Product Name",
            quantity: 1,
            amount: 5000, // $50.00 (in cents)
          },
        ],
        payer: {
          email: "customer@example.com",
        },
        return_url: "https://yoursite.com/success",
      });
    </script>
  </body>
</html>

That's it! The button will automatically appear in your page and handle the payment flow.

Next Steps

Now that you've seen the basics, explore the full documentation:

Introduction

Quickstart

Minimal Example

Next Steps

On this page