# WooCommerce

### <mark style="color:orange;">Introducción</mark>

El plug-in Tupay para WooCommerce permite integrar la pasarela de pago Tupay en tu tienda en línea, ofreciendo a tus clientes múltiples formas de pago, incluyendo pago mediante QR. Esta guía te llevará paso a paso a través del proceso de instalación, configuración y uso del plug-in Tupay para WooCommerce.

### <mark style="color:orange;">Requisitos</mark>

* <mark style="color:purple;">WooCommerce</mark>: Asegúrate de tener WooCommerce instalado y activado en tu sitio web de WordPress.
* <mark style="color:purple;">Cuenta Tupay</mark>: Necesitarás una cuenta activa con Tupay para obtener las credenciales API necesarias.

### <mark style="color:orange;">Instalación</mark>

1. Descarga el Plug-in: Asegúrate de tener el archivo del plug-in Tupay para WooCommerce descargado en tu computadora.
2. Sube el Plug-in:
   * Ve al panel de administración de WordPress.
   * Navega a Plug-ins > Añadir nuevo.
   * Haz clic en Subir plug-in.
   * Selecciona el archivo ZIP del plug-in Tupay y haz clic en Instalar ahora.
3. Activa el Plug-in:

   Una vez instalado, haz clic en Activar Plug-in.

<figure><img src="https://2298703647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGjMKy3VezYlJlCCcjySW%2Fuploads%2FMw7RZQmVfVnxCc1JZqNt%2Fimage.png?alt=media&#x26;token=e0024703-22a7-40d4-a580-f10d7c08a172" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://2298703647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGjMKy3VezYlJlCCcjySW%2Fuploads%2FHT0YmBzYZf6INDTQU6RP%2Fimage.png?alt=media&#x26;token=fe296e22-e977-4504-9270-d698f957f551" alt="" width="563"><figcaption></figcaption></figure>

### <mark style="color:orange;">Configuración del Método de Pago</mark>

1. **Accede a la Configuración**

* Ve a WooCommerce > Ajuste > Pagos
* Encuentra Tupay XA y XAQR en la lista de pagos y haz clic en Configuración

<figure><img src="https://2298703647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGjMKy3VezYlJlCCcjySW%2Fuploads%2FnsiWZPFYLpyCS7cbjRbm%2Fimage.png?alt=media&#x26;token=f0802517-0ed2-458d-bf5b-1c7f28a5b4ed" alt="" width="563"><figcaption></figcaption></figure>

2. **Configura los detalles**

* <mark style="color:blue;">**Habilitar/Deshabilitar**</mark>: Marca la casilla para habilitar el método de pago Tupay XA o Tupay XAQR.
* <mark style="color:blue;">**Título:**</mark> Ingresa el título que se mostrará a los usuarios durante el proceso de pago.
* <mark style="color:blue;">**Descripción:**</mark> Proporciona una descripción detallada de la opción de pago.
* [<mark style="color:blue;">**Moneda:**</mark>](#user-content-fn-1)[^1] Selecciona la moneda en la que se realizarán los pagos.
* <mark style="color:blue;">**API Key:**</mark> Ingresa la API Key proporcionada por Tupay.
* <mark style="color:blue;">**API Signature:**</mark> Ingresa la API Signature proporcionada por Tupay.

<figure><img src="https://2298703647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGjMKy3VezYlJlCCcjySW%2Fuploads%2FAGvDJZEOja283lv9aCND%2Fimage.png?alt=media&#x26;token=16006c83-9754-49c4-9ae8-ad39290b271f" alt="" width="563"><figcaption></figcaption></figure>

### <mark style="color:orange;">Uso de Plug-in</mark>&#x20;

1. Proceso de Pago:&#x20;
   1. Cuando un cliente selecciona Tupay XA o Tupay XAQR como método de pago y completa el pedido, será redirigido a la pasarela de pago de Tupay para completar la transacción.
   2. En el panel de administración de WooCommerce, el pedido aparecerá en estado on-hold (en espera) hasta que se confirme el pago.
2. Verificar pago:

Los detalles del pago, incluyendo la URL de redirección y el ID de depósito, se almacenarán en los metadatos del pedido en WooCommerce

<figure><img src="https://2298703647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGjMKy3VezYlJlCCcjySW%2Fuploads%2FANMLS6Ggd8wzr5DTaUKq%2Fimage.png?alt=media&#x26;token=9422a1bd-71da-45e5-8cdb-912345f6074a" alt=""><figcaption></figcaption></figure>

### <mark style="color:orange;">**Desinstalación de Plug-in**</mark>

1. Desactivar el Plugin:
   1. Ve a Plugins > Plugins instalados.
   2. Encuentra Tupay para WooCommerce en la lista y haz clic en Desactivar.
2. Eliminar el Plugin:
   1. &#x20;Después de desactivar el plug-in, haz clic en Eliminar.
3. Eliminar Configuración:
   1. &#x20;La configuración de Tupay se eliminará automáticamente de la base de datos cuando se desinstale el plug-in.

<figure><img src="https://2298703647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGjMKy3VezYlJlCCcjySW%2Fuploads%2FMDJSTgfhgGvZ9eurkl57%2Fimage.png?alt=media&#x26;token=4e26bc65-6150-4f26-a36e-56f2e09747c3" alt=""><figcaption></figcaption></figure>

### <mark style="color:orange;">**Link de Descarga**</mark>

{% hint style="info" %}
[<mark style="color:blue;">**DESCARGAR PLUGIN DE WOOCOMERCE**</mark>](https://drive.google.com/file/d/1bmjWqB1ETHJcAakiVhs6QreviWHiSwA1/view?usp=sharing)
{% endhint %}

[^1]:


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tupayonline.com/documentacion-de-la-api/tu-payplus/tu-plugin/woocommerce.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.