Integra Flow a tu sitio de ecommerce

Integra Flow a tu página de comercio electrónico y comienza a operar con pagos online:

  • Pagos con tarjetas de crédito/débito bancarias, mediante Webpay.
  • Pagos con tarjetas del retail (Cencosud, CMR, Ripley) y bancos, mediante Servipag.
  • Pago en efectivo en locales adheridos a Multicaja.

Antes de comenzar a operar con Flow, es importante haber seleccionado los medios de pagos que desees utilizar (Webpay, Servipag y/o Multicaja) y su respectiva comisión. Si deseas revisar o editar tus medios de pago hazlo en la sección Mis datos.

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.

Existen dos modelos de integración con Flow:

  • 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 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 indirecto

Modo indirecto

Descripción de acciones:

  1. El comercio, utilizando algún plugin, 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

Modo directo

Descripción de acciones:

  1. El comercio, utilizando algún plugin, 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 plugin.
  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.

OpenCart

OpenCart

Requisitos:

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

  • Estar registrado en Flow como vendedor
  • Descargar el Certificado digital desde "Mis Datos"
  • OpenCart versión 1.5.6 o superior
  • OpenCart versión 2.0 o superior
  • Asegurarse que su tienda está visible desde internet

Agregar pesos chilenos como moneda

Si aún no has agregado el peso chileno como moneda debes hacer lo siguiente:

  1. Entrar a la administración del portal.
  2. Ir a Sistema > Localización > Monedas.
  3. Hacer clic en insertar una nueva moneda.
  4. Agregar “Peso Chileno” como título.
  5. Agregar CLP como código.
  6. Agregar $ como símbolo a la izquierda.
  7. Dejar símbolo a derecha en blanco.
  8. Agregar 0 como decimales.
  9. Agregar 1.0000 como valor.
  10. Seleccionar el estado como activo.
  11. Guardar.
Configuración moneda OpenCart

Configurar pesos chilenos como moneda

Este plugin requiere que se use el peso chileno como moneda predeterminada. Si no la tienes configurada sigue estos pasos:

  1. Entrar a la administración de OpenCart
  2. Ir a Sistema > Configuración
  3. Seleccionar la tienda que deseas configurar y hacer clic en Editar
  4. Hacer clic en el tab Local
  5. Seleccionar Chile como país
  6. Seleccionar la región donde funcionas
  7. En la Moneda seleccionar Pesos como predeterminada
  8. Seleccionar Si en Auto Actualización de moneda (divisas)
  9. Hacer clic en Grabar

Configuración moneda OpenCart

Descargar e Instalar

Descargue el plugin Flow Webpay, Flow Servipag y Flow Multicaja para Opencart versión 2.2 o inferior aquí: OpenCart Plugin
Descargue el plugin Flow Webpay, Flow Servipag y Flow Multicaja para Opencart versión 2.3 o superior aquí: OpenCart Plugin

Descomprima el archivo zip y suba los archivos vía FTP al sitio donde tiene su OpenCart. Debe agregar el contenido de las carpetas admin y catalog en las mismas carpetas de OpenCart.

Actualizar plugin de Flow

Si ya posees una versión del plugin de Flow instalada en tu OpenCart y deseas actualizarla, debes reemplazar los archivos antiguos por los archivos actualizados. Para ello basta arrastrar las carpetas admin y catalog, obtenidas al descomprimir la nueva versión del plugin, en las mismas carpetas de OpenCart. Es importante que todos los archivos sean reemplazados.

Luego, debes configurar el plugin tal como se muestra en el paso siguiente "Configurar el Plugin de Flow".

Configurar el Plugin de Flow

  1. En el menú de administración de OpenCart seleccionar Extensiones > Pagos
  2. Podrás encontrar las extensiones Flow Webpay, Flow Servipag y Flow Multicaja
  3. Instala las extensiones que desees utilizar, haciendo clic en instalar
Instalación Plugin OpenCart

Para cada extensión de Flow instalada, debes hacer click en editar y configurar los siguientes datos:

  1. Nombre medio de pago: 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
  2. Plataforma de Flow: Aquí debes seleccionar si usarás la Plataforma de pruebas de Flow o la Plataforma oficial.
    La plataforma de producción es la Plataforma oficial donde se realizarán las transacciones. Ahora si antes de usar Flow, deseas hacer pruebas, entonces selecciona la Plataforma de Pruebas. Para usar la Plataforma de Pruebas deberás registrarte en el sitio de pruebas Sitio de Pruebas y obtener el certificado digital desde ahí. Luego, una vez que termines de hacer pruebas, tendrás que configurar nuevamente el plugin con el certificado digital descargado del sitio oficial.
  3. ID Comercio Flow: Aquí debes ingresar el email con el que estás registrado en Flow.
  4. 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.
  5. Llave privada Flow: Aquí debes subir el archivo del Certificado Digital descargado desde Flow.
  6. 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.
  7. Estado con Pago Exitoso: Seleccione "Processed".
  8. Estado con Pago Fallido Seleccione "Failed".
  9. Zona geográfica: Debe seleccionar "Todas las zonas".
  10. Estado: Debe seleccionar "Habilitado".
  11. Orden: Corresponde al orden en que se mostrarán los medios de pago. Aquí puedes usar el valor que quieras.

Instalación Plugin OpenCart

Una vez realizada la configuración haz clic en el botón "Guardar".

Para hacer pruebas ver Sitio de Pruebas

Opciones avanzadas

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

Agregar imagen al medio de pago: Para agregar una imagen al medio de pago debes seguir las siguientes instrucciones. Esto mostrará una determinada imagen cuando el cliente elija el medio por el cual pagará.

  1. Abrir los archivos catalog/model/payment/flow.php para Flow Webpay, catalog/model/payment/flow_servipag.php para Flow Servipag y catalog/model/payment/flow_multicaja.php para Flow Multicaja.
  2. Añadir una imagen como código HTML en la línea 36:
    • 'title'=> '<img src="http://flow.cl/img/logo_webpay.png" style="vertical-align:middle; width: 100px;" /> '.$this->config->get('flow_title'),
    • 'title'=> '<img src="http://flow.cl/img/BP_Servipag_peq.png" style="vertical-align:middle; width: 100px;" /> '.$this->config->get('flow_servipag_title'),
    • 'title'=> '<img src="http://flow.cl/img/logo_multicaja_150_55.png" style="vertical-align:middle; width: 100px;" /> '.$this->config->get('flow_multicaja_title'),
  3. El valor de src permite insertar la URL de la imagen deseada, mientras que el valor de width permite ajustar el ancho de la imagen.
  4. Finalmente se deben guardar los cambios y revisar que la imagen se muestre correctamente.
Agregar imagen al medio de pago

PrestaShop

PrestaShop

Requisitos:

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

  • Estar registrado en Flow como vendedor
  • Descargar el Certificado digital desde "Mis Datos"
  • PrestaShop versión 1.5.0.5 o superior
  • Asegurarse que su tienda está visible desde internet

Configurar pesos chilenos y decimales

Para asegurarse que los pagos sean correctamente informados por Flow a su sitio de E-commerce basado en PrestaShop, es importante que se utilice el peso chileno como moneda. Por lo general, al realizar la instalación, PrestaShop configura esto en forma automática, sin embargo es recomendable revisar en el menú "Localización" -> "Monedas" -> "Peso CLP" que el campo "Decimales" esté marcado con la opción "No".

Pesos chilenos

También debe dirigirse a "Preferencias" -> "Configuración" y verificar el valor seleccionado para los siguientes campos:

  • Tipo de redondeo: Redondeo al alza, cuando se ha pasado la mitad (recomendado)
  • Tipo de redondeo: Redondea en el total
  • Número de decimales: 0

Pesos chilenos

Descargar e Instalar

Descargue el Plugin Flow Webpay aquí: PrestaShop Plugin (Webpay)
Descargue el Plugin Flow Servipag aquí: PrestaShop Plugin (Servipag)
Descargue el Plugin Flow Multicaja aquí: PrestaShop Plugin (Multicaja)

Para instalar cada módulo se debe ir a la administración de módulos de Prestashop (Administrar->Módulos) y pinchar en el botón "Añadir nuevo módulo".

Añadir módulo Flow

Luego seleccione desde su computador el archivo .zip del plugin de Flow descargado y haga clic en el botón "Subir este módulo"

Añadir módulo Flow

Una vez subido debería aparecer el mensaje "The module was successfully downloaded."

Actualizar plugin de Flow

Si ya posees una versión del plugin de Flow instalada en tu PrestaShop y deseas actualizarla, debes seguir las mismas instrucciones mencionadas en el paso anterior "Descargar e Instalar".

Luego, debes configurar el plugin haciendo click en el botón "Configurar" del módulo.

Configurar el módulo

El siguiente paso es configurar cada módulo subido, para esto haga clic en el botón "Instalar" de la derecha:

Añadir módulo Flow

Si le sale la siguiente advertencia continúe con la instalación.

Añadir módulo Flow

Una vez finalizada la instalación, debe presionar el botón configurar y completar los siguientes datos:

  1. Plataforma de Flow Aquí debes seleccionar si usarás la Plataforma de pruebas de Flow o la Plataforma oficial.
    La plataforma de producción es la Plataforma oficial donde se realizarán las transacciones. Ahora si antes de usar Flow, deseas hacer pruebas, entonces selecciona la Plataforma de Pruebas. Para usar la Plataforma de Pruebas deberás registrarte en el sitio de pruebas Sitio de Pruebas y obtener el certificado digital desde ahí. Luego, una vez que termines de hacer pruebas, tendrás que configurar nuevamente el plugin con el certificado digital descargado del sitio oficial.
  2. Nombre medio de pago: 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
  3. ID Comercio Flow Aquí debes ingresar el email con el que estás registrado en Flow.
  4. 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.
  5. Llave Privada Flow Aquí debes subir el archivo del Certificado Digital descargado desde Flow.
  6. 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.
  7. Cobro adicional Permite ingresar un recargo en porcentaje (entre 0 y 100) al pagar utilizando Flow.

Una vez realizada la configuración haz clic en el botón "Save Settings".

La siguiente pantalla muestra los datos que deberá configurar

Añadir módulo Flow

Así termina la configuración de Flow para PrestaShop.

Para hacer pruebas ver Sitio de Pruebas

¿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:

  • Verificar en la sección Mis datos que tienes los medios de pago activados.
  • Instalar un plugin, puede ser el plugin Flow Webpay, Flow Servipag o Flow Multicaja.
  • Configurar el plugin como se describe en los puntos anteriores.
  • En el modo de acceso, debes seleccionar la opción "Mostrar pasarela Flow".
  • En el nombre del medio de pago recomendamos poner un nombre genérico, por ejemplo "Pagar mediante plataforma de pagos Flow con Webpay, Servipag y Multicaja".
De esta manera, cuando el cliente haga click en el botón "Pagar" de tu sitio web, accederá a una página de Flow donde podrá seleccionar el medio de pago que desee.

Opciones avanzadas

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

Agregar imagen al medio de pago: Para agregar una imagen al medio de pago debes seguir las siguientes instrucciones. Esto mostrará una determinada imagen cuando el cliente elija el medio por el cual pagará.

  1. Abrir los archivos flowpayment/flowpayment.php para Flow Webpay, flowpaymentsp/flowpaymentsp.php para Flow Servipag y flowpaymentmc/flowpaymentmc.php para Flow MultiCaja.
  2. Añadir el link de la imagen deseada en la línea 73 para Flow Webpay y 74 para Flow Servipag y Flow Multicaja:
    • 'logo' => "http://www.flow.cl/img/webpay64.png",
    • 'logo' => "http://www.flow.cl/img/servipag64.png",
    • 'logo' => "http://www.flow.cl/img/multicaja64.png",
  3. Finalmente se deben guardar los cambios y revisar que la imagen se muestre correctamente.
Agregar imagen al medio de pago

WooCommerce

OpenCart

Requisitos:

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

  • Estar registrado en Flow como vendedor
  • Descargar el Certificado digital desde "Mis Datos"
  • WooCommerce versión 2.0 o superior
  • Asegurarse que su tienda está visible desde internet

Descargar e Instalar

Descargue el Plugin Flow Webpay aquí: WooCommerce Plugin (Webpay)
Descargue el Plugin Flow Servipag aquí: WooCommerce Plugin (Servipag)
Descargue el Plugin Flow Servipag aquí: WooCommerce Plugin (Multicaja)

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.

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 es necesario ir a la opción Plugins de la administración de Wordpress, y pinchar "Activar" en el plugin WooCommerce Flow Webpay, WooCommerce Flow Servipag y/o WooCommerce Flow Multicaja según lo desee. Si indica "Desactivar" como en la imagen, no hacer nada.

Habilitar plugins

Configuración de WooCommerce

A continuación se debe configurar las opciones base de WooCommerce, para eso ir a WooCommerce -> Settings -> General en la administración de Wordpress, en el país base seleccionar Chile, poner Pesos Chilenos como moneda, poner como separador de miles el signo "." y como separador de decimales el ",".

Configurar 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 "Flow - Pago electrónico vía Webpay" para el plugin Flow Webpay, "Flow - Pago electrónico vía Servipag" para el plugin Flow Servipag y/o "Flow - Pago electrónico vía Multicaja" para el plugin Flow Multicaja.

Configurar Flow

Los datos que debes configurar son:

  1. Activar/Desactiva aquí seleccionar activar.
  2. Plataforma de Flow Aquí debes seleccionar si usarás la Plataforma de pruebas de Flow o la Plataforma oficial.
    La plataforma de producción es la Plataforma oficial donde se realizarán las transacciones. Ahora si antes de usar Flow, deseas hacer pruebas, entonces 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í. Luego, una vez que termines de hacer pruebas, tendrás que configurar nuevamente el plugin con el certificado digital descargado del sitio oficial.
  3. 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
  4. Description Descripción del plugin
  5. ID Comercio Flow Aquí debes ingresar el email con el que estás registrado en Flow.
  6. 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.
  7. 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.
  8. Llave Privada Flow Aquí debes subir el archivo del Certificado Digital descargado desde Flow.

Una vez realizada la configuración haz clic en el botón "Save changes".

Para hacer pruebas ver Sitio de Pruebas

¿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:

  • Verificar en la sección Mis datos que tienes los medios de pago activados.
  • Instalar un plugin, puede ser el plugin Flow Webpay, Flow Servipag o Flow Multicaja.
  • Configurar el plugin como se describe en los puntos anteriores.
  • En el modo de acceso, debes seleccionar la opción "Mostrar pasarela Flow".
  • En el nombre del medio de pago recomendamos poner un nombre genérico, por ejemplo "Pagar mediante plataforma de pagos Flow con Webpay, Servipag y Multicaja".
De esta manera, cuando el cliente haga click en el botón "Pagar" de tu sitio web, accederá a una página de Flow donde podrá seleccionar el medio de pago que desee.

Opciones avanzadas

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

Agregar imagen al medio de pago: Para agregar una imagen al medio de pago debes seguir las siguientes instrucciones. Esto 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.
Agregar imagen al medio de pago

WHMCS

WHMCS

Requisitos:

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

  • Estar registrado en Flow como vendedor
  • Descargar el Certificado digital desde "Mis Datos"
  • Contar con WHMCS, versiones 5 o 6
  • Asegurarse que su tienda está visible desde internet

Descargar e Instalar

Descargue el Plugin Flow Webpay aquí: WHMCS Plugin (Webpay)
Descargue el Plugin Flow Servipag aquí: WHMCS Plugin (Servipag)
Descargue el Plugin Flow Servipag aquí: WHMCS Plugin (Multicaja)

Para instalar cada plugin se debe descomprimir el archivo descargado en el directorio modules/gateways.

Configurar el plugin de Flow:

Para configurar cada plugin, en la opción de Payment Gateways de la consola de administración, se debe activar el plugin de Flow Webpay y/o el plugin de Flow Servipag y/o el plugin de Flow Multicaja según desee.

Configurar WHMCS

Una vez activado, se deben ingresar los datos requeridos:

  1. Display name: 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
  2. Plataforma de Flow Aquí debes seleccionar si usarás la Plataforma de pruebas de Flow o la Plataforma oficial.
    La plataforma de producción es la Plataforma oficial donde se realizarán las transacciones. Ahora si antes de usar Flow, deseas hacer pruebas, entonces 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 (llave privada) desde ahí. Luego, una vez que termines de hacer pruebas, tendrás que configurar nuevamente el plugin con el certificado digital descargado del sitio oficial.
  3. ID Comercio Flow Aquí debes ingresar el email con el que estás registrado en Flow.
  4. 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.
  5. 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.
  6. 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. Dicho archivo debes abrirlo con un editor de texto y copiar la totalidad de su contenido. Es importante verificar que el archivo se copió completamente.

Configurar WHMCS

Para finalizar, debes hacer click en el botón Save Changes. De esta forma termina la configuración de Flow para WHMCS.

Para hacer pruebas ver Sitio de Pruebas

¿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:

  • Verificar en la sección Mis datos que tienes los medios de pago activados.
  • Instalar un plugin, puede ser el plugin Flow Webpay, Flow Servipag o Flow Multicaja.
  • Configurar el plugin como se describe en los puntos anteriores.
  • En el modo de acceso, debes seleccionar la opción "Mostrar pasarela Flow".
  • En el nombre del medio de pago recomendamos poner un nombre genérico, por ejemplo "Pagar mediante plataforma de pagos Flow con Webpay, Servipag y Multicaja".
De esta manera, cuando el cliente haga click en el botón "Pagar" de tu sitio web, accederá a una página de Flow donde podrá seleccionar el medio de pago que desee.

VirtueMart

OpenCart

Requisitos:

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

  • Estar registrado en Flow como vendedor
  • Descargar el Certificado digital desde "Mis Datos"
  • Tener instalado VirtueMart 2 o 3.
  • Asegurarse que su tienda está visible desde internet

Descargar e Instalar

Descarga el plugin Flow Webpay para VirtueMart 2 aquí: VirtueMart 2 Plugin (Webpay)
Descarga el plugin Flow Servipag para VirtueMart 2 aquí: VirtueMart 2 Plugin (Servipag)
Descarga el plugin Flow Multicaja para VirtueMart 2 aquí: ¡Pronto!

Descarga el plugin Flow Webpay para VirtueMart 3 aquí: VirtueMart 3 Plugin (Webpay)
Descarga el plugin Flow Servipag para VirtueMart 3 aquí: VirtueMart3 Plugin (Servipag)
Descarga el plugin Flow Multicaja para VirtueMart 3 aquí: VirtueMart 3 Plugin (Multicaja)

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". En la pestaña "Instalar" debes cargar cada plugin descargado y presionar el botón "Subir e instalar".

Instalar VM

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

Instalar VM

En dicha ventana es necesario presionar el símbolo rojo de la extensión para habilitar el plugin de Flow. El color del símbolo debe cambiar a verde.

Instalar VM

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: Para ello debes dirigirte al panel de administración de Joomla, menú "Extensiones", ingresar al "Gestor de extensiones" y hacer click en la pestaña "Gestionar". En dicha pestaña debes buscar y seleccionar la extensión de Flow que quieres desinstalar, y presionar el botón superior derecho "Desinstalar".

Una vez que hayas desinstalado la versión anterior debes seguir las mismas instrucciones del paso anterior "Descargar e Instalar". Luego, debes configurar el plugin tal como se muestra en el paso siguiente "Configurar el plugin de Flow".

Configurar el plugin de Flow:

Para configurar un determinado plugin de Flow es necesario dirigirse al menú "VirtueMart" -> "Payment Methods". Si el medio de pago ya se ha creado debes buscarlo ("Flow Webpay", "Flow Servipag" o "Flow Multicaja") y hacer click sobre él. Por el contrario, si aún no se ha creado:

  • Se debe hacer click en el ícono "Nuevo", el cual se encuentra en la esquina superior derecha.
  • En la ventana "Payment Method Information" se debe introducir el nombre del método de pago ("Flow Webpay", "Flow Servipag" o "Flow Multicaja" según corresponda) y la descripción 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
  • Se debe seleccionar "Flow Webay", "Flow Servipag" o "Flow Multicaja" en "Payment Method", según corresponda.
  • Se recomienda seleccionar "no" en la opción "Published" mientras la configuración no esté realizada en forma total.
  • Finalmente se debe presionar el botón superior derecho "Guardar".

Configurar VM

A continuación se debe hacer click en la pestaña "Configuration", donde se deben completar los campos requeridos:

Configurar VM

  1. Plataforma de Flow Aquí debes seleccionar si usarás la Plataforma de pruebas de Flow o la Plataforma oficial.
    La plataforma de producción es la Plataforma oficial donde se realizarán las transacciones. Ahora si antes de usar Flow, deseas hacer pruebas, entonces 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 (llave privada) desde ahí. Luego, una vez que termines de hacer pruebas, tendrás que configurar nuevamente el plugin con el certificado digital descargado del sitio oficial.
  2. ID Comercio Flow Aquí debes ingresar el email con el que estás registrado en Flow.
  3. 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.
  4. 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.
  5. 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. Dicho archivo debes abrirlo con un editor de texto y copiar la totalidad de su contenido. Es importante verificar que el archivo se copió completamente.
  6. País Chile
  7. Moneda CLP Chile Pesos.
  8. 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.
  9. Estados

Una vez realizado esto se debe presionar el botón "Guardar y cerrar", luego de lo cual deberá hacer click en el símbolo rojo "Published". Si todo se ha realizado en forma correcta, dicho botón deberá cambiar a color verde:

Configurar VM

De esta forma termina la configuración de Flow para VirtueMart.

Para hacer pruebas ver Sitio de Pruebas

¿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:

  • Verificar en la sección Mis datos que tienes los medios de pago activados.
  • Instalar un plugin, puede ser el plugin Flow Webpay, Flow Servipag o Flow Multicaja.
  • Configurar el plugin como se describe en los puntos anteriores.
  • En el modo de acceso, debes seleccionar la opción "Mostrar pasarela Flow".
  • En el nombre del medio de pago recomendamos poner un nombre genérico, por ejemplo "Pagar mediante plataforma de pagos Flow con Webpay, Servipag y Multicaja".
De esta manera, cuando el cliente haga click en el botón "Pagar" de tu sitio web, accederá a una página de Flow donde podrá seleccionar el medio de pago que desee.

Opciones avanzadas

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

Agregar imagen al medio de pago: Para agregar una imagen al medio de pago debes seguir las siguientes instrucciones. Esto 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:
    • VirtueMart -> Payment Methods -> Flow Webpay -> Payment Method Information, para Flow Webpay
    • VirtueMart -> Payment Methods -> Flow Servipag -> Payment Method Information, para Flow Servipag
    • VirtueMart -> Payment Methods -> Flow Multicaja -> Payment Method Information, para Flow Multicaja
  2. En la opción Payment Name 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.

Magento

Magento

Requisitos:

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

  • Estar registrado en Flow como vendedor
  • Descargar el Certificado digital desde "Mis Datos"
  • Contar con Magento 1.9 o superior
  • Asegurarte que tu tienda está visible desde internet

Descargar e Instalar

Descargue el plugin Flow Webpay y Flow Servipag aquí: Magento Plugin
Descarga el plugin Flow Multicaja aquí: ¡Pronto!

Una vez que hayas descargado el plugin debes acceder al panel de administración de Magento y luego ingresar a System -> Magento Connect -> Magento Connect Manager. A continuación debes subir el plugin de Flow en el apartado "Direct package file upload".

Instalar Magento

Al cargarse correctamente el plugin, aparecerá en la lista inferior de dicha página:

Instalar Magento

Actualizar plugin de Flow

Si ya posees una versión del plugin de Flow instalada en tu Magento y deseas actualizarla, tendrás que desintalar la versión anterior e instalar la versión nueva.

Para desintalar la versión anterior debes acceder al panel de administración de Magento y luego ingresar a System -> Magento Connect -> Magento Connect Manager. A continuación debes buscar el plugin de Flow en el apartado "Manage Existing Extensions", seleccionar la opción "Desintalar" y hacer click en "Commit Changes".

Instalar Magento

Para instalar la nueva versión debes seguir las mismas instrucciones del paso anterior "Descargar e Instalar".

Configurar el plugin de Flow

Para configurar el plugin de Flow para Magento debes dirigirte a System -> Configuration -> Payment Methods.

Configurar Magento

Luego, se debe buscar y abrir "Flow" en la lista "Payment Methods" y configurar los siguientes datos:

  1. Título: 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
  2. Activado: Debes seleccionar la opción "Si".
  3. Id Comercio Flow: Aquí debes ingresar el email con el que estás registrado en Flow.
  4. Plataforma de Flow o Ambiente: Aquí debes seleccionar si usarás la Plataforma de pruebas de Flow (Certificación) o la Plataforma oficial (Producción).
    La plataforma de producción es la Plataforma oficial donde se realizarán las transacciones. Ahora si antes de usar Flow, deseas hacer pruebas, entonces selecciona la Plataforma de Pruebas. Para usar la Plataforma de Pruebas deberás registrarte en el sitio de pruebas Sitio de Pruebas y obtener el certificado digital desde ahí. Luego, una vez que termines de hacer pruebas, tendrás que configurar nuevamente el plugin con el certificado digital descargado del sitio oficial.
  5. Url de retorno: Sólo aplica a 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.
  6. Tipo Integración: Aquí debes seleccionar el tipo de integración deseado.
    • Ingresar directamente (Directo): 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 (Indirecto): 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.
  7. Medio de pago: Aquí debes seleccionar si deseas tener Webpay, Servipag, Multicaja o todos.
  8. Llave privada Flow o Certificado: Aquí debes subir el archivo del Certificado Digital descargado desde Flow.
  9. Estado Orden Inicio Pago: Seleccione "Pending".
  10. Estado Orden Exitosa: Seleccione "Processed Ogone Payment".
  11. Estado Orden Fallida: Seleccione "Canceled".
  12. Moneda Aceptada: Debe seleccionar "Peso Chileno".
  13. Logo: Permite subir un logo asociado al medio de pago Flow.
  14. Descripción: Permite subir una descripción asociada al medio de pago.
Finalmente, debes hacer click en "Guardar configuración" y el plugin ya se encontrará configurado correctamente. Configurar Magento

Sitio de Pruebas

Si deseas comprobar la integración puedes hacerlo sobre nuestro sitio de pruebas. Aquí tienes la posibilidad de hacer pruebas completas, simulando el pago de tus clientes contra el sitio de certificación de WebPay y/o un sitio de pruebas para Servipag.

Para utilizar el sitio de pruebas deberás acceder a Certificación Flow y registrarte de la misma forma en que estás registrado en Flow. Una vez registrado, debes descargar el certificado digital y subirlo en la configuración de la Llave privada Flow, este certificado sólo servirá para el sitio de pruebas, para producción deberás descargar el certificado desde el sitio de producción Producción Flow

Si deseas probar un pago mediante Webpay puedes utilizar los siguientes datos:

  • Pago Exitoso:
    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 ingresar:
    Rut: 11.111.111-1
    Clave: 123
  • Pago Rechazado:
    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 ingresar:
    Rut: 11.111.111-1
    Clave: 123

Sitio de Producción

Una vez que hayas probado la integración en el sitio de pruebas, deberás descargar desde Flow.cl el certificado digital y volver a subirlo a la configuración del plugins.

Problemas frecuentes

Mensaje de error de integración

Generalmente, el mensaje de error de integración se produce cuando no se ha configurado correctamente el plugin. Es importante revisar lo siguiente:

Si estás utilizando el sitio de pruebas (http://flow.tuxpan.com): Si estás utilizando el sitio de producción (http://www.flow.cl):
  • Plataforma de Flow: Debes seleccionar la opción "Plataforma oficial de Flow"
  • ID Comercio Flow: Debes ingresar el email de la cuenta con que estás registrado en http://www.flow.cl
  • Llave privada Flow: Debes utilizar el último certificado digital descargado desde http://www.flow.cl/app/web/certificado.php