🎨 Changing the Chat Background to WhatsApp

---

🎯 What does this script do?

This script applies the classic WhatsApp background (with the doodle pattern) to the conversation area in GoHighLevel, making the interface more familiar and visually similar to WhatsApp.

---

📍 Implementation Location

Access your Go High Level → Settings → Company → Custom JavaScript and paste the code below:

---

💻 Code

<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';

  // Prevents duplicating the rule if the script runs more than once
  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>

---

📝 Step by Step

1. ✅ Copy the JavaScript code above
2. ✅ Log in to your GoHighLevel Whitelabel account
3. ✅ Go to Settings → Company → Custom JavaScript
4. ✅ Paste the code in the available box
5. ✅ Click Save to apply the changes
6. ✅ Refresh the page and verify it worked

---

🖼️ Customizing the Background

Want to use a different image? Just change the URL in the BG_URL variable:

const BG_URL = 'YOUR_URL_HERE';

💡 Tip

You can use any background image! Use a hosted image URL (Google Drive, Imgur, etc.) to customize with your brand colors.

---

🎨 Result

Before	After
Default gray GHL background	Background with classic WhatsApp pattern

---

⚠️ Important

If you already have other scripts in Custom JavaScript, add this code below the existing ones, don't replace them!