Integra Flow como sistema de pago

Si tienes una página ecommerce desarrollada en Wordpress + WooCommerce, 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

Descargar

Plugin Flow para Servipag

Descargar

Plugin Flow para MultiCaja

Descargar

Para instalar cada plugin se debe descomprimir el archivo descargado y arrastrar la carpeta flow, flowservipag y/o flowmulticaja al directorio wp-content/plugins de la instalación de Wordpress.

Instalación de plugins Flowen Wordpress
Instalación de plugins Flow en Wordpress

Actualizar plugin de Flow

Si ya posees una versión de alguno de los plugins de Flow instalada en tu WooCommerce y deseas actualizarla, debes reemplazar los archivos antiguos por los archivos actualizados en la carpeta wp-content/plugins de la instalación de Wordpress. Los archivos actualizados se obtienen al descomprimir la nueva versión del plugin.

Luego, debes configurar el plugin tal como se muestra en el paso posterior "Configuración del medio de pago Flow".

Habilitación del Plugins WooCommerce de Flow

Para habilitar cada plugin ir a la opción Plugins de la administración de Wordpress, clic en Activar en el plugin WooCommerce Flow Webpay, WooCommerce Flow Servipag y/o WooCommerce Flow Multicaja según lo desee.

Configuración de WooCommerce

Debes configurar las opciones base de WooCommerce. Ir a WooCommerce -> Settings -> General en la administración de Wordpress y hacer lo siguiente:

Configuración Base
Configuracíon de las opciones base de WooCommerce

Configuración del medio de pago Flow

Para habilitar Flow se debe ir a WooCommerce -> Settings -> Checkout en la administración de Wordpress, y hacer clic sobre: y/o

Habilitar Flow
Habilitar Flow

Los datos que debes configurar son:

Dato Descripción
Activar/Desactiva Selecciona activar para recibir pagos con Flow
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.
Title Ingresa el nombre que se mostrará a las personas cuando paguen en tu tienda virtual. Algunos ejemplos:
  • 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
Description Descripción del plugin
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 Sube el archivo del Certificado Digital descargado desde Flow.
Clic en Save changes Para guardar tu configuración

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:
    • WooCommerce -> Settings -> Checkout -> Flow - Pago electrónico vía Webpay, para Flow Webpay.
    • WooCommerce -> Settings -> Checkout -> Flow - Pago electrónico vía Servipag, para Flow Servipag.
    • WooCommerce -> Settings -> Checkout -> Flow - Pago electrónico vía Multicaja, para Flow Multicaja.
  2. En la opción Title 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.
Opciones Avanzadas
Opciones Avanzadas