Saltar al contenido principal

Paga en 15 días

Integración

Para que el widget se muestre en la versión "Paga más tarde", es necesario utilizar data-aplazame-widget-paylater en lugar de data-aplazame-widget-instalments.

nota

Si deseas configurar el widget de acuerdo a tus necesidades, puedes definir los valores que quieres aplicar y con qué look and feel.

<div
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>
ParámetroTipoRequeridoDescripción
data-typeenumNoPermite elegir el tipo de widget. Las opciones son: text, button, link. Por omisión se usará el que se haya definido en el panel de control.
data-option-text-colorcolor cssNoEstablece el color del texto que queda fuera del botón.
data-option-btn-text-colorcolor cssNoEstablece el color del texto del botón.
data-option-btn-bg-colorcolor cssNoEstablece el color del fondo del botón.
data-option-brandingbooleanNoIndica si debe mostrarse o no el logotipo de Aplazame en la parte inferior del widget.
data-option-custom-stylesbooleanNoIndica si los estilos se heredan de la tienda true o se usan los de Aplazame false.
data-option-alignenumNoIndica la alineación del widget. Se puede alinear a la izquierda left o a la derecha right. El valor por omisión es center.
info

Los valores por defecto en ese caso, son los que se muestran en esta documentación.

Ten en cuenta que al cambiar los valores en el formulario, se actualizarán en el código de ejemplo.

  • Configura los distintos parámetros de acuerdo a tus necesidades. Aplica los colores que desees, elige la alineación y decide si quieres que tu widget use el branding de Aplazame o no.
  • El código de ejemplo de tu widget se irá actualizando en función de los valores que definas. Una vez tengas el diseño que buscabas, sólo tienes que copiar el código para llevártelo a tu tienda online y ¡listo!

Configurador

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