Personaliza cómo aparece tu empresa ante los clientes en los correos electrónicos, las facturas y el portal del cliente. Los colores y el logotipo de tu marca crean una identidad profesional coherente que los clientes ven cuando reciben notificaciones de servicio, consultan facturas o inician sesión en su portal.
Cómo funciona la marca en Chisel Tide
La configuración de tu marca controla la apariencia visual de todas las superficies visibles para los clientes:
Correos electrónicos a clientes — Las notificaciones de servicio, los recordatorios de citas y otros mensajes automatizados utilizan actualmente colores codificados; los colores que configures no se aplican a estos mensajes
Facturas — Los correos electrónicos de facturas y la vista de facturas del portal del cliente utilizan colores fijos en lugar de los colores de marca que configures
Portal del cliente — Tus clientes ven tu logotipo y el nombre de tu empresa cuando inician sesión para consultar su historial de servicios, pagar facturas o administrar su cuenta
Los cambios en tu marca afectan de inmediato a las nuevas comunicaciones con los clientes. El contenido existente, como las facturas enviadas, conserva la marca que tenía cuando se creó.
Acceder a la configuración de marca
Para configurar los colores de tu marca:
Haz clic en Configuración en el menú de navegación izquierdo.
Abre Configuración de la empresa y, a continuación, la sección Empresa.
Selecciona Marca.
La página de marca muestra dos selectores de color para los colores primario y secundario, además de una vista previa en tiempo real de cómo aparece tu marca en los correos electrónicos a clientes.
Configurar el color primario
El color primario se utiliza para los elementos más destacados de las comunicaciones visibles para los clientes:
Fondos de botones y botones de llamada a la acción, como "Ver y pagar factura" o "Ver detalles"
Encabezados y etiquetas de texto importantes
Fondos de los encabezados de los correos electrónicos
Color predeterminado: #2563eb (un tono azul)
Cómo configurar el color primario
Usa el selector de color para seleccionar visualmente un color haciendo clic y arrastrando dentro del espectro de colores.
También puedes introducir directamente un valor de color hexadecimal en el campo de texto (por ejemplo, #2563eb).
El selector de color muestra una vista previa del color junto al campo de entrada.
Elegir un color primario
Selecciona un color que:
Coincida con la imagen de marca actual de tu empresa (sitio web, rotulación de vehículos, uniformes)
Tenga suficiente contraste con fondos blancos: los correos electrónicos a clientes utilizan tarjetas blancas, así que elige un color que siga siendo legible
Funcione tanto con texto claro como oscuro: tu color primario aparece como fondo (en los botones) y como color de primer plano (en los encabezados)
Entre los colores que funcionan bien para empresas de mantenimiento de piscinas se incluyen los azules (que evocan la claridad del agua), los verdes (que sugieren piscinas limpias) y los tonos tierra (para un posicionamiento natural o ecológico).
Configurar el color secundario
El color secundario aporta variedad visual y se utiliza para los elementos de acento:
Botones de acción secundarios en la vista previa
Elementos de acento y destacados visuales en las superficies visibles para los clientes
Color predeterminado: #10b981 (un tono verde)
Cómo configurar el color secundario
El color secundario utiliza la misma interfaz de selector de color que el color primario:
Usa el selector de color para seleccionar visualmente un color.
También puedes introducir directamente un valor de color hexadecimal en el campo de texto.
Elegir un color secundario
El color secundario debe complementar al primario en lugar de competir con él. Considera lo siguiente:
Seleccionar un color de la misma familia, pero más claro o más oscuro que el primario (por ejemplo, un azul más claro combinado con un azul primario más oscuro)
Elegir un color de acento contrastante para aportar interés visual (por ejemplo, un secundario verde con un primario azul)
Usar el color secundario con moderación: aporta acentos, no la identidad visual principal
Usar la vista previa de marca
La sección Vista previa muestra un correo electrónico de ejemplo para clientes con la configuración actual de tu marca aplicada. Esto te ayuda a visualizar cómo verán los clientes tus comunicaciones antes de guardar los cambios.
La vista previa muestra:
Encabezado del correo electrónico — Utiliza tu color primario como fondo
Área del logotipo — Muestra el logotipo de tu empresa que hayas cargado en Configuración de la empresa, o muestra la primera letra del nombre de tu empresa como alternativa
Nombre de la empresa — El nombre de tu organización tal como lo ven los clientes
Notificación de ejemplo — Un mensaje representativo que muestra cómo aparece el texto en los correos electrónicos a clientes
Botón Ver detalles — Utiliza tu color secundario para mostrar cómo aparecen los botones de acción
Pie de página — Muestra el eslogan de tu empresa si lo has configurado; de lo contrario, muestra el nombre de tu empresa
La vista previa se actualiza en tiempo real a medida que ajustas los selectores de color, para que puedas probar distintas combinaciones antes de guardar.
Guardar los cambios de tu marca
Después de configurar los colores de tu marca:
Usa el control Guardar cambios de la sección. Guarda antes de cambiar a otra sección: cambiar de sección directamente activa la nueva sección y muestra el mensaje integrado "Tienes cambios sin guardar." si tienes modificaciones sin guardar. Los cambios del logotipo se guardan de inmediato.
Espera a que el botón muestre Guardado: el sistema almacena los nuevos colores de tu marca.
La marca actualizada se aplica de inmediato a las nuevas comunicaciones con los clientes.
Dónde aparece tu marca
Correos electrónicos visibles para los clientes
Las plantillas de correo electrónico para clientes utilizan actualmente colores codificados, por lo que los colores primario y secundario que configures no se aplican a los correos electrónicos. La vista previa de marca muestra cómo aparecerían tus colores si se aplicaran a los correos electrónicos a clientes.
Facturas
Tu logotipo y la información de tu empresa pueden aparecer en los correos electrónicos de facturas y en la vista de facturas del portal, pero los colores de marca que configures no se aplican actualmente a estos elementos.
Portal del cliente
Los clientes que inician sesión en su portal ven tu marca a lo largo de toda su experiencia:
Tu logotipo o la inicial de tu empresa en el encabezado
El logotipo de tu empresa aparece junto a los colores de tu marca en las comunicaciones con los clientes. Para añadir o cambiar tu logotipo, utiliza la sección General de Configuración de la empresa.
Requisitos del logotipo:
Formato: se recomienda PNG o JPG para los correos electrónicos a clientes. Puedes cargar un SVG, pero la mayoría de los clientes de correo electrónico no lo muestran, así que utiliza PNG o JPG para los logotipos que aparezcan en los correos electrónicos.
Dimensiones: mínimo de 256×256 píxeles (el formato cuadrado funciona mejor)
Fondo: los fondos transparentes se muestran correctamente en los clientes de correo electrónico y en el portal
Solución de problemas
Los colores de mi marca se ven diferentes en los correos electrónicos a clientes que en la vista previa
Los clientes de correo electrónico muestran los colores de forma diferente según el dispositivo y la configuración del destinatario. Por ejemplo, el modo oscuro de iOS y Android puede modificar la apariencia de tus colores. Prueba tu marca de la siguiente manera:
Guarda los colores de tu marca
Crea un cliente de prueba en Clientes con tu propia dirección de correo electrónico
Envía una notificación o factura a ese cliente para comprobar cómo se muestra en tu bandeja de entrada
Evita los colores extremadamente saturados o con poco contraste sobre fondos blancos, ya que es más probable que causen problemas de visualización.
Mi logotipo no aparece en la vista previa de marca
Si no has cargado un logotipo en Configuración de la empresa, la vista previa muestra la primera letra del nombre de tu empresa como marcador de posición. Para añadir tu logotipo:
Ve a Configuración y selecciona General.
Desplázate hasta la sección Logotipo de la empresa.
Haz clic en Cargar y selecciona el archivo de tu logotipo.
Vuelve a Marca para ver tu logotipo en la vista previa.
¿Puedo usar el mismo color para el primario y el secundario?
Sí, pero esto reduce la variedad visual en las comunicaciones con los clientes. La vista previa muestra ambos colores juntos; si utilizas el mismo color para los dos, el encabezado del correo electrónico y el botón de acción tendrán el mismo color, lo que puede hacer que el diseño parezca plano.
Para obtener mejores resultados, elige dos colores complementarios o utiliza distintos tonos del mismo matiz (por ejemplo, un azul más oscuro para el primario y uno más claro para el secundario).
¿Qué formato de color hexadecimal debo usar?
Introduce los colores hexadecimales con el formato estándar de seis caracteres y el prefijo de almohadilla:
Correcto: #2563eb
Correcto: #10b981
Incorrecto: 2563eb (falta la almohadilla)
Incorrecto: #2563EB (las mayúsculas funcionan, pero se recomienda usar minúsculas)
El selector de color convierte automáticamente tu selección al formato hexadecimal correcto.
