Documentación técnica

Documentación para la integración de InstantCredit en tu ecommerce.

Simulador de cuotas

Instrucciones de integración

A continuación se muestran todos los cambios que debes aplicar a tu código para que el simulador de Instant Credit funcione en tu entorno y le saques el máximo partido a la financiación.

Nota: Nuestro simulador está diseñado para adaptarse a todos los dispositivos y no es necesario que hagas modificaciones en las hojas de estilos CSS. Si algo va mal, por favor, ponte en contacto con nosotros aquí.

Cambio en el head

El simulador de Instant Credit requiere que se cargue la librería javascript de Instant Credit.

				
					%MINIFYHTML458ce124c9793931d1ed5940bf6feb8d4%
				
			

Nota: Sugerimos que no te descargues las librerías de Instant Credit en tu servidor local, para que cualquier actualización que se produzca se vea reflejada en tu comercio online automáticamente. Además, es aconsejable no pasar separador millares para los importes de las compras.

Cambio en el body

Hay dos pasos a llevar a cabo en la sección: BODY

Primer paso: Identifica tu empresa

Debes identificar a tu empresa, utilizando un HASH_TOKEN proporcionado por Instant Credit. Dicho HASH_TOKEN se te entrega por email. Este elemento debe añadirse sólo una vez por página.

A continuación puedes ver un ejemplo sobre la forma de pasar ese HASH_TOKEN a Instant Credit:

				
					<div class="ic-configuration">HASH_TOKEN</div>
				
			

Segundo paso: Añade el código donde quieres mostrar el simulador

Añade la línea que se muestra a continuación, para cada producto donde quieres que el simulador de Instant Credit muestre el precio por mes que puedes ofrecer a tus clientes:

				
					<div class="ic-configuration">HASH_TOKEN</div>
				
			

Debes sustituir el texto “PRODUCT_PRICE” por el precio real del producto, por ejemplo “830.00” o “830,00”. Como se puede ver en el ejemplo anterior, se puede usar el punto “.” como separador decimal o coma “,”. Por defecto, el simulador utiliza punto como separador decimal, si deseas utilizar la coma debes añadir el atributo coma. A continuación puedes obtener un ejemplo:

				
					<div class="ic-simulator" amount="720.12"></div>
<div class="ic-simulator" comma amount="830,05"></div>
				
			

Resumen

Un ejemplo de lo explicado anteriormente es:

				
					<html>
    <head>
    <meta charset="UTF-8">
    <title>Instant Credit</title>%MINIFYHTML458ce124c9793931d1ed5940bf6feb8d5%</head>
    <body>
    <div class="ic-configuration">N5tAATy6gxx6ABZ5</div>
    <div class="ic-simulator" amount="830.00"></div>
    </body>
  </html>
				
			

Diseño del simulador

Vista previa:

				
					%MINIFYHTML458ce124c9793931d1ed5940bf6feb8d6%".
				
			

Diseño del simulador

Vista previa: