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 orientadas al cliente:
Correos electrónicos de clientes — Las notificaciones de servicio, los recordatorios de citas y otros mensajes automatizados usan actualmente colores codificados; los colores que configures no se aplican a ellos
Facturas — Los correos electrónicos de facturas y la vista de facturas del portal del cliente usan 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 inmediatamente 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 de los clientes.
Configurar el color primario
El color primario se utiliza para los elementos más destacados de las comunicaciones orientadas al cliente:
Fondos de botones y botones de llamada a la acción como "Ver y pagar factura" o "Ver detalles"
Títulos 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 muestra de vista previa en tiempo real junto al campo de entrada.
Elegir un color primario
Selecciona un color que:
Coincida con la identidad de marca actual de tu empresa (sitio web, rotulación de vehículos, uniformes)
Tenga suficiente contraste con fondos blancos: los correos electrónicos de los clientes usan 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 primer plano (en los títulos)
Los colores que funcionan bien para empresas de servicios de piscinas 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 elementos de acento:
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 cliente de ejemplo 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 — Usa 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 de los clientes
Botón Ver detalles — Usa tu color secundario para mostrar cómo aparecen los botones de acción
Pie de página — Muestra el eslogan de tu empresa si está configurado; de lo contrario, muestra el nombre de tu empresa
La vista previa se actualiza en tiempo real mientras 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 modifica la sección activa y muestra el mensaje integrado "Tienes cambios sin guardar." si tienes ediciones sin guardar. Los cambios del logotipo se guardan inmediatamente.
Espera a que el botón muestre Guardado: el sistema almacenará los nuevos colores de tu marca.
La marca actualizada se aplica inmediatamente a las nuevas comunicaciones con los clientes.
Dónde aparece tu marca
Correos electrónicos orientados al cliente
Los colores de tu marca aparecen en todos los correos electrónicos automatizados para clientes:
Notificaciones de servicio y recordatorios de visitas
Correos electrónicos de facturas con enlaces de pago
Correos electrónicos de propuestas
Confirmaciones de citas y notificaciones de "Estoy de camino"
Las plantillas de correo electrónico para clientes usan 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 de los clientes.
Facturas
Cuando los clientes reciben correos electrónicos de facturas o consultan facturas en su Portal del cliente, ven tu marca aplicada a:
Portal del cliente
Los clientes que inician sesión en su portal ven tu marca en toda su experiencia:
Para obtener más información sobre lo que ven los clientes en el portal, consulta Descripción general del portal.
Cargar tu logotipo
El logotipo de tu empresa aparece junto con los colores de tu marca en las comunicaciones con los clientes. Para añadir o cambiar tu logotipo, usa la sección General de Configuración de la empresa.
Requisitos del logotipo:
Formato: se recomienda PNG o JPG para los correos electrónicos de los clientes. Puedes cargar un SVG, pero la mayoría de los clientes de correo electrónico no muestran SVG, así que usa PNG o JPG para los logotipos que aparecen en los correos.
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 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 forma en que aparecen tus colores. Prueba tu marca de la siguiente manera:
Guarda los colores de tu marca
Crea un cliente de prueba en Clientes usando tu propia dirección de correo electrónico
Envía una notificación o una factura a ese cliente para ver 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.
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.
Sí, pero esto reduce la variedad visual de las comunicaciones con los clientes. La vista previa muestra ambos colores juntos; si usas el mismo color para el primario y el secundario, el encabezado del correo 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).
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 prefieren las minúsculas)
El selector de color convierte automáticamente tu selección al formato hexadecimal correcto.
Próximos pasos
