CZ-IN // INSTALL
How to add custom JS to GoHighLevel and install the customizer
To add custom JS to GoHighLevel, open the agency view, go to Settings, Company, and paste the code into the Custom JS field of the White Label section. For the GHL Customizer that is one script line from your account, plus one CSS @import line in Custom CSS for the login page. It takes about two minutes and you only do it once.
SETTINGS / COMPANY / WHITE LABEL
CUSTOM JS
CUSTOM CSS (LOGIN PAGE DESIGN)
YOUR-KEY is your account's own key. The editor's Get code screen shows both lines with it already filled in.
No GoHighLevel password is shared with anyone.
- Custom JS
- 1 line
- Login page CSS
- 1 line
- One-time install
- ~2 min
- Re-installs after changes
- 0
CZ-IN1 // STEP BY STEP
Six steps, once
The same steps for every package. If your agency already uses custom code, add the customizer line alongside it.
STEP 01
Log in to the customizer
Use the login emailed to you after purchase at customizer.ghlcustomercare.com and change the temporary password.
STEP 02
Open Get code
The editor's Get code screen shows your two lines with your own key already filled in: a script tag for Custom JS and an @import line for Custom CSS. Copy the script tag.
STEP 03
Open your agency settings
In GoHighLevel switch to the agency view and open Settings, then Company. Scroll to the White Label section.
STEP 04
Paste into Custom JS and save
Paste the line into the Custom JS field and save. Reload any sub-account: your published theme is already there.
STEP 05
Add the CSS line
On the same White Label page, paste the @import line into Custom CSS and save. That is what carries the login page design; open your login URL in a private window to check it.
STEP 06
Publish from now on
That is the last time you touch GoHighLevel. Every change you publish in the editor is live on the next page load.
Undo in one move
Delete the line and GoHighLevel returns to its default look straight away. Your designs stay saved in the customizer account.
Roll back a change
Version history keeps your previous saves, so a change that does not land can be reversed from the editor without touching GoHighLevel.
Websites are separate
Popups, notifications, calculators and floating widgets for websites use their own embed from the editor and only run on your allowed domains.
CZ-IN2 // QUESTIONS
Install questions
Where do I add custom JS in GoHighLevel?
Where does the login page CSS go?
Do I have to paste new code every time I change the design?
Can I remove it?
Does the install affect page speed?
What if I already have custom code in GoHighLevel?
Do websites need a separate install?
Who do I contact if the install does not work?
CZ-IN3 // WHAT YOU CAN PUBLISH
Once installed, every module is one click away
- CZ-02
Login page designs
From HQ Basic
Try it live - CZ-01
Themes, UI kits and dark mode
From HQ Basic
Try it live - CZ-03
Dashboard designs
From HQ Command
Try it live - CZ-04
Menus and navigation
From HQ Command
Try it live - CZ-07
Popups
From HQ Empire
Try it live - CZ-08
Notifications and social proof
From HQ Empire
Try it live - CZ-05
Pipeline designs
From HQ Command
Try it live - CZ-06
Contact actions bar
From HQ Command
Try it live - CZ-10
Floating widgets
From HQ Empire
Try it live - CZ-09
Calculators
From HQ Empire
Try it live
CZ-IN4 // DEPLOY THE LOOK
Two minutes of setup, then publish forever
Buy once, get the login by email, paste the line. Start with HQ Basic for themes and login designs, or take HQ Command for the full working toolkit.
One-time payment, lifetime accessLogin by email in minutesOne-line install
GHL Customizer accounts run on the GHL Customer Care customizer platform (customizer.ghlcustomercare.com); AgencySnapshotHQ sells the account packages on this page. GoHighLevel and HighLevel are trademarks of HighLevel Inc. This product is independent: not affiliated with, endorsed by, or a reseller of HighLevel Inc. Previews use sample data and a copy of the GoHighLevel interface.