Popup informativo

Con el método de pago previamente establecido es necesario completar la configuración del plugin con los cuales se desplegará el Popup informativo.

Personalizar popup informativo

Debajo de la configuración del método de pago se encuentra la configuración de la modal informativa, la cual cuenta con diferentes aspectos que se pueden personalizar de acuerdo a las preferencias del partner.

• Posición : Ubicación de la leyenda.
• Versión : Puede indicar una de las siguientes versiones: 1.0, 2.0 ó 3.0.
• Modal : Los valores a configurar son: 1, 2, 3, 4,ó 5. Solo disponible para la versión 3.0
• Style : Solo aplica para la versión 2.0. Existen 2 estilos de fondo diferentes, una con fondo claro y la otra con fondo oscuro que se configuran como: dark o light.
• Parcialidades : Se configura indicando tres parcialidades para el cálculo demostrativo de los pagos ejem: 3,9,12.
• Color de fondo : Color del fondo de la modal. Solo disponible para la versión 3.0.
• Color de títulos : Color del título de la modal. Solo disponible para la versión 3.0.
• Color de texto : Color del texto de la modal. Solo disponible para la versión 3.0.
• Color de los iconos : Color de los iconos de la modal. Solo disponible para la versión 3.0.
• Font family : Tipo de letra (Font Family) Debe de ser un font disponible en Google fonts. Solo disponible para la versión 3.0.
• Link a página informativa : Enlace para conocer más información: "https://......". Solo disponible para la versión 3.0.
• Partner logo : Logo del Partner: "https://......". Solo disponible para la versión 3.0.
• Imagen : (Para el modal 4): "https://......". Solo disponible para la versión 3.0.

Posición
Es la ubicación dentro de la sección del producto donde se ubica el modal informativo, estas posiciones están definidas por la siguiente referencia:

Versión
Por el momento se cuentan con 3 versiones de la modal informativa y para una mejor personalización se cuentan con una serie de atributos que se pueden utilizar de manera dinámica.

-Versión 1.0 : Solo incluye una modal única.
-Versión 2.0 : Incluye dos estilos de modal dark y ligth, se obtienen indicando el estilo en el atributo style .
-Versión 3.0 : Incluye 5 tipos de modal diferente: modal 1,2,3,4 y 5, se obtienen indicando el número en el atributo modal.

Versión 1.0

Versión 2.0 ; style: dark

Versión 2.0 ; style: light

Versión 3.0 ; modal: 1

Versión 3.0 ; modal: 2

Versión 3.0 ; modal: 3

Versión 3.0 ; modal: 4

Versión 3.0 ; modal: 5

Personalizar Leyenda de producto

Debajo de la configuración del modal se encuentra la configuración de la leyenda del producto, que incluye atributos con los cuales se puede cambiar el estilo de la leyenda que se despliega en el detalle del producto.
Los atributos a configurar son los siguientes:

• Color: El color con de la leyenda de Atrato puede aceptar texto como black, white o colores hexadecimales. Ejemplo #ffffff
• Color del logo de Atrato: Para personalizar el color del logo de Atrato puede ser modificado de la misma manera que la leyenda. Ejemplo #8A8AFF
• Font Family: Cambia el tipo de letra (Font Family) de la leyenda de Atrato (El tipo de letra debe de estar dentro de tu página de e-commerce). Ejemplo Merienda
• Tamaño de la leyenda: Modifica el tamaño de la fuente de la leyenda. Ejemplo 1rem.
• Tamaño del precio: Modifica el tamaño de la fuente del precio. Ejemplo 1rem.

👍

Ya tienes configurado el Popup informativo!