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ámetro | Tipo | Requerido | Descripción |
|---|---|---|---|
| data-type | enum | No | Permite 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-color | color css | No | Establece el color del texto que queda fuera del botón. |
| data-option-btn-text-color | color css | No | Establece el color del texto del botón. |
| data-option-btn-bg-color | color css | No | Establece el color del fondo del botón. |
| data-option-branding | boolean | No | Indica si debe mostrarse o no el logotipo de Aplazame en la parte inferior del widget. |
| data-option-custom-styles | boolean | No | Indica si los estilos se heredan de la tienda true o se usan los de Aplazame false. |
| data-option-align | enum | No | Indica 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>