Procesos de integración
  • 21 Sep 2022
  • 1 Minute to read
  • Contributors
  • Dark
    Light

Procesos de integración

  • Dark
    Light

Article Summary

Para integrar la herramienta de Checkout en su página web debe incluir el siguiente script:

<form>
        <script
            src="https://checkout.epayco.co/checkout.js"
            class="epayco-button"
            data-epayco-key="491d6a0b6e992cf924edd8d3d088aff1"
            data-epayco-amount="50000"
            data-epayco-name="Vestido Mujer Primavera"
            data-epayco-description="Vestido Mujer Primavera"
            data-epayco-currency="cop"
            data-epayco-country="co"
            data-epayco-test="true"
            data-epayco-external="false"
            data-epayco-response="https://ejemplo.com/respuesta.html"
            data-epayco-confirmation="https://ejemplo.com/confirmacion"
            data-epayco-methodconfirmation="get">
        </script>
    </form>
Con el código anterior sera renderizado el Onpage Checkoutsi deseas que el cobro se redireccione a nuestro Estandar Checkoutcambia el siguiente atributo:
data-epayco-external="true"

Atributos del checkout



Conoce las opciones de personalización. 

CampoRequeridoDescripciónEjemplo
data-epayco-externalNoCon este atributo determinas el tipo de Checkouttrue - false
data-epayco-keySiPublic key del comercio491d6a0b6e992cf924edd8d3d088aff1
data-epayco-amountSiMonto total de la transacción119000
data-epayco-taxNoMonto impuestosEjemplo: 19000
data-epayco-tax-baseNoMonto antes de impuestosEjemplo: 100000
data-epayco-nameSiTítulo del cobroVestido Mujer Primavera
data-epayco-descriptionSiDescripción del cobroVestido rojo para el verano
data-epayco-currencySiMonedacop ó usd
data-epayco-countryNoPaís del cobroCO
data-epayco-langNoIdioma del Checkoutes,en
data-epayco-testSitrue/false modo pruebastrue ó false
data-epayco-invoiceNoNúmero de factura del productoabc123
data-epayco-extra1NoCampo 1 de información extraDato extra 1
data-epayco-extra2NoCampo 2 de información extraDato extra 2
data-epayco-extra3NoCampo 3 de información extraDato extra 3
data-epayco-buttonNoPersonaliza la imagen del botónhttp://midominio.com/mibutton.png
data-epayco-responseNoPágina de respuesta personalizada ó dinámicahttp://midominio.com/respuesta.html
data-epayco-aceptedNoUrl estática para transacción aceptadahttp://misitio.com/aceptada.html
data-epayco-rejectedNoUrl estática para transacción rechazadahttp://misitio.com/rechazada.html
data-epayco-pendingNoUrl estática para transacción pendientehttp://misitio.com/pendiente.html
data-epayco-confirmationNoPágina de confirmación dinámicahttp://midominio.com/confirmation
data-epayco-methodconfirmation
NoMétodo de confirmación (get o post), enviado por default en método get.get - post
data-epayco-autoclickNoDespliega el checkout automaticamente al cargar la páginatrue - false
Es importante que en la url que configure para la confirmación de la transacción haga una validación del monto y la factura que se está pagando, estos valores deben coincidir con los parámetros inicialmente configurado en la transacción 

Atributos cliente (Opcional)

A continuación se describen los parámetros para el envió de información de clientes. 

CampoDescripciónEjemplo
data-epayco-email-billingEmail del cliente pagadorejemplo@dominio.com
data-epayco-name-billingNombre del cliente pagadorAndres Perez
data-epayco-address-billingDirección del cliente pagadorCarrera 19 numero 14 91
data-epayco-type-doc-billingTipo de documento del cliente pagadorCC (Tipos de documento)
data-epayco-mobilephone-billingTeléfono del cliente pagador3050000000
data-epayco-number-doc-billingNúmero de documento del cliente pagador1073000000



Was this article helpful?