Integra Flow como sistema de pago

Si tienes una página ecommerce desarrollada en Joomla + VirtueMart, puedes integrar Flow mediante los plugins y comenzar a operar con pagos online.

¿No eres parte de Flow?

Antes de continuar debes registrarte en Flow y seleccionar la opción Deseo utilizar Flow para recibir pagos. Si aún no estas registrado puedes hacerlo aquí:

Regístrate

Modelo de Integración

Toda la comunicación entre el comercio y Flow viaja firmada electrónicamente con certificados digitales. Las firmas digitales son verificadas en cada punto de comunicación, asegurando la confiabilidad entre el emisor y el receptor.

A continuación te explicamos los dos modelos de integración con Flow el indirecto y directo.

Modo indirecto

Con este modo de integración, antes de enviar la transacción a Webpay, Servipag o Multicaja, se presenta una página de Flow con los datos de la transacción. Además, en dicha página se muestran los medios de pago habilitados por el vendedor, permitiendo al pagador elegir el deseado.

Modo indirecto
Método de integración indirecto

Descripción de acciones

Descripción
1 El comercio, utilizando el Kit, envía a Flow una Orden de Pago firmada electrónicamente.
2 Flow recibe la Orden y verifica que provenga de un comercio registrado. En este paso presenta una página para que el pagador confirme la orden y seleccione el medio de pago deseado: Webpay, Servipag o Multicaja.
3 Flow deriva al pagador a la página del medio de pago (Webpay, Servipag o Multicaja) seleccionado.
4 El medio de pago envía a Flow el resultado de la transacción y solicita confirmarla.
5 Flow envía el resultado del pago a la página de confirmación del comercio.
6 El comercio recibe la confirmación del pago. La página del comercio tiene 15 segundos para responder la recepción de la confirmación. Si su página de confirmación no responde en ese tiempo y la transacción había sido aprobada por el medio de pago, la transacción se dará por aprobada.
7 Flow envía al medio de pago la confirmación de la transacción.
8 Si el pago es exitoso, Flow deriva el control a la página de éxito del comercio. Además, se envía un email notificado del pago al vendedor y al pagador.
9 Si el pago es rechazado, Flow despliega su página de fracaso.
10 Desde la página de fracaso de Flow, si el cliente hace click en el botón (Volver al comercio) se invoca la página de fracaso del comercio.

Modo directo

Con este modo de integración Flow envía la transacción directo a Webpay, Servipag o Multicaja según corresponda, sin presentar una página de Flow con los datos de la transacción.

Modo directo
Método de integración directo

Descripción de acciones

Descripción
1 El comercio utilizando el Kit, envía a Flow una Orden de Pago firmada electrónicamente.
2 Flow deriva al pagador a la página del medio de pago (Webpay, Servipag o Multicaja) informado desde el Kit.
3 El medio de pago envía a Flow el resultado de la transacción y solicita confirmarla.
4 Flow envía el resultado del pago a la página de confirmación del comercio.
5 El comercio recibe la confirmación del pago. La página del comercio tiene 15 segundos para responder la recepción de la confirmación. Si su página de confirmación no responde en ese tiempo y la transacción había sido aprobada por el medio de pago, la transacción se dará por aprobada.
6 Flow envía al medio de pago la confirmación de la transacción.
7 Si el pago es exitoso Flow deriva el control a la página de éxito del comercio. Además, se envía un email notificado del pago al vendedor y al pagador.
8 Si el pago es rechazado Flow despliega su página de fracaso.
9 Desde la página de fracaso de Flow si el cliente hace clic en el botón (Volver al comercio) se invoca la página de fracaso del comercio.

Requisitos

Para integrar a Flow tu sitio de E-commerce basado en WooCommerce necesitas:

Descargar e instalar

Plugin Flow para Webpay VirtueMart 2

Descargar

Plugin Flow para Servipag VirtueMart 2

Descargar

Plugin Flow para MultiCaja VirtueMart 2

Pronto!

Plugin Flow para Webpay VirtueMart 3

Descargar

Plugin Flow para Servipag VirtueMart 3

Descargar

Plugin Flow para MultiCaja VirtueMart 3

Descargar

Una vez que hayas descargado los plugins deseados debes acceder al panel de administración de Joomla, dirigirte al menú Extensiones e ingresar al Gestor de extensiones.

Instalar Plugin
Instalar Plugin

En la pestaña "Instalar" debes cargar cada plugin descargado y presionar el botón Subir e instalar.

Instalar Plugin Flow
Instalar Plugin Flow

Si la instalación fue exitosa, al dirigirte a la pestaña Gestionar y buscar Flow deberías ver la siguiente pantalla

Habilitar Plugin Flow
Habilitar Plugin Flow

Actualizar plugin de Flow

Si ya posees alguna versión de Flow instalada en tu VirtueMart y deseas actualizarla, tienes que desinstalar la versión anterior:

Una vez que hayas desinstalado la versión anterior, sigue las mismas instrucciones del paso Descargar e Instalar. Luego, configura el plugin como se muestra en el paso Configurar el plugin de Flow.

Configuración del Plugins VirtueMart de Flow

Para configurar un determinado plugin de Flow es necesario dirigirse al menú VirtueMart -> Tienda -> Métodos de pago -> Clic en el ícono Nuevo, que encuentra en la esquina superior derecha.

Agregar método de pago
Agregar método de pago

Si no has agregado ningún método de pago, sigue las siguientes instrucciones:

Información método de pago
Información método de pago

Los datos que debes configurar en la ventana Información método de pago son:

Dato Descripción
Nombre de método de pago Escribe un nombre según corresponda el plugin
Descripción del pago Descripción del plugin que se mostrará al usuario final cuando se seleccione el medio de pago a utilizar. A modo de ejemplo:
  • Flow Webpay: Pagar con tarjetas de crédito o débito bancarias
  • Flow Servipag: Pagar con tarjetas CMR, Ripley o Cencosud
  • Flow Multicaja: Pagar en efectivo en locales adheridos a Multicaja
  • Flow: Pagar mediante plataforma de pagos Flow con Webpay, Servipag y Multicaja
Método de pago Selecciona Flow Webpay, Flow Servipag o Flow Multicaja según corresponda.
Publicado Se recomienda seleccionar No mientras la configuración no esté realizada en forma total.
Moneda Selecciona Peso Chileno
Clic en Guardar Para guardar tu configuración

En la pestaña Configuración completa la siguiente información:

Información y configuración método de pago
Información y configuración método de pago

Los datos que debes configurar en la ventana configuración son:

Dato Descripción
Plataforma de Flow Selecciona si usarás la Plataforma de pruebas o la Plataforma oficial de Flow.
La plataforma de producción es la plataforma oficial donde se realizarán las transacciones.
Si antes deseas hacer pruebas selecciona la Plataforma de Pruebas. Para usar la Plataforma de Pruebas deberás registrarte en el sitio de pruebas http://flow.tuxpan.com y obtener el certificado digital desde ahí. Una vez concluyas de hacer pruebas, tendrás que configurar nuevamente el plugin con el certificado digital descargado del sitio oficial.
ID Comercio Flow Ingresa el email con el que estás registrado en Flow
Url de retorno Sólo aplica al plugin de Multicaja. Corresponde a la página donde volverá el cliente una vez que generó el cupón de pago. Recomendamos que dicha url sea la página principal de tu tienda virtual.
Modo de acceso Aquí debes seleccionar el tipo de integración deseado.
  • Ingresar directamente: Corresponde al modo directo de integración. Una vez que el cliente confirme el pago en el sitio web del comercio, se abrirá inmediatamente la pantalla de pagos de Webpay, Servipag o Multicaja, según corresponda.
  • Mostrar pasarela Flow: Corresponde al modo indirecto de integración. Previo al pago en Webpay, Servipag o Multicaja, se mostrará una ventana de Flow donde se indican los datos de la transacción (comercio, concepto, monto, email del pagador, etc). También se mostrarán al pagador los medios de pago que tenga habilitados el vendedor (Webpay, Servipag y/o Multicaja), pudiendo elegir el que desee.
Llave Privada Flow Para obtener la llave privada se debe descargar el certificado digital desde mis datos, el cual corresponde a un archivo llamado comercio.pem. El archivo debes abrirlo con un editor de texto y copiar la totalidad de su contenido. Es importante verificar que el archivo se copió completamente.
País Chile
Moneda CLP Chile Pesos
Monto mínimo y monto máximo Si el producto tiene un pago fuera de estos valores, no se ofrecerá Flow como método de pago
Monto mínimo y monto máximo Si el producto tiene un pago fuera de estos valores, no se ofrecerá Flow como método de pago
Estado Pendiente Seleccionar Pendiente
Estado exitoso Seleccionar Confirmado
Estado fallido Seleccionar Cancelado
Clic en Guardar Para guardar tu configuración

Debes hacer clic en el símbolo rojo Published. Si todo se ha realizado en forma correcta, dicho botón deberá cambiar a color verde

Método de pago publicado
Método de pago publicado

Validar configuración seleccionada

Antes de comenzar a operar mediante Flow, te recomendamos validar la siguiente configuración:

Si estás utilizando el sitio de pruebas (http://flow.tuxpan.com), puedes simular un pago mediante Webpay con las siguientes tarjetas:

Pago Exitoso

Dato Valor
N° Tarjeta de Crédito 4051885600446623
Año de Expiración Cualquiera
Mes de Expiración Cualquiera
CVV 123
En la simulación del banco usar:
Rut 11.111.111-1
Clave 123

Pago Rechazado

Dato Valor
N° Tarjeta de Crédito 5186059559590568
Año de Expiración Cualquiera
Mes de Expiración Cualquiera
CVV 123
En la simulación del banco usar:
Rut 11.111.111-1
Clave 123

¿Es posible tener sólo un plugin instalado y recibir pagos mediante Webpay, Servipag y Multicaja?

Si es posible, para ello debes seguir las siguientes instrucciones:

Opciones avanzadas

A continuación se muestran opciones adicionales para personalizar la configuración del plugin. Estas opciones requieren cierto nivel de conocimiento sobre HTML y programación.

Agregar imagen al medio de pago: Debes seguir las siguientes instrucciones para mostrar una determinada imagen cuando el cliente elija el medio por el cual pagará.

  1. En primer lugar debes ingresar a la configuración del plugin de Flow:
    • Tienda -> Métodos de pago -> Flow Webpay -> Información del método de pago, para Flow Webpay
    • Tienda -> Métodos de pago -> Flow Servipag -> Información del método de pago, para Flow Servipag
    • Tienda -> Métodos de pago -> Flow Multicaja -> Información del método de pago, para Flow Multicaja
  2. En la opción Nombre de método de pago puedes ingresar la imagen que desees como código HTML, por ejemplo:
    • <img src='http://www.flow.cl/img/logo_webpay.png' width='80px' /> Pagar con tarjetas de crédito o débito bancarias
    • <img src='http://www.flow.cl/img/BP_Servipag_peq.png' width='80px' /> Pagar con tarjetas CMR, Ripley o Cencosud
    • <img src='http://www.flow.cl/img/logo_multicaja_150_55.png' width='80px' /> Pagar en efectivo en locales adheridos a Multicaja
  3. Finalmente se deben guardar los cambios y revisar que la imagen se muestre correctamente.