Customizing Interactive Form Colors with Your Brand
What Are Interactive Form Color Effects?
The Primary Color setting in your CRM allows you to apply your brand color to interactive elements within forms, surveys, and quizzes. When users hover over, click, or select items, these elements—such as input fields, dropdowns, checkboxes, and radio buttons—automatically display your chosen color. This creates a seamless, branded experience without requiring design expertise.
Benefits of Using a Primary Color
Using a consistent primary color across your forms offers several advantages:
- Brand Consistency: All interactive elements reflect your brand color, ensuring a unified look.
- Improved Usability: Active and selected states are clearly highlighted, making it easier for users to navigate your forms.
- Professional Appearance: Polished interactions enhance perceived quality and may increase completion rates.
- Time Efficiency: Set the color once, and it automatically applies to multiple elements.
- Design Flexibility: Optionally sync the primary color with your button color for complete visual harmony.
Where the Primary Color Appears
Your primary color is displayed during user interactions, such as:
- Hovering over or clicking into form fields
- Selecting checkboxes or radio buttons
- Choosing options from dropdowns
- Selecting dates in date pickers
- Interacting with file upload or signature fields
If no primary color is set, forms use a default neutral styling.
How to Set Your Primary Color
Follow these steps to customize your primary color:
- In the form builder, navigate to Style and Options → Styles.
- Scroll to the Primary Color field under Colors and Background.
- Select a color from the palette or enter a custom hex code.
- Toggle Map Primary color to Button color if you want buttons to match.
- Click Save to apply your changes.
All forms using default styling will update automatically with the new color.
Frequently Asked Questions
Does this affect all my forms?
Yes, the primary color applies to all forms under your account that use default styling.
Can I use a different color for a specific form?
Currently, the primary color is applied globally and cannot be set per form.
Can I disable hover or focus effects?
No, these effects are built in to enhance usability and clarity for form visitors.
Do these effects work on mobile devices?
Yes, the color highlights are displayed consistently on both desktop and mobile.
Can I keep a different button color?
Yes, simply leave the mapping toggle off and style buttons separately through your theme or custom styles.