Integración del widget

El widget de Aplazame te permite mostrar una simulación de las cuotas de una financiación junto al precio de tus productos. Puedes elegir entre una integración básica que controlas desde tu panel de control de Aplazame y una integración avanzada si deseas tener la máxima flexibilidad.

Carga de aplazame.js

info

Debes incluir aplazame.js en las páginas donde deba aparecer el widget. Consulta todas las opciones de integración.

aplazame.js

  <script
    src="https://cdn.aplazame.com/aplazame.js"
    data-aplazame="api_public_key"
    data-sandbox="false"
    async defer></script>

require.js

  requirejs.config({
    paths: {
      aplazame: 'https://cdn.aplazame.com/aplazame.js'
    }
  });

  require(['aplazame'], function (aplazame) {
    aplazame.init({
      public_key: "api_public_key", // reemplazar con la clave pública de la tienda
      sandbox: false
    });
  });

precaución

Para producción el valor de sandbox debe ser false

Parámetro	Tipo	Requerido	Descripción
public-key	string	Sí	Tu clave pública.
sandbox	boolean	Sí	Indica si las peticiones usarán el modo de pruebas (true) o producción (false).

Personalizar el texto legal

Existe la opción de personalizar el texto legal que se muestra bajo el simulador de cuotas. Eso te permitirá que los valores de la financiación (importe de la compra, importe de la entrada, importe de las cuotas, comisión de apertura, TAE, etc) sean dinámicos y muestren los importes reales para la compra que el cliente esté realizando. Para ello, sólo hay que introducir las siguientes variables entre llaves dentro del valor del atributoatributo data-option-legal-text.

Variable	Descripción
order_amount	Importe de la cesta.
total_amount	Importe total adeudado.
principal_amount	Importe a financiar.
instalments_amount	Importe de la cuota.
num_instalments	Número de cuotas.
downpayment_amount	Entrada.
tax	Comisión de apertura.
tae	TAE.
tin	TIN.

nota

Un ejemplo de texto legal con variables sería el texto que viene por defecto:

Ejemplo de financiación con APLAZAME para una cesta de { order_amount } a { num_instalments  } meses y que comienza a pagar a los 20 días desde la solicitud. Se solicita una entrada de { downpayment_amount  } que el usuario debe pagar a través de su tarjeta en el momento en que realiza la operación. El importe a financiar es la diferencia entre el valor de la cesta y la entrada: { principal_amount  }. Se solicitan { num_instalments  } mensualidades de { instalments_amount  }. Comisión de apertura: { tax  }. TIN: { tin  } TAE: { tae  }. Importe total adeudado: { total_amount  }. Sujeto a la aprobación por parte de APLAZAME, S.L.

Personalizar CSS

tip

Para personalizar más aún el widget, está la opción data-option-custom-styles.

Consulta la documentación de Personalización CSS del Widget para saber más.

Precio variable

precaución

El precio variable sólo es configurable en el widget del producto 'Pago a plazos'.

En el caso, en que se prefiera usar un valor dinámico de un elemento de la página en lugar de un valor preestablecido, este puede definirse mediante un selector css indicado en la propiedad data-price en lugar de data-amount

<div data-aplazame-widget-instalments
     data-currency="EUR"
     data-country="ES"
     data-price="form#article .regular-price .price"
     data-qty="form#article input[name='qty']"></div>

Parámetro	Tipo	Requerido	Descripción
data-currency	ISO 4217	Sí	Moneda en la que se venderá el artículo.
data-country	ISO 3166-1	Sí	País donde aplicará la venta.
data-price	css selector	Sí	Selector CSS que indique el elemento que contiene el precio final. Se actualiza en vivo si hay cambios en el precio. Si se usa conjuntamente con data-amount, se mostrará el valor de este último y de data-price si el precio cambia.
data-qty	css selector	No	Selector CSS que indique el elemento que contiene el número de artículos. Si está definido, la cantidad a financiar se calculará multiplicando price*qty.