Quick Start (Beginner's Guide)

Welcome! This guide is designed to help you accept your first payments (Wave, Orange Money, Free Money) in less than 10 minutes, even if you have never integrated a payment system before.

---

The Process at a Glance

Here is how the money gets from your customer's pocket to your account:

graph LR
    A[Your Site] -- 1. Click Pay --> B(HayBTech Popup)
    B -- 2. Customer pays --> C{HayBTech}
    C -- 3. Success Signal --> A
    C -- 4. Confirmation Email --> D[You]

---

Step 1: Create your account (2 min)

1. Sign up for free on HayBTech Business.
2. In your dashboard, go to Developers > API Keys.
3. You will find your Public Key there (it starts with pk_test_...). This is your public identifier.

---

Step 2: Add the button to your site (5 min)

This is the magic step. You don't need to know how to program. Just copy this code and paste it where you want to see the button.

"Copy-Paste" Method (No JavaScript)

Copy this code block into your HTML page:

<!-- 1. Load the HayBTech library -->
<script src="https://cdn.haybtech.com/v1/haybtech.js"></script>

<!-- 2. Create the magic button -->
<button
  data-haybtech
  data-haybtech-public-key="pk_test_YOUR_KEY_HERE"
  data-haybtech-amount="5000"
  data-haybtech-currency="XOF"
  data-haybtech-description="Purchase of my awesome product"
  style="background: #2ecc71; color: white; padding: 15px 30px; border: none; border-radius: 5px; cursor: pointer; font-size: 18px;">
  Pay 5,000 FCFA
</button>

Tip: Replace pk_test_YOUR_KEY_HERE with your real key retrieved in step 1.

---

Step 3: Check that it works (3 min)

Once you have clicked on the button and simulated a successful payment:

1. Go back to your HayBTech Dashboard.
2. Go to the Payments tab.
3. You will see your transaction appear with the Success status .

---

How to go "Real"? (LIVE Mode)

Once your tests are working, you want to receive real money:

1. In the Dashboard, toggle the switch in the top right to LIVE Mode.
2. Complete your business information (KYC).
3. Retrieve your new pk_live_... key.
4. Replace the test key with the live key in your code. You're done!

---

Which path to choose?

If you use...	Use this method...
WordPress / WooCommerce	Install our WordPress Plugin (0 lines of code).
A Custom Site (HTML)	Use the Magic Button above.
A Complex Application	Use our SDKs for developers.

Need personalized help?

Our engineers are here to help you for free to integrate HayBTech. Send us a message via support!