Por defecto, nuestro pop-up de upsell es realmente limpio y no agresivo. Eso es porque creemos que un diseño limpio y simple funciona mejor en términos de conversión.
​

Sin embargo, siempre puedes mejorarlo aprovechando las opciones de personalización en la aplicación o haciendo ajustes de estilo aún más avanzados.

Usando CSS personalizado puedes cambiar prácticamente cualquier elemento de la ventana emergente. Sin embargo, para ello es necesario tener algunos conocimientos básicos de CSS. Para empezar con CSS recomendamos leer el tutorial de CSS de W3Schools.

Para ajustar el código CSS, vaya a Personalizar ventana emergente en el menú superior y busque la sección Personalización avanzada. Inserte allí su código CSS personalizado.

En el ejemplo siguiente hemos aumentado el tamaño de la fuente y cambiado el color de todos los botones:

A continuación encontrará algunos códigos CSS personalizados rápidos para empezar.

Cambie el color de fondo, el color de la fuente, el color del borde y el tamaño de la fuente de los Añada botones y el color de fondo de los Añada botones al pasar el ratón por encima:

Cambiar el color de fondo, el color de fuente, el color del borde y el tamaño de fuente del botón Continuar y el color de fondo del botón Continuar al pasar el ratón por encima:

Cambiar el color de fondo de la línea de producto principal:

Cambiar el tamaño de la fuente del título de la ventana emergente, el nombre del pedido (.Product-Name), y el producto upsell:

Cambiar la fuente utilizada en la ventana emergente:

A continuación se muestra un resumen de las clases disponibles para la personalización:

¿Necesita que le echemos una mano? No dudes en ponerte en contacto con nosotros a través del chat o por correo electrónico en [email protected] ;)

Feliz upselling,

Equipo Digismoothie