Sub Account Logos
B
Brien Gearin
Would be nice to have the ability to change the logo in each sub account. Would be a nice touch to provide even better experience for clients.
Log In
S
Sales & Marketing
Merged in a post:
Sub-Account Logo
A
Abdul Kabeer
Kindly add a feature that we can use subaccount company logo to side navbar
Photo Viewer
View photos in a modal
S
Sales & Marketing
Merged in a post:
I'd love to be able to apply a sub-account "Brand Board" to the White label login and look. Meaning that each sub-account could have their own company logo and feel at login and while using GHL.
S
Scott Matthews
S
Sales & Marketing
Merged in a post:
Company logo
S
Simo Saad
Adding an option to seperate company logo that be shown on login screen and the one that shown on CRM after login.
The background on login screen is white, and when I use the same logo with white text it doesn't appear.
their is another option is to unify the background on those two paces that logo appear on.
Photo Viewer
View photos in a modal
H
Holly Meyer
This code works for me every time so far:
Where I have "SUBACCOUNTID" put the sub account ID
Where I have "https://link.png" put the link.
.TCDCEz3I1dSsysqGOHZP .agency-logo {
content:
url(https://storage.googleapis.com/msgsndr/oNr7DmfbLG75twnmyTwU/media/68eff6acaa83a9fda11405a6.png);
min-height: 220px;
max-width: 220px;
height: 220px;
width: 220px;
margin-top: -40%;
margin-bottom: -40%;
}
W
William Bronson
I'm not happy about this! No other CRM operates like this! I have to learn coding to get my logo to show instead of my global agency name?
W
William Bronson
I tried the JS and nothing changed. Still my sub account users get invitations with my agency name and a random logo from another sub account. Crazy!
C
Chris Pope
Copy and paste this code into the custom JS section of the Agency Company Settings. You can add unlimited subaccounts and has the advantage of inheriting the original css so should auto-size nicely as before.
<script>
(function() {
const logoMap = {
'6Hr81iu8QrnB49S5g8A4': 'https://path/to/image/logo.png',
//=== Add additional subaccounts here as above - '<Subaccount ID>' : '<Image URL>' with a comma at the end
//=== This is for the agency logo and any subaccounts with no image defined above - leave 'default' unchanged and just change the image URL to the required agency (and default) logo URL (NO COMMA AT THE END)!
'default': 'https://path/to/image/logo.png'
};
function getCurrentLocationId() {
const match = location.pathname.match(/\/location\/([a-zA-Z0-9_-]+)/i);
return match ? match[1] : null;
}
function applyCorrectLogo() {
const locId = getCurrentLocationId();
if (!locId) return;
const desiredSrc = logoMap[locId] || logoMap.default;
if (!desiredSrc) return;
const img = document.querySelector('img.agency-logo');
if (img && img.src !== desiredSrc) {
img.src = desiredSrc;
}
}
applyCorrectLogo();
const observer = new MutationObserver((mutations) => {
applyCorrectLogo();
});
observer.observe(document.body, {
childList: true,
subtree: true,
attributes: false
});
const originalPushState = history.pushState;
history.pushState = function () {
originalPushState.apply(this, arguments);
applyCorrectLogo();
};
const originalReplaceState = history.replaceState;
history.replaceState = function () {
originalReplaceState.apply(this, arguments);
applyCorrectLogo();
};
window.addEventListener('popstate', applyCorrectLogo);
})();
</script>
M
Muhammad zubair
Chris Pope Great, It Worked �
C
Chris Pope
Muhammad zubair Thanks for feeding back!
C
Christian Gregory
Chris Pope, Amazing job! This not only worked but was very clean addition to the platform and my offering. Thanks for sharing!
C
Chris Pope
Copy and paste this code into the custom JS section of the Agency Company Settings. You can add unlimited subaccounts and has the advantage of inheriting the original css so should auto-size nicely as before.
<script>
(function() {
const logoMap = {
'6Hr81iu8QrnB49S5g8A4': 'https://path/to/image/logo.png',
//=== Add additional subaccounts here as above - '<Subaccount ID>' : '<Image URL>' with a comma at the end
//=== This is for the agency logo and any subaccounts with no image defined above - leave 'default' unchanged and just change the image URL to the required agency (and default) logo URL (NO COMMA AT THE END)!
'default': 'https://path/to/image/logo.png'
};
function getCurrentLocationId() {
const match = location.pathname.match(/\/location\/([a-zA-Z0-9_-]+)/i);
return match ? match[1] : null;
}
function applyCorrectLogo() {
const locId = getCurrentLocationId();
if (!locId) return;
const desiredSrc = logoMap[locId] || logoMap.default;
if (!desiredSrc) return;
const img = document.querySelector('img.agency-logo');
if (img && img.src !== desiredSrc) {
img.src = desiredSrc;
}
}
applyCorrectLogo();
const observer = new MutationObserver((mutations) => {
applyCorrectLogo();
});
observer.observe(document.body, {
childList: true,
subtree: true,
attributes: false
});
const originalPushState = history.pushState;
history.pushState = function () {
originalPushState.apply(this, arguments);
applyCorrectLogo();
};
const originalReplaceState = history.replaceState;
history.replaceState = function () {
originalReplaceState.apply(this, arguments);
applyCorrectLogo();
};
window.addEventListener('popstate', applyCorrectLogo);
})();
</script>
C
Chris Pope
Come on guys. 334 upvotes and still pending action. This is essential for sub-account branding!
K
Kevin Russell
YES PLEASE!!!
J
Jeremy Henderson
Please get this!!!!
Load More
→