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>
| Parameter | Type | Required | Description |
|---|---|---|---|
| data-type | enum | No | Allows 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-color | css color | No | Set the colour of the text that is outside the button. |
| data-option-btn-text-color | css color | No | Set the colour of the text of the button. |
| data-option-btn-bg-color | css color | No | Set the colour of the background of the button. |
| data-option-branding | boolean | No | Indicates whether or not to display the Aplazame logo on the bottom of the widget. |
| data-option-custom-styles | boolean | No | Indicates whether the styles are inherited from the true store or whether the Aplazame false styles are used. |
| data-option-align | enum | No | Indicates 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>