Pay and donate

Create a payment link in Get paid → Payment links (or with the API). Its slug is the end of its link: church-giving in paylead.app/pay/church-giving.

Pay button

<script src="https://paylead.app/embed.js" async></script>

<button data-paylead-pay="church-giving">Give online</button>

The payment page opens over your site. It asks for what the link asks for: name, phone, email if you require it, and your question if you added one.

Pay box

Put the payment form inside your page instead:

<div data-paylead-pay-inline="church-giving"></div>

For links where the payer types the amount, offer amounts to tap:

<div
  data-paylead-pay-inline="church-giving"
  data-paylead-amounts="20,50,100,200"
  data-paylead-accent="#7c3aed"
></div>

The payer taps an amount or types their own. The link's lowest amount still applies.

Charges

If your store passes payment charges on to the buyer, the box shows the amount, the charges and the total before they pay. Otherwise they pay exactly the amount.

From your own code

Paylead.pay('church-giving');

Paylead.payInline('#give', 'church-giving', { amounts: [20, 50, 100] });

One payment per customer

For a one-off amount owed by one person (a deposit, a custom order), create a link with the API with is_reusable: false and a redirect_url back to your site, then open it with Paylead.pay(slug) or send the person its url. See Payment links.