Utilizing Custom Color Values for Websites and Funnels

Modified on Mon, 9 Sep at 6:51 PM

Grasping the Concept of Custom Color Values

Custom color values enable you to apply a consistent color scheme across your website or funnels, ensuring that your brand's aesthetic remains uniform. This approach proves beneficial for:

  • Keeping the design elements aligned with your brand's color palette.

  • Efficiently updating multiple pages or components with a unified color scheme, without needing to edit each section individually.


Steps to Implement Custom Color Values

Integrating custom color values into your website or funnel is straightforward. Below is a step-by-step guide to help you implement them.


Step 1: Choose Your Color Codes
  • Start by selecting the specific colors for your website. Colors are identified by their unique hexadecimal (hex) codes—a six-character combination that begins with a hash symbol (#). For example, the hex code for the color green is #00FF00.
Step 2: Set Up Custom Values

Go to the custom values section in your CRM (Customer Relationship Management) system.

  • Create a new custom value for each color you'd like to incorporate. For instance, you can label one custom value as "button color" and assign it a hex code, such as #FFC0CB for pink.

Creating Custom Values

Button Color Example

  • Copy the key associated with your custom value to use later.


Custom Value Key



Step 3: Apply Custom Values

Next, head to your website or funnel editor:

  • Select the design element you want to modify, such as a button.

  • Instead of manually typing in the color code, paste the custom value key that corresponds to the color you created.

  • Save the modifications.


Troubleshooting Common Issues

In some cases, your custom color values may not immediately display as expected. Here are a few troubleshooting tips:

  • Refresh the Editor: If your custom color isn't showing, try refreshing the editor. This forces it to recognize the newly added custom value.

  • Double-Check for Typos: Ensure that the custom value name or key is typed accurately, with no extra spaces or misspellings.


Frequently Asked Questions

  • Q: Can I apply custom color values to any element on my website?
    A: Yes, these values can be used for various elements, including text, buttons, and background sections.
  • Q: Is there a limit to the number of custom color values I can create?
    A: While there's no strict limit, it's recommended to only create custom values for colors you plan to consistently use across your site. This helps keep the process efficient and organized.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article