Saltar al contenido principal

Personalización CSS del Widget

Integración

Para personalizar los estilos del widget vía CSS hay que incluir la opción 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

Al activar la opción data-option-custom-styles="true" el HTML se insertará en línea, en lugar de en un iframe, de modo que aplicarán los estilos que incluya la página.

Por lo que los campos data-option-text-color, data-option-btn-text-color y data-option-btn-bg-color de la integración avanzada no aplican.

Configurador

<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>