Funnels & Websites

How to Use Custom Values as Color Codes in GoHighLevel Page Builder

Name: How To Use Custom Values As Color Codes In The HighLevel Page Builder
Uploaded: 2022-09-15
Duration: 3 min 56 s
Channel: HighLevel
Description: GoHighLevel custom values work for more than text. You can store a hex color code as a custom value and reference it inside the page builder's color picker using the custom value key. When you update the value in one place, every element using it updates automatically. For agencies managing multiple client accounts, this means one landing page template that rebrands in minutes.

By Marnix Geerkens. Published 2022-09-15. Updated 2026-06-02.

GoHighLevel custom values work for more than text. You can store a hex color code as a custom value and reference it inside the page builder's color picker using the custom value key. When you update the value in one place, every element using it updates automatically. For agencies managing multiple client accounts, this means one landing page template that rebrands in minutes.

Watch it, then build it

Get the full platform free for 30 days

That walkthrough runs on GoHighLevel. Start it free through RocketLauncher and you get 30 days instead of the usual 14, the whole platform unlocked, plus our setup help and a community of thousands of builders in 47+ countries.

30 days, not 14Full platform, nothing held backFree community and setup help

We earn a referral commission if you keep GoHighLevel after the trial. It never changes your price.

Summary. This tutorial demonstrates how to store brand color codes as GoHighLevel custom values and apply them to background colors, button colors, and other styled elements in the page builder. Changing the custom value updates every element referencing it site-wide, making it a practical time-saver for agencies onboarding new clients onto shared page templates.

What you will learn

Store a hex color code as a custom value in your location settings
Reference a custom value key inside the page builder color picker
Apply a single color change across all elements using that value
Combine color custom values with text custom values for full template reuse
Onboard a new client by editing just a few custom values instead of rebuilding pages

Steps

Create a color custom value
Go to Settings and open Custom Values. Click to add a new value. Give it a descriptive name like 'Main Brand Color'. Open a color picker, select the color you want, copy the hex code, and paste it into the value field. Save.
Copy the custom value key
After saving, copy the key for that custom value. The key is a short reference code that you will use inside the page builder.
Apply it in the page builder
Open a page in the builder and select any element that has a color option, such as a section background or a button. Click the color field and look for the option to add a custom color. Paste the custom value key into the input and confirm. The element now reads its color from the custom value.
Test the dynamic update
Go back to Custom Values and change the hex code stored in the color value. Return to your page and refresh it. The element color should update automatically to reflect the new code.
Apply to a new client account
When you onboard a new client, load the template in their sub-account, open Custom Values, and update the brand color and any text values to match the client. All pages using those values update at once.

Tips

Name each color value clearly (Main Brand Color, Secondary Brand Color) so it is obvious which one to update per client
This approach pairs well with custom values for business name and city to make a fully dynamic template

Want the full picture? Read more about the GoHighLevel funnel builder.