En esta sección, puedes ajustar la imagen de marca de tu organización, previsualizar el resultado en la web app y en el mandato SEPA, y guardar los cambios realizados.
Opciones de Personalización
Aquí puedes personalizar tu imagen de marca mediante diferentes ajustes. Cada ajuste consiste en un título, un subtítulo explicativo y un ítem seleccionable desde el que puedes importar un logo o un color.
Icono
Usado para el favicon en el navegador.
Especificaciones:
-
Peso máximo: 10 MB.
-
Formatos permitidos: .JPG, .PNG.
-
Zertiban reescalará la imagen para adaptarla a un formato cuadrado y unas dimensiones válidas para crear el favicon de 16×16px.
-
Si la imagen es más ancha que alta, se recortará en base a la altura, y viceversa.
Logotipo
La imagen completa del logo de la organización.
Especificaciones:
-
Peso máximo: 10 MB.
-
Formatos permitidos: .JPG, .PNG.
-
El tamaño del logo se ajustará proporcionalmente a un alto de 40px.
-
No importa qué dimensiones tenga el fichero original siempre que no supere el peso máximo (1MB); Zertiban lo reescalará para que coincida con el alto definido.
-
Si el logo es tan alargado que, al escalarlo en base a la altura, supera un ancho máximo de 160px (anchura inicial * 40px / altura inicial > 160px), se escalará en base a su anchura.
-
Si la imagen supera el límite de peso establecido, se mostrará una snackbar comunicando que no se pudo importar.
Previsualización (“Cómo verán tus clientes tus productos”)
En esta sección, puedes previsualizar cómo se aplicará la imagen de marca a:
-
Web app.
-
Mandato SEPA.
Guardar Cambios
Para guardar los cambios realizados, pulsa el botón “Guardar cambios”.
-
Tras pulsarlo, se mostrará una modal informando que los cambios se aplicarán de manera instantánea y deberás confirmar la operación.
-
Si los cambios se guardan correctamente, se mostrará una snackbar de confirmación.
-
Si no has realizado ningún cambio, el botón aparecerá deshabilitado.
-
Si tienes cambios sin guardar e intentas navegar por la plataforma, se mostrará una modal para confirmar si deseas guardar los cambios antes de salir o continuar sin guardar.
Colores de Marca
-
Color de marca: El color principal en la web app. Aparecerá en botones, ítems e íconos.
-
Color de énfasis: El color secundario de la imagen de marca. Aparecerá en enlaces.
-
Formato: Los códigos de color deben aparecer en mayúsculas y precedidos de una almohadilla (#). Ejemplo: “#E9ECFF”.
Restaurar Cambios
Si deseas volver a la última configuración guardada, pulsa el botón “Restaurar cambios”. Esto te permitirá probar distintas configuraciones de color y, si no te convencen, regresar al último punto en el que la configuración estaba bien y fue guardada.