Lección 01.05 · Personaliza tu GHL

Módulo 1 · Empieza Aquí — Marca blanca a fondo: logo en condiciones, dominio propio conectado y los colores de tu marca en toda la plataforma, con un truco de CSS que no exige saber programar.

Qué aprendes

Los requisitos exactos del logo para que se vea perfecto.
Cómo conectar el dominio app.tudominio.com autorizando la vinculación con tu proveedor.
Cómo cambiar el color principal de toda la plataforma con CSS generado por IA, sin tocar código a mano.
Qué ve el cliente cuando entra en «tu CRM».

Las ideas clave

1. El logo, bien hecho

Todo se hace desde la vista de agencia: Settings → Company → White Label.
El logo debe ser transparente, medir 350 × 180 px y pesar menos de 2,5 MB.
Con esas medidas la plataforma lo muestra pequeño; el CSS del punto 3 es también lo que permite ampliarlo para que luzca.

2. El dominio propio

Escribes app. + tu dominio en White Label Domain y conectas: el flujo te pide iniciar sesión en tu proveedor de dominios y autorizar la vinculación.
A partir de ahí, tus clientes entran por app.tudominio.com (previo alta en la plataforma) y no ven rastro de GHL en la dirección.

3. Tus colores en toda la plataforma (el truco del CSS)

Los colores de la interfaz no se cambian con botones: se hace con un bloque de CSS personalizado en el mismo apartado White Label.
La lección lo resuelve sin programar: trae un código base y un prompt para ChatGPT. El flujo es: 1. Copias el prompt, sustituyendo el código de color por el de tu marca (en formato hexadecimal). 2. Pegas también el código base en el mismo chat. 3. ChatGPT devuelve el CSS ya actualizado con tu color. 4. Lo pegas en el campo de CSS de GHL, guardas cambios (Save Changes) y recargas la página: la plataforma entera aparece con tu color.

4. El resultado

Logo, dominio y color corporativo: el cliente percibe tu propio software, no una herramienta alquilada. Es el remate de la marca blanca que empezaste en la lección 01.03.

Errores típicos

Subir el logo sin transparencia o de más de 2,5 MB: se verá mal o lo rechazará.
Editar el CSS base a mano buscando el color: es fácil romperlo; para eso está el flujo con el prompt, que solo cambia el valor del color.
Guardar el CSS y no recargar la página, concluyendo que «no funciona».
Olvidar el prefijo app. al teclear el dominio.

Vigencia

Medidas y límites del logo, y el campo de CSS personalizado, corresponden a la versión de la grabación; si el apartado White Label cambia de aspecto, los conceptos (logo, dominio, CSS) se mantienen.