🎨 Cambiando el Fondo del Chat a WhatsApp

---

🎯 ¿Qué hace este script?

Este script aplica el fondo clásico de WhatsApp (con el patrón de doodles) en el área de conversaciones de GoHighLevel, dejando la interfaz más familiar y visualmente parecida a WhatsApp.

---

📍 Ubicación de Implementación

Accede a tu Go High Level → Settings → Company → Custom JavaScript y pega el código a continuación:

---

💻 Código

<script>
(() => {
  const STYLE_ID = 'ghl-chat-bg-style';
  const BG_URL = 'https://s0.smartresize.com/wallpaper/744/548/HD-wallpaper-whatsapp-ma-doodle-pattern.jpg';

  // Evita duplicar la regla si el script se ejecuta más de una vez
  if (!document.getElementById(STYLE_ID)) {
    const style = document.createElement('style');
    style.id = STYLE_ID;
    style.textContent = `
      #central-panel-wrapper .transition-all .flex-col-reverse {
        background-image: url("${BG_URL}");
        background-size: cover;
        background-repeat: no-repeat;
      }
    `;
    document.head.appendChild(style);
  }
})();
</script>

---

📝 Paso a Paso

1. ✅ Copia el código JavaScript de arriba
2. ✅ Inicia sesión en tu cuenta Whitelabel de GoHighLevel
3. ✅ Ve a Settings → Company → Custom JavaScript
4. ✅ Pega el código en la caja disponible
5. ✅ Haz clic en Save para aplicar los cambios
6. ✅ Actualiza la página y verifica si funcionó

---

🖼️ Personalizando el Fondo

¿Quieres usar una imagen diferente? Solo cambia la URL en la variable BG_URL:

const BG_URL = 'TU_URL_AQUÍ';

💡 Consejo

¡Puedes usar cualquier imagen de fondo! Usa una URL de imagen hospedada (Google Drive, Imgur, etc.) para personalizar con los colores de tu marca.

---

🎨 Resultado

Antes	Después
Fondo gris predeterminado del GHL	Fondo con patrón clásico de WhatsApp

---

⚠️ Importante

Si ya tienes otros scripts en Custom JavaScript, agrega este código abajo de los existentes, ¡no los reemplaces!