Transacciones

Ubicación de la funcionalidad

Ruta de navegación:

• Menú lateral izquierdo → Payments

• Menú superior → Transactions

Al seleccionar esta opción, Transactions queda resaltado en el menú superior, indicando que es la vista activa.

Pantalla principal: Listado de Transactions

Descripción general

La vista Transactions permite visualizar y dar seguimiento a todos los pagos realizados por los clientes en un solo lugar.

En la parte superior de la pantalla se muestra:

• Título principal: Transactions

• Descripción secundaria:
  Track customer payments at a single place

En la esquina superior derecha se encuentra el botón:

• Import as CSV, que permite exportar o importar información de transacciones en formato CSV.

• 

Controles superiores

En la parte superior del listado se encuentran los siguientes controles:

Filtro por fecha

• Campo Start Date

• Campo End Date

Permiten filtrar las transacciones según la fecha en que fueron procesadas.

Buscador

• Campo de búsqueda con ícono de lupa.

• Permite localizar transacciones por cliente u otros datos visibles en la tabla.

Botón Filters

• Permite aplicar filtros adicionales al listado de transacciones.

Tabla de Transactions

El contenido principal se presenta en una tabla con el listado de transacciones registradas.

Columnas

1. Customer

   • Nombre del cliente que realizó el pago.

   • Incluye un avatar circular con iniciales.

2. Provider

   • Proveedor de pago utilizado para procesar la transacción.

   • Ejemplo visible: Epayco.

3. Source

   • Origen de la transacción.

   • Indica desde qué módulo o flujo se generó el pago (por ejemplo, un seguimiento de marketing o calendario).

4. Transaction Date

   • Fecha y hora en que se realizó la transacción.

   • Formato visible: Mes, día y hora (AM/PM).

5. Amount

   • Monto total de la transacción.

   • Se muestra en moneda configurada.

   • Incluye un ícono informativo.

6. Status

   • Estado actual de la transacción.

   • Estado visible:

     • Pending (etiqueta naranja).

7. Acciones

   • Ícono de tres puntos verticales.

   • Al desplegarse muestra la opción:

     • View Transaction, que redirige al detalle de la transacción.

Vista de detalle: Transaction Details

Al seleccionar View Transaction, se accede a la vista detallada de una transacción específica.

Encabezado

En la parte superior de la pantalla se muestra:

• Botón Back para regresar al listado de transacciones.

• Título: Transaction Details

Información principal de la transacción

Se presenta un bloque con los datos generales:

• Transaction ID

  • Identificador único de la transacción.

• Transaction Date

  • Fecha y hora exacta del pago.

• Status

  • Estado de la transacción (ejemplo: Pending).

• Total Amount

  • Monto total del pago.

• Test Mode

  • Indicador visual que señala que la transacción fue realizada en modo de pruebas.

Payment Provider

Sección que detalla el proveedor de pago:

• Type

  • Proveedor utilizado (ejemplo: Epayco).

• Who Paid

  • Indica quién realizó el pago (Customer).

• Gateway ID

  • Identificador de la transacción en el gateway de pago.

Payment Details

• Sección destinada a mostrar detalles adicionales del pago.

• En el ejemplo visible se muestra el texto: Not Available.

Customer

Bloque con la información del cliente asociada a la transacción:

• Name

• Email

• Phone

• Address

Esta información corresponde a los datos ingresados por el cliente durante el proceso de pago.

Source

Sección que indica el origen del pago:

• Type

  • Tipo de origen (ejemplo: Calendar).

• ID

  • Identificador del origen.

• Name

  • Nombre descriptivo del origen (por ejemplo, una campaña o seguimiento).