Integración PayBy

  1. Introducción
  2. Creación de plantillas
    1. Crear plantilla: SMS
    2. Crear plantilla: Email
  3. Generar usarios vendedores
  4. Panel punto de venta
    1. Generar formulario de pago
    2. Formulario para generar un Enlace de Pago
    3. Formulario para enviar el link de pago por Email
    4. Formulario para enviar el link de pago por SMS
    5. Formulario para generar un Código QR
  5. Configurar las notificaciones de la operación
  6. Consulta de las operaciones

1. Introducción

Con PayBy podrá generar enlaces de pago de manera ágil y sencilla. A través de dicho enlace accede a un formulario web, donde introduce los datos de tarjeta y paga en un entorno seguro.

Para el proceso de venta, el comercio ha de acceder a través del siguiente link:

2. Creación de plantillas

A través del panel de control de PAYCOMET accedemos a MIS PRODUCTOS – CONFIGURAR PRODUCTO.

El icono {{ __('PayBy la solución PAYCOMET') }} nos permite “Configurar SMS/Email” y Link de pago:

{{ __('PayBy la solución PAYCOMET') }}

Una vez entramos en “Configurar SMS/Email”, nos aparecerán los siguientes campos a rellenar, que se corresponderán con el remitente que envía el SMS o Email:

{{ __('PayBy la solución PAYCOMET') }}

Seguidamente, nos aparecerá la opción de crear nuevas plantillas para SMS o Email (Por defecto ya existe plantillas preconfiguradas)

{{ __('PayBy la solución PAYCOMET') }}

2.1. Crear plantilla: SMS

Tras hacer click en “Nueva Plantilla SMS”, tendremos que rellenar los siguientes campos:

{{ __('PayBy la solución PAYCOMET') }}

Añadiremos un título a la plantilla e incorporaremos el texto que queremos que aparezca en el SMS (hasta un máximo de 138 caracteres). Cuando terminemos, haremos click en “Guardar plantilla SMS”:

{{ __('PayBy la solución PAYCOMET') }}

2.2. Crear plantilla: Email

Tras seleccionar “Nueva plantilla email”, nos aparecerán diferentes campos a completar:

{{ __('PayBy la solución PAYCOMET') }}
  • Título de la plantilla: LINK DE PAGO (nombre o URL del comercio)

  • Emisor: noreply@xxxxx.com (aparecerá la dirección de correo que se haya seleccionado en el primer paso de “Configurar SMS/Email”)

  • Asunto del email: LINK DE PAGO (nombre o URL del comercio)

  • Logotipo: logotipo de la empresa para que aparezca en el email

  • Color del texto: color en el que se enviará el texo del email

  • Fuente: tipo de letra seleccionada para el texto

  • Tamaño de Fuente: tamaño de la letra

  • Texto email:

    <span style="font-size:18px"/>
    <br>
    Please, click on the link below and proceed to your payment.
    <hr>
    Por favor, pulse en el siguiente enlace para efectuar su pago.
    <br>
    <br>{PAYMENT_LINK}<br>
    <br>
    </span>
    

  • Texto clic: “Hacer click aquí” / “Realizar pago”

  • Texto legal: deberá aparecer la información legal igual que en la página web del comercio

Cuando terminemos, haremos click en “Guardar”.

Las plantillas de SMS y de Email que se vayan creando, quedarán registradas en sus respectivos apartados, como se muestra a continuación:

{{ __('PayBy la solución PAYCOMET') }}

3. Generar usarios vendedores

El administrador de la cuenta accederá en el Panel de PAYCOMET al apartado MI CUENTA – GESTIONAR VENDEDORES:

{{ __('PayBy la solución PAYCOMET') }}

A continuación, haremos click en “Crear usuario”, que nos mostrará el siguiente formulario para cumplimentar:

{{ __('PayBy la solución PAYCOMET') }}
  • Nombre: Nombre del vendedor

  • Apellidos: Apellidos del vendedor

  • Nombre del usuario: Nombre del usuario vendedor

  • Email: Email del vendedor (para acceder al Panel de venta PayBy)

  • Contraseña: Contraseña del vendedor (para acceder al Panel de venta PayBy)

  • Cantidad máxima por operación: Cantidad máxima que se le permite lanzar al vendedor en un SMS/Email

  • Puede operar multimoneda: Si se permite o no que el vendedor lance operaciones en distintas monedas

  • Observaciones: Texto libre

  • Comunicación con soporte: Si se permite o no que el vendedor se comunique con el servicio de soporte técnico

  • Cobrar manualmente: Si se permite o no que el vendedor cobre manualmente una operación

  • Ejecutar devoluciones: Si se permite o no que el vendedor ejecute devoluciones

4. Panel punto de venta

4.1. Generar formulario de pago

Al entra al Panel punto de venta PayBy, se le abrirá el formulario de pago. Los primeros datos del formulario que mostramos a continuación son comunes para todos los tipos de pago: Link, SMS, Email o Código QR.

Paso 1: Tipo de enlace

En el desplegable, seleccionaremos desde qué comercio queremos que se envíe el pago (en el caso de que el cliente tenga distintas webs). Además, elegiremos qué tipo de pago queremos generar (Link, SMS, Email o Código QR):

{{ __('PayBy la solución PAYCOMET') }}
Paso 2: Pago único o múltiple

Elegiremos si enviar un “pago único” o “múltiples pagos”, lo que hará que el enlace generado para el pago pueda usarse una o varias veces.

{{ __('PayBy la solución PAYCOMET') }}

Si seleccionamos “múltiples pagos”, se abrirán dos apartados adicionales donde podremos limitar el número de veces que puede ser utilizado el enlace de pago y el mensaje que se le mostrará al cliente cuando exceda del límite:

{{ __('PayBy la solución PAYCOMET') }}

Esta funcionalidad nos permitirá controlar las ventas y relacionarlas directamente con el stock disponible para vender.

Paso 3: Datos del pedido

Introduciremos el “número de pedido” relacionado con el pago y la “descripción del pedido” (opcional).

Paso 4: Check out de importe fijo o variable

El nuevo PayBy ofrece la posibilidad de pago de un “importe fijo” o un “importe variable”. A través del pago variable el comprador introducirá el importe final de la compra en la página de pago.

{{ __('PayBy la solución PAYCOMET') }}

Si el vendedor elige la opción de “importe fijo”, en el apartado “cantidad”, deberá introducir el importe a cobrar al cliente:

{{ __('PayBy la solución PAYCOMET') }}

En cambio, si se trata de un “pago variable” el vendedor podrá determinar el importe mínimo y máximo que puede ser introducido por el cliente en la página de pago:

{{ __('PayBy la solución PAYCOMET') }}
Paso 5: Autorización o preautorización

El vendedor podrá determinar el tipo de pago, dependiendo de si se trata de una “Autorización” o una “Preautorización”. En la “Autorización” la operación se realizará al momento, en cambio, en la “Preautorización”, la operación requerirá de confirmación posterior. (Esta funcionalidad debe ser habilitada, por defecto será autorización)

{{ __('PayBy la solución PAYCOMET') }}
Paso 6: Idioma y fecha de caducidad

Seleccionaremos el tipo de idioma y la fecha de caducidad del enlace de pago (fecha límite para hacer uso del enlace. Por defecto, los enlaces no tiene caducidad):

{{ __('PayBy la solución PAYCOMET') }}
Paso 7: Datos del cliente

En este apartado, podremos introducir (de forma opcional) los datos del cliente, o bien, si no disponemos de ellos, seleccionar la opción “No tengo los datos, los introducirá el cliente”.

{{ __('PayBy la solución PAYCOMET') }}

Finalmente, dependiendo del tipo de pago que se haya seleccionado en el primer paso (Link, SMS, Email o Código QR) se abrirá un último apartado exclusivo para cada método de pago (detallados a continuación).

4.2. Formulario para generar un Enlace de Pago

Si en el primer apartado hemos seleccionado la opción “Compartir enlace de pago (Redes sociales...)”, simplemente tendremos que hacer click en “Generar enlace de pago”:

{{ __('PayBy la solución PAYCOMET') }}

Lo que nos generará un enlace que podremos copiar y pegar o compartir allí donde deseemos:

{{ __('PayBy la solución PAYCOMET') }}

4.3. Formulario para enviar el link de pago por Email

Si en el primer paso hemos escogido “Enviar enlace por email”, se nos abrirá un formulario con los siguientes campos a rellenar:

{{ __('PayBy la solución PAYCOMET') }}
  • Nombre del destinatario: Nombre del cliente/comprador

  • Email que recibirá en enlace: Email del cliente

  • Plantilla: Se deberá seleccionar una plantilla de las que previamente se han configurado en el panel de control de PAYCOMET.

Finalmente, haremos click en “Enviar email”.

4.4. Formulario para enviar el link de pago por SMS

Si en el primer paso hemos escogido la opción “Enviar enlace por SMS”, aparecerá un formulario con los siguientes campos a rellenar:

{{ __('PayBy la solución PAYCOMET') }}
  • Teléfono al que se desea enviar el SMS con el enlace de pago (también tendremos que elegir el prefijo del país).

  • Plantilla: Se podrá seleccionar una plantilla de las que previamente se han configurado en el panel de control de PAYCOMET. (Por defecto existen plantillas preconfiguradas)

  • Texto: Si se ha seleccionado una plantilla previamente configurada, en este apartado aparecerá el texto que especificamos en la plantilla. En caso de no seleccionar ninguna plantilla, se podrá introducir el texto que queremos que se muestre en el SMS (máximo de 138 caracteres).

Finalmente, haremos click en “Enviar SMS”.

4.5. Formulario para generar un Código QR

Si en el primer apartado hemos seleccionado la opción “Generar código QR”, simplemente tendremos que hacer click en “Generar código QR”:

{{ __('PayBy la solución PAYCOMET') }}

Lo que nos generará una imagen QR que podremos descargar.

{{ __('PayBy la solución PAYCOMET') }}

5. Configurar las notificaciones de la operación

A través del panel de control de PAYCOMET accedemos a MIS PRODUCTOS – CONFIGURAR PRODUCTO.

El icono {{ __('PayBy la solución PAYCOMET') }}nos permite “Configurar producto”:

{{ __('PayBy la solución PAYCOMET') }}

Una vez entramos en “Configurar producto”, nos aparecerán diferentes opciones para configurar.

En primer lugar, podremos elegir el “Tipo de notificación del cobro” que queremos recibir una vez este sea efectivo:

  • Sin notificación de cobro

  • Notificación por URL

  • Notificación por Email

  • Notificación por URL e Email

Dependiendo de la opción escogida, nos aparecerán los diferentes campos para rellenar:

{{ __('PayBy la solución PAYCOMET') }}

En segundo lugar, en el apartado “Configuración estética del cobro”, podremos configurar la página de pago, rellenando los siguientes campos:

{{ __('PayBy la solución PAYCOMET') }}
  • Logotipo: Permite incorporar en el check out el logotipo de la empresa

  • Teléfono de atención al cliente de la empresa

  • Email de atención al cliente de la empresa

  • URL política de devoluciones: Permite incorporar la política de devoluciones en el momento de la página de pago

Finalmente, en el último apartado “Operativa de venta por SMS y email”, podremos configurar la URL que queremos que el cliente/comprador vea con el resultado final del pago (OK o KO):

{{ __('PayBy la solución PAYCOMET') }}

De este modo, el cliente recibirá la respuesta sobre si el pago ha sido satisfactorio o no tras la página de pago:

{{ __('PayBy la solución PAYCOMET') }} {{ __('PayBy la solución PAYCOMET') }}

6. Consulta de las operaciones

A través del panel de control de PAYCOMET accedemos a HISTORIAL DE OPERACIONES – BUSCAR EN HISTORIAL. En este apartado, podremos consultar todas las operaciones que hayamos enviado y su estado.

Para hacer la búsqueda, tendremos que rellenar diferentes apartados según nos convenga:

{{ __('PayBy la solución PAYCOMET') }} {{ __('PayBy la solución PAYCOMET') }}
  • Búsqueda por producto: Seleccionaremos aquel producto del que nos interese sacar las operaciones. Si queremos ver las operaciones de todos los productos, seleccionaremos la opción “Seleccionar todos los productos”.

  • “Buscar por” y “Texto a buscar”: En estos apartados podremos buscar por la “referencia de la operación”, el “concepto de la operación” o el “número de la operación”, si disponemos de ellos.

  • Tipo de moneda para las búsquedas: Elegiremos la divisa de la operación a buscar.

  • Por importe: Indicaremos el rango de importes a buscar (se puede dejar en blanco si no se busca ningún importe concreto).

  • Fecha/hora de inicio y Fecha/hora de fin: Indicaremos el rango de fechas y horas que queremos consultar.

  • Estado: Seleccionaremos el estado de las operaciones que queremos buscar (“todos”, “fallida” o “cobrado”).

  • Método de pago: Si cliente tiene habilitados diferentes métodos de pago alternativos, podremos seleccionar si queremos consultar los pagos con “tarjeta” u otro método distinto.

  • Bin de la tarjeta: Nos servirá para consultar los pagos hechos con una misma tarjeta, introduciendo los primeros 6 dígitos y los 4 últimos dígitos de la tarjeta.

  • Scoring: Permite filtrar por el scoring de las operaciones que queremos consultar.

  • Tipo de operación: Seleccionaremos uno o diferentes tipos de operaciones.

  • Operaciones por usuarios: Seleccionaremos las operaciones enviadas por todos los usuarios, o bien, aquellas realizadas por usuarios concretos.

Tras hacer click en “Buscar”, nos aparecerán todas aquellas operaciones relacionadas con nuestra búsqueda, que podremos descargarnos en diferentes formatos haciendo uso del desplegable que se muestra en la esquina derecha:

{{ __('PayBy la solución PAYCOMET') }}

Además, si queremos tener más información sobre una transacción en concreto, podemos hacer click encima para acceder a los datos de la operación:

{{ __('PayBy la solución PAYCOMET') }}