मेन्यू
RocketLauncher

Funnels & Websites

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

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.

अपडेट: 2 जून 2026

3:56

सारांश. 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.

आप क्या सीखेंगे

  • 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

स्टेप

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

टिप्स

  • 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

लोग जो सवाल पूछते हैं

Do color custom values work across multiple pages in the same funnel?

Yes, any page in the funnel referencing the key picks up the updated color.

Can I use custom values for button text colors as well as backgrounds?

Yes, any color field in the builder that accepts a custom color input can use a value key.

Do I need to rebuild pages after changing a custom value?

No, the page reads the value on each load, so a page refresh is enough.

Is there a limit to how many color custom values I can create?

GoHighLevel does not publish a hard limit; create as many as you need per location.

उन लोगों के साथ बनाएँ जो पहले बना चुके हैं।

फ्री कम्युनिटी से जुड़ें: हर हफ़्ते लाइव कॉल, एक स्टार्ट-हियर कोर्स और आपकी भाषा में बोलने वाले बिल्डर्स।

Skool पर फ्री जुड़ें