Give Pay Documentation

Quick Start

Complete documentation for integrating GivePay into your application

Add the GivePay script to your HTML head tag

initialise
<script src="https://cdn.givepay.co/v1/givepay.js?key=YOUR_PK_KEY"></script>

Add a container element where you want the payment button to appear

<div class="give-pay"></div>

Render the payment button with your configuration

window.givepay.renderButton({
  currency: "GBP",
  line_items: [
    {
      name: "Product",
      quantity: 1,
      amount: 5000,
    },
  ],
  payer: { email: "customer@example.com" },
  return_url: "https://yoursite.com/success",
});

Choose your integration method to start accepting payments:

JavaScript SDK

Add payment buttons to your website with just a few lines of code

Introduction

Complete guide to implementing GivePay payments with JavaScript

On this page

Add the GivePay script to your HTML head tag
Add a container element where you want the payment button to appear
Render the payment button with your configuration