Si tienes una página ecommerce desarrollada en Joomla + VirtueMart, puedes integrar Flow mediante las extensiones y comenzar a operar con pagos online.
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í:
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.
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.
N° | 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. |
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.
N° | 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. |
Para integrar a Flow tu sitio de E-commerce basado en WooCommerce necesitas:
Pronto!
Una vez que hayas descargado las extensiones deseados debes acceder al panel de administración de Joomla, dirigirte al menú Extensiones e ingresar al Gestor de extensiones.
En la pestaña "Instalar" debes cargar cada extensión descargada y presionar el botón Subir e instalar.
Si la instalación fue exitosa, al dirigirte a la pestaña Gestionar y buscar Flow deberías ver la siguiente pantalla
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 la extensión como se muestra en el paso Configurar la extensión de Flow.
Para configurar una determinado extensión 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.
Si no has agregado ningún método de pago, sigue las siguientes instrucciones:
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 a la extensión |
Descripción del pago | Descripción de la extensión que se mostrará al usuario final cuando se seleccione el medio de pago a utilizar. A modo de ejemplo:
|
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:
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 https://sandbox.flow.cl y obtener el certificado digital desde ahí. Una vez concluyas de hacer pruebas, tendrás que configurar nuevamente la extensión 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 a la extensión 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.
|
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
Antes de comenzar a operar mediante Flow, te recomendamos validar la siguiente configuración:
Si estás utilizando el sitio de pruebas (https://sandbox.flow.cl), puedes simular un pago mediante Webpay con las siguientes tarjetas:
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 |
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 |
Si es posible, para ello debes seguir las siguientes instrucciones:
A continuación, se muestran opciones adicionales para personalizar la configuración de la extensión. 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á.