Customizing Form Appearance

Make your contact form match your brand with custom colors, logos, and styling.

Accessing Branding Settings

1. Go to Form Management (/admin/form)
2. Click the Edit tab
3. Expand the Advanced: Branding section

Branding Options

Background Color

Set the background color of your form. You can:

• Use the color picker for visual selection
• Enter a hex color code directly (e.g., #F9F9FB)

Button Color

Choose the color for your submit button:

Logo URL

Add your company logo at the top of the form:

1. Upload your logo to a publicly accessible URL
2. Enter the full URL in the Logo URL field
3. The logo will appear above the form title

Color Best Practices

• Contrast: Ensure sufficient contrast between text and background for readability
• Brand Consistency: Use colors from your brand palette
• Accessibility: Test colors meet WCAG contrast guidelines

Preview Your Changes

Always use the Preview tab to see how your form looks with your branding:

1. Make changes in the Edit tab
2. Click "Save Changes"
3. Switch to the Preview tab
4. Verify colors, logo, and overall appearance

Related Topics

• Setting up your first contact form
• Configuring form fields
• Previewing your form