Personaliza cómo aparece tu negocio 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 identidad de marca en Chisel Tide
La configuración de tu marca controla la apariencia visual de todas las interfaces visibles para los clientes:
Correos electrónicos a clientes — Las notificaciones de servicio, los recordatorios de citas y otros mensajes automatizados usan tus colores en los encabezados, los botones y el texto de acento
Facturas — Los correos electrónicos de facturas y la vista detallada de las facturas usan tu color principal en los encabezados y los botones de acción
Portal del cliente — Tus clientes ven tu logotipo, el nombre de tu empresa y los colores de tu marca cuando inician sesión para consultar su historial de servicios, pagar facturas o gestionar su cuenta
Los cambios en tu identidad de marca afectan de inmediato a las nuevas comunicaciones con los clientes. El contenido existente, como las facturas enviadas, conserva la identidad de marca que tenía cuando se creó.
Acceder a la configuración de identidad de marca
Para configurar los colores de tu marca:
Haz clic en Configuración en el menú de navegación izquierdo.
Selecciona la sección Identidad de marca en la barra lateral de Configuración.
La página de identidad de marca muestra dos selectores de color para los colores principal y secundario, además de una vista previa en tiempo real de cómo aparece tu identidad de marca en los correos electrónicos a clientes.
Configurar el color principal
El color principal se utiliza en 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 principal
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 de la muestra de color junto al campo de entrada.
Elegir un color principal
Selecciona un color que:
Coincida con la identidad de marca actual de tu negocio (sitio web, rotulación de vehículos y uniformes)
Tenga suficiente contraste con los fondos blancos: los correos electrónicos a clientes usan tarjetas blancas, así que elige un color que siga siendo legible
Funcione tanto con texto claro como oscuro: tu color principal aparece como fondo (en los botones) y como color de primer plano (en los encabezados)
Los colores que funcionan bien para los negocios 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 en 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 principal:
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 principal, no competir con él. Considera lo siguiente:
Seleccionar un color de la misma familia, pero más claro o más oscuro que el principal (por ejemplo, un azul más claro combinado con un azul principal más oscuro)
Elegir un color de acento contrastante para aportar interés visual (por ejemplo, un secundario verde con un principal azul)
Usar el color secundario con moderación: aporta acentos, no la identidad visual principal
Usar la vista previa de identidad 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 — Usa tu color principal 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 aparece ante 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 — 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 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. Si sales de una sección con cambios sin guardar, verás una advertencia. 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 identidad de marca actualizada se aplica de inmediato a las nuevas comunicaciones con los clientes.
Dónde aparece tu identidad de marca
Correos electrónicos visibles para los clientes
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 en camino"
Los correos electrónicos usan tu color principal en los encabezados, los títulos y los botones principales de llamada a la acción. El color secundario proporciona los elementos de acento.
Facturas
Cuando los clientes reciben correos electrónicos de facturas o consultan las facturas en su Portal del cliente, ven tu identidad de marca aplicada a:
Encabezados y títulos de las facturas
Etiquetas de importes y totales
Botones de "Ver y pagar factura"
Portal del cliente
Los clientes que inician sesión en su portal ven tu identidad de marca durante toda su experiencia:
Tu logotipo o la inicial de tu empresa en el encabezado
El nombre y el eslogan de tu empresa
Elementos de navegación y acento que usan los colores de tu marca
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 a los colores de tu marca en las comunicaciones con los clientes. Para añadir o cambiar tu logotipo, utiliza la sección General en 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 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 apariencia de tus colores. Prueba tu identidad de 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 una factura a ese cliente para comprobar cómo se muestra en tu bandeja de entrada
Evita los colores extremadamente saturados o los colores con poco contraste sobre fondos blancos, ya que tienen más probabilidades de causar 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 Identidad de marca para ver tu logotipo en la vista previa.
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 el principal y el secundario, 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 los mejores resultados, elige dos colores complementarios o utiliza distintos tonos del mismo matiz (por ejemplo, un azul más oscuro para el principal y uno más claro para el secundario).
Introduce los colores hexadecimales con el formato estándar de seis caracteres y un 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
