En la séptima clase del curso intermedio de Storefront vamos a ver cómo personalizar el diseño de los mensajes de WooCommerce.
WooCommerce tiene 3 tipos de mensajes que pueden aparecerle al usuario a lo largo de su ciclo de compra:
- Éxito: Como el mensaje que aparece cuando añades un producto al carrito o se aplica un cupón exitosamente.
- Informativos: Como el que aparece informando sobre el posible uso de cupones.
- Error: Cuando algún proceso no se ha podido llevar a cabo.
Por defecto estos tienen sus propios colores de fondo y texto. Vamos a ver cómo modificarlos para que respondan a los colores corporativos. ¡Empecemos!
Como podéis ver en la lección, recomiendo que se use el color corporativo para los mensajes de información, pero no para los de error y éxito, pues el verde y rojo son colores que culturalmente nos indican éxito o error.
Así pues, si el color corporativo es rojo o verde, lo mejor es optar por el azul informativo, y simplemente adaptar la paleta de colores rojo, azul y verde en tonalidades que encajen con las corporativas. Más o menos fuertes, claros, pastel, intensos, etc.
Una clase rápida y simple para modificar un detalle, pero precisamente los detalles son lo que marca la diferencia entre un eCommerce y otro.
Como siempre, si tenéis alguna pregunta, la podéis mandar a través del formulario de soporte. ¡Nos vemos en la siguiente lección! :)
Todos los capítulos de este curso:
- Curso intermedio de Storefront #1. Instalación
- Curso intermedio de Storefront #2. Modificar CSS
- Curso intermedio de Storefront #3. Layout y checkout
- Curso intermedio de Storefront #4. Encabezado y pie de página
- Curso intermedio de Storefront #5. Homepage
- Curso intermedio de Storefront #6. Página de producto
- Curso intermedio de Storefront #7. Mensajes informativos
- Curso intermedio de Storefront #8. Página de tienda
- Curso intermedio de Storefront #9. Usabilidad móvil
- Curso intermedio de Storefront #10. Detalles finales