CSS customization of the Widget

Integration

To customize the styles of the widget via CSS you must include the data-option-custom-styles="true"

<div data-aplazame-simulator
     data-amount="5900"
     data-currency="EUR"
     data-country="ES"
     data-type="button"
     data-option-branding="true"
     data-option-title-smart="true"
     data-option-title-default="Págalo a plazos"
     data-option-title-zero-interest="Consíguelo sin intereses"
     data-option-custom-styles="true"
     data-option-disable-modal="false"></div>

info

When activating the option data-option-custom-styles="true" the HTML will be inserted on line, instead of in an iframe, so that the styles that the page includes will be applied.

So the data-option-text-color, data-option-btn-text-color and data-option-btn-bg-color fields of the advanced integration do not apply.

Configurator

Branding

YesNo

Downpayment info

YesNo

Smart title

YesNo

Legal advertise

YesNo

Custom styles

YesNo

<div 
data-aplazame-widget-instalments
data-country="ES"
data-amount="22900"
data-type="button"
data-option-branding="true"
data-downpayment-info="true"
data-option-title-smart="true"
data-option-custom-styles="true"
></div>