> ## Documentation Index
> Fetch the complete documentation index at: https://docs.afarapay.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Take your first test payment on your website in about 15 minutes.

This guide takes you from nothing to a working **test payment** on your website. No real money moves, and you can go live later.

**1. Create your account**

Sign up at [merchant.afarapartners.com](https://merchant.afarapartners.com/login) and verify your email address with the 5-digit code we send you. Full steps are in [Create your account](https://docs.afarapay.com/guides/create-account.md).

**2. Copy your test public key**

Click the **gear icon**, open **API Keys**, and copy your **Test Public Key**. It starts with `TPK_`. See [Get your API keys](https://docs.afarapay.com/guides/api-keys.md).

**3. Add the widget to your page**

Paste this into your website, replacing the key with yours.

```html theme={null}
<form id="paymentForm">
  <input type="email" id="email-address" placeholder="Email" required />
  <input type="number" id="amount" placeholder="Amount in Naira" required />
  <button type="submit">Pay now</button>
</form>

<script src="https://sdk.afarapartners.com/omni-payment-gateway-sdk"></script>
<script>
  document.getElementById("paymentForm").addEventListener("submit", function (e) {
    e.preventDefault();
    AfaraPayPop.setup({
      key: "TPK_your_test_public_key",
      email: document.getElementById("email-address").value,
      amount: Math.round(Number(document.getElementById("amount").value) * 100),
      currency: "NGN",
      callback: function (response) {
        alert("Payment complete. Reference: " + response.reference);
      }
    }).openIframe();
  });
</script>
```

Need it for React or Angular? See [Add the payment widget](https://docs.afarapay.com/widget/add-to-your-website.md).

**4. Pay with a test card**

Open your page, enter an email and an amount, and click **Pay now**. Choose card and use a [test card](https://docs.afarapay.com/guides/testing.md).

**5. See it in your dashboard**

Open **Transactions** in the merchant portal. Your test payment is listed there.

> [!TIP]
>
> You have taken a test payment. Next, make your site confirm payments properly, then go live.

> [card] [Verify a payment](https://docs.afarapay.com/payments/verify-payments.md)
>
> Confirm payments on your server before delivering orders.

> [card] [Go-live checklist](https://docs.afarapay.com/guides/go-live.md)
>
> Everything to check before taking real payments.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.