Personalice cómo aparece su negocio ante los clientes en los correos electrónicos, las facturas y el portal del cliente. Los colores de su marca y el logotipo crean una identidad profesional coherente que los clientes ven cuando reciben notificaciones de servicio, ven facturas o inician sesión en su portal.
Entender el branding en Chisel Tide
La configuración de su marca controla la apariencia visual de todas las superficies de cara al cliente:
Correos electrónicos del cliente — Las notificaciones de servicio, los recordatorios de citas y otros mensajes automatizados utilizan sus colores para los encabezados, botones y texto de énfasis.
Facturas — Los correos electrónicos de facturas y la vista detallada de la factura utilizan su color principal para los encabezados y los botones de acción.
Portal del cliente — Sus clientes ven su logotipo, el nombre de la empresa y los colores de la marca cuando inician sesión para ver su historial de servicio, pagar facturas o administrar su cuenta.
Los cambios en su branding afectan las nuevas comunicaciones con los clientes de inmediato. El contenido existente, como las facturas enviadas, conserva el branding de cuando fue creado.
Acceder a la configuración de branding
Para configurar los colores de su marca:
Haga clic en Settings en el menú de navegación de la izquierda.
Seleccione la sección Branding de la barra lateral de Settings.
La página de branding muestra dos selectores de color para los colores principal y secundario, además de una vista previa en vivo de cómo aparece su branding en los correos electrónicos de los clientes.
Configurar su color principal
Su color principal se utiliza para los elementos más destacados en las comunicaciones con 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 encabezado de correo electrónico
Color predeterminado: #2563eb (un tono azul)
Cómo configurar su color principal
Utilice el selector de color para elegir un color visualmente haciendo clic y arrastrando dentro del espectro de colores.
O introduzca un valor de color hexadecimal directamente en el campo de texto (por ejemplo, #2563eb).
El selector de color muestra una vista previa de la muestra en vivo junto al campo de entrada.
Elegir un color principal
Seleccione un color que:
Coincida con el branding existente de su negocio (sitio web, rotulación de vehículos, uniformes)
Tenga suficiente contraste sobre fondos blancos: los correos electrónicos de los clientes utilizan tarjetas blancas, así que elija un color que siga siendo legible.
Funcione tanto con texto claro como oscuro: su color principal aparece tanto de fondo (en botones) como de frente (en encabezados)
Los colores que funcionan bien para los negocios de servicios de piscinas incluyen azules (que evocan la claridad del agua), verdes (que sugieren piscinas limpias) y tonos tierra (para un posicionamiento natural/ecológico).
Configurar su color secundario
Su color secundario proporciona variedad visual y se utiliza para elementos de énfasis:
Color predeterminado: #10b981 (un tono verde)
Cómo configurar su color secundario
El color secundario utiliza la misma interfaz de selector de color que el color principal:
Utilice el selector de color para elegir un color visualmente.
O introduzca un valor de color hexadecimal directamente en el campo de texto.
Elegir un color secundario
Su color secundario debe complementar su color principal en lugar de competir con él. Tenga en cuenta:
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 emparejado con un azul principal más oscuro)
Elegir un color de énfasis contrastante para interés visual (por ejemplo, un secundario verde con un principal azul)
Usar su color secundario con moderación: proporciona acentos, no la identidad visual principal
Usar la vista previa del branding
La sección de Preview muestra un correo electrónico de cliente ficticio con la configuración actual de su marca aplicada. Esto le ayuda a visualizar cómo verán los clientes sus comunicaciones antes de guardar los cambios.
La vista previa muestra:
Encabezado del correo electrónico — Utiliza su color principal como fondo
Área del logotipo — Muestra el logotipo de su empresa cargado si ha añadido uno en Configuración de la empresa, o muestra la primera letra del nombre de su empresa como alternativa
Nombre de la empresa — El nombre de su organización tal como aparece para los clientes
Notificación de muestra — Un mensaje representativo que muestra cómo aparece el texto en los correos electrónicos de los clientes
Botón Ver detalles — Utiliza su color secundario para mostrar cómo aparecen los botones de acción
Pie de página — Muestra el eslogan de su empresa si está configurado; de lo contrario, el nombre de su empresa
La vista previa se actualiza en tiempo real a medida que ajusta sus selectores de color, para que pueda experimentar con diferentes combinaciones antes de guardar.
Guardar los cambios de su marca
Después de configurar los colores de su marca:
Haga clic en Save Changes en la parte superior derecha de la página de Settings.
Espere a que el botón muestre Saved: el sistema almacena los nuevos colores de su marca.
Su branding actualizado entra en vigor de inmediato para las nuevas comunicaciones con los clientes.
Dónde aparece su branding
Correos electrónicos para el cliente
Los colores de su marca aparecen en todos los correos electrónicos automatizados para los 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 "En camino"
Los correos electrónicos utilizan su color principal para los encabezados, los títulos y los botones principales de llamada a la acción. El color secundario proporciona elementos de énfasis.
Facturas
Cuando los clientes reciben correos electrónicos de facturas o ven facturas en su Portal del cliente, ven su branding aplicado a:
Encabezados y títulos de facturas
Etiquetas de importe y totales
Botones "Ver y pagar factura"
Portal del cliente
Los clientes que inician sesión en su portal ven su branding a lo largo de su experiencia:
Su logotipo o la inicial de la empresa en el encabezado
El nombre y el eslogan de su empresa
Elementos de navegación y énfasis utilizando los colores de su marca
Para obtener más información sobre lo que ven los clientes en el portal, consulte la Descripción general del portal.
Cargar su logotipo
El logotipo de su empresa aparece junto a los colores de su marca en las comunicaciones con los clientes. Para añadir o cambiar su logotipo, utilice la sección General en Configuración de la empresa.
Requisitos del logotipo:
Resolución de problemas
Los clientes de correo electrónico procesan los colores de manera diferente según el dispositivo y la configuración del destinatario. El modo oscuro en iOS y Android, por ejemplo, puede cambiar la apariencia de sus colores. Pruebe su branding:
Guardar los colores de su marca
Crear un cliente de prueba en Clientes con su propia dirección de correo electrónico
Activar una notificación o factura para ese cliente para ver cómo se visualiza en su bandeja de entrada
Evite los colores extremadamente saturados o con bajo contraste sobre fondos blancos, ya que es más probable que causen problemas de visualización.
Si no ha cargado un logotipo en Configuración de la empresa, la vista previa muestra la primera letra del nombre de su empresa como marcador de posición. Para añadir su logotipo:
Vaya a Settings y seleccione General.
Desplácese hasta la sección Company Logo.
Haga clic en Upload y seleccione su archivo de logotipo.
Vuelva a Branding para ver su logotipo en la vista previa.
Sí, pero esto reduce la variedad visual en las comunicaciones con los clientes. La vista previa muestra ambos colores utilizados juntos; si usa 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 mejores resultados, elija dos colores complementarios o utilice diferentes tonos del mismo matiz (por ejemplo, un azul más oscuro para el principal y un azul más claro para el secundario).
Introduzca los colores hexadecimales utilizando el formato estándar de seis caracteres con 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 su selección al formato hexadecimal correcto.
Próximos pasos
