Utilizing Custom Color Values for Websites and Funnels

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.

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

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.