Customize branding and colors in Zapier Interfaces

Available on plans:

Basic

Pro

Advanced

You can customize your Zapier interface theme by using your brand colors and logo.

 

Customize the theme

You can define specific colors for elements using Hex color codes.

  1. In the left sidebar of your interface, click the Theme icon .
  2. You can customize color settings for the following:
    • Page background.
    • Primary.
    • Danger.
    • Form error.
    • Text.
    • Secondary text.
    • White.
    • Black.
    • Gray.
    • Dark gray.
    • Medium gray.
    • Light gray.
    • Super light gray.
    • Placeholder.
  3. Click Save changes.
Note

You cannot change fonts in your interface. 

Use your own branding

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).

  1. In the left sidebar of your interface, click the Branding icon .
  2. Click Choose an image under the Logo field to upload a new logo image from your computer.
  3. 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.
Tip

You can also choose whether to display a navigation bar on your interface's pages.

 

Remove the Zapier label

Available on plans:

Free

Pro

Advanced

In the Advanced plan, you can remove the Zapier label that appears on the bottom right corner of your interface's pages.

  1. In the left sidebar of your interface, click the Branding icon .
  2. 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 interface.
  3. Click Save changes.

Display your logo in the navigation

If you upload your logo in the Branding menu, you can also include it in your interface's navigation.

  1. In the left sidebar of your interface, click the Navigation icon .
  2. Under the Include my logo in the navigation field, click the toggle switch to turn it on.
  3. Click Save changes.

Learn how to display the navigation bar on your interface's pages.

 

Provide feedback and get help

You can make a feature request, provide feedback on existing features, and get help from the Interfaces team.

Was this article helpful?
4 out of 10 found this helpful