Skip to main content

Pay in 15 days

Integration

In order for the widget to display in the "Pay Later" version, you need to use data-aplazame-widget-paylater instead of data-aplazame-widget-instalments.

note

If you want to configure the widget according to your requirements you can use the advanced settings and decide which values you want to apply and with what look and feel.

<div data-aplazame-widget-paylater
data-country="ES"
data-type="button"
data-option-text-color="#ff0000"
data-option-btn-text-color="#00ff00"
data-option-btn-bg-color="#0000ff"
data-option-branding="true"
data-option-align="center">
</div>
ParameterTypeRequiredDescription
data-typeenumNoAllows you to choose the type of widget. The options are: text, button, link. By default, the one defined in the control panel will be used.
data-option-text-colorcss colorNoSet the colour of the text that is outside the button.
data-option-btn-text-colorcss colorNoSet the colour of the text of the button.
data-option-btn-bg-colorcss colorNoSet the colour of the background of the button.
data-option-brandingbooleanNoIndicates whether or not to display the Aplazame logo on the bottom of the widget.
data-option-custom-stylesbooleanNoIndicates whether the styles are inherited from the true store or whether the Aplazame false styles are used.
data-option-alignenumNoIndicates the alingment of the widget. You can alignleft, right or center. The value by default is: center.
info

The default values in this case are those shown in this documentation.

Note that when you change the values in the form it will be updated in the sample code.

  • Configure the different parameters according to your requirements. Apply the colours you want, choose the alignment and decide whether you want your widget to use the smart title functionality and the Aplazame branding or not.
  • The example code of your widget will be updated according to the values you define. Once you have the design you are looking for, you just have to copy the code to take it to your online store, and that's it!

Configurator

<div 
data-aplazame-widget-paylater
data-country="ES"
data-amount="undefined"
data-type="button"
data-option-text-color="#ff0000"
data-option-btn-text-color="#00ff00"
data-option-align="center"
data-option-branding="true"
></div>