You can customize your form project theme in Zapier Forms by using your brand colors and logo.
Customize the theme
Available on plans:
Free
Professional
Team
Enterprise
You can select a pre-made color theme or decide on specific colors for elements using Hex color codes or a color picker.
- In the left sidebar of your form project, click the Theme icon.
- You can then select a pre-made color theme, pick a brand color, or define each element's color individually.
icon.Use pre-made themes
You can select from a range of color themes, and your form project elements will match the selection.
- Once you're done, click Save.
Use a brand color
If you use the Brand color field, your form project will automatically tailor all elements to match that color. To see the hues and colors selected, click the Advanced color settings menu.
Edit individual elements
If you select a brand color, you can still change individual element colors:
- Click the Advanced color settings menu.
- Click the color swatch for the field you want to change. The color picker will open.
- Select a new color or paste a HEX value in the text field.
- Click Save.
(Optional) Use RGB or HSL values
- Click the up/down arrows beside the HEX text field to reveal RGB or HSL fields.
- Paste the values in the appropriate fields.
- Click Save.
Select colors individually
You can pick the colors for each form project element individually using the Advanced color settings menu. To change the colors:
- Click the Advanced color settings menu.
- Click the color swatch for the field you want to change. The color picker will open.
- Select a new color or paste a HEX value in the text field.
- Click Save.
(Optional) Use RGB or HSL values
- Click the up/down arrows beside the HEX text field to reveal RGB or HSL fields.
- Paste the values in the appropriate fields.
- Click Save.
NoteYou cannot change fonts in your form project.
Use dark or light mode
Available on plans:
Free
Professional
Team
Enterprise
You can choose whether your form project theme should be in light mode, dark mode, or match the system settings of the user visiting the form. Theme colors will automatically update based on the selected option. To change the mode:
- In the left sidebar of your form project, click the Theme icon.
- Click the Theme dropdown menu.
- Select from:
- Light (default): uses the default color theme.
- Dark: uses a darker version of your color theme.
- System: uses the color mode defined by the user's system.
- Click Save.
Use your own branding
Available on plans:
Free
Professional
Team
Enterprise
The Branding menu allows you to use your own logo and favicon (the icon that appears on the browser tab or window when you visit a website).
- In the left sidebar of your form project, click the Branding icon.
- Click Choose an image under the Logo field to upload a new logo image from your computer.
- Click Choose an image under the Favicon field to upload a new favicon image from your computer.
- The favicon must have a minimum resolution of 32x32 pixels.
icon.You can also choose whether to display a navigation bar on your form project pages.
Remove the Zapier label
Available on plans:
Free
Professional
Team
Enterprise
In Zapier Team or Enterprise plans, you can remove the Zapier label that appears on the bottom right corner of your form project pages.
- In the left sidebar of your form project, click the Branding icon.
- Under the Display the "Built on Zapier" label field, click the toggle switch to turn it off. This will remove the Zapier label from your form project.
- Click Save changes.
Display your logo in the navigation
Available on plans:
Free
Professional
Team
Enterprise
If you upload your logo in the Branding menu, you can also include it in your form project navigation.
- In the left sidebar of your form project, click the Navigation icon.
- Under the Include my logo in the navigation field, click the toggle switch to turn it on.
- Click Save changes.
icon.Learn how to display the navigation bar on your form project pages.