How to Update Your Agency Favicon in GoHighLevel

How to Update Your Agency Favicon in GoHighLevel

By Aslam Manzoor

To update your agency favicon in Gohighlevel, navigate to the agency dashboard settings and upload a high-resolution icon (SVG/PNG). This small resource update is crucial for white-labeling the platform, ensuring that your clients see your unique brand identity in their browser tabs instead of the default GHL icon.

Follow this simple guide to update your favicon with custom code. Let’s get started!

Get Free Consultation

Step-by-Step Guide to Changing the Favicon

Log in to Your GoHighLevel Account

Start by logging into your GoHighLevel agency account with your credentials.

Navigate to Settings

  • Once logged in, locate the Settings tab in the left-hand menu.
  • Click on Settings to open a dropdown menu.

Access Company Settings

  • In the settings menu, click on Company Settings.
  • Scroll down to find the Custom Code section near the bottom.

Add the Custom Favicon Code

  • Copy the custom code provided

<script>

var faviconURL = ‘https://somefaviconurl.com’ // Upload an image into a location funnel and then use the URL here.

var link = document.querySelector(“link[rel*=’icon’]”) || document.createElement(‘link’);

    link.type = ‘image/x-icon’;

    link.rel = ‘shortcut icon’;

    link.href = faviconURL

    document.getElementsByTagName(‘head’)[0].appendChild(link);

</script>

  • Paste the code into the Custom Code area in your Company Settings.
  • Upload Your Favicon Image
  • Navigate to your Funnels or Media Library in GoHighLevel.
  • Upload your custom favicon image to the Media Library.
  • Ensure the image is in .ico, .png, or .svg format and is ideally 32×32 pixels.
  • Copy the image URL after the upload is complete.

Update the Image URL in the Code

  • In the custom code you pasted, locate the placeholder for the favicon image URL.
  • Replace it with the URL of your uploaded image from the Media Library.

Save Changes

  • After editing the code with your image URL, click Save Changes.
  • The new favicon will now be applied to your GoHighLevel agency dashboard.

Test Your Favicon

  • Open your agency dashboard in a new browser tab.
  • Check the browser tab to see if your new favicon appears.
  • If the old favicon is still showing, clear your browser cache and refresh the page.

Key Tips

  • Use a Professional Design: Your favicon should reflect your brand identity.
  • Ensure Proper Dimensions: A 32×32 pixel size works best for clarity.
  • Test Across Browsers: Check how the favicon appears in different browsers to ensure consistency.
Start Your 30-Day Free Trial Now

Conclusion

By following these simple steps, you can easily change the favicon for your GoHighLevel agency dashboard, giving it a unique and professional look. Don’t forget to check the video description for the custom code needed for this process.

If you have any questions, feel free to reach out for support!

FAQs

Q: What is the best size for a GoHighLevel favicon?

A: A 32×32 or 48×48 pixel PNG/ICO file is recommended to ensure clarity across all web browsers and devices.

Aslam Manzoor

Aslam Manzoor, founder of LeadsFlex, helps businesses unlock their full potential with expert GoHighLevel solutions. Specializing in AI chatbots, advanced automations, custom funnels, and website design, Aslam delivers powerful tools to streamline processes and boost growth. Ready to scale? Explore our tailored GoHighLevel services and transform your business today!

Leave a Reply

Your email address will not be published. Required fields are marked *