How to Update Your Agency Favicon in GoHighLevel

Want to make your GoHighLevel dashboard stand out? Add a custom favicon to boost your brand identity.

This small browser tab icon creates a polished and professional look.

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

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!