Skip to content

Inicio Rápido (Guía para Principiantes)

¡Bienvenido! Esta guía está diseñada para ayudarte a aceptar tus primeros pagos (Wave, Orange Money, Free Money) en menos de 10 minutos, incluso si nunca has integrado un sistema de pago antes.


El Proceso de un Vistazo

Así es como el dinero llega desde el bolsillo de tu cliente hasta tu cuenta:

mermaid
graph LR
    A[Tu Sitio] -- 1. Clic Pagar --> B(Popup HayBTech)
    B -- 2. El cliente paga --> C{HayBTech}
    C -- 3. Señal de Éxito --> A
    C -- 4. Email de Confirmación --> D[Tú]

Paso 1: Crea tu cuenta (2 min)

  1. Regístrate gratis en HayBTech Business.
  2. En tu panel, ve a Desarrolladores > Claves API.
  3. Allí encontrarás tu Clave Pública (comienza con pk_test_...). Este es tu identificador público.

Paso 2: Añade el botón a tu sitio (5 min)

Este es el paso mágico. No necesitas saber programar. Simplemente copia este código y pégalo donde quieras ver el botón.

Método "Copiar-Pegar" (Sin JavaScript)

Copia este bloque de código en tu página HTML:

html
<!-- 1. Cargamos la librería HayBTech -->
<script src="https://cdn.haybtech.com/v1/haybtech.js"></script>

<!-- 2. Creamos el botón mágico -->
<button
  data-haybtech
  data-haybtech-public-key="pk_test_TU_CLAVE_AQUI"
  data-haybtech-amount="5000"
  data-haybtech-currency="XOF"
  data-haybtech-description="Compra de mi súper producto"
  style="background: #2ecc71; color: white; padding: 15px 30px; border: none; border-radius: 5px; cursor: pointer; font-size: 18px;">
  Pagar 5.000 FCFA
</button>

Consejo: Reemplaza pk_test_TU_CLAVE_AQUI con tu clave real obtenida en el paso 1.


Paso 3: Verifica que funciona (3 min)

Una vez que hayas hecho clic en el botón y simulado un pago exitoso:

  1. Vuelve a tu Panel de HayBTech.
  2. Ve a la pestaña Pagos.
  3. Verás que tu transacción aparece con el estado Exitoso .

¿Cómo pasar a "Real"? (Modo LIVE)

Una vez que tus pruebas funcionen, querrás recibir dinero real:

  1. En el Panel, cambia el interruptor en la parte superior derecha a Modo LIVE.
  2. Completa tu información comercial (KYC).
  3. Recupera tu nueva clave pk_live_....
  4. Reemplaza la clave de prueba por la clave live en tu código. ¡Ya está!

¿Qué camino elegir?

Si usas...Usa este método...
WordPress / WooCommerceInstala nuestro Plugin de WordPress (0 líneas de código).
Un Sitio a Medida (HTML)Usa el Botón Mágico de arriba.
Una Aplicación ComplejaUsa nuestros SDKs para desarrolladores.

¿Necesitas ayuda personalizada?

Nuestros ingenieros están aquí para ayudarte gratis a integrar HayBTech. ¡Envíanos un mensaje a través del soporte!

HayBTech Payment API Documentation.