This page is for admins who make Buttons.

An Interface button opens an Interface view. You build the Interface view in Interface Builder. An Interface view is
a screen with blocks such as text, tables and forms. For the view of the user, see
[Use an Interface view](/docs/use-buttons/use-an-interface-view).

## How an Interface button opens an Interface view

1. A Pipedrive user clicks the Interface button in the Panel of a deal, a person or an organization.
2. A window with the title **OneClick Interface** opens over Pipedrive.
3. The window shows the Interface view with the data of the record that the user has open.

OneClick gives the Interface view the type of the record and its ID. Thus a view that you open from a deal shows the
title, the value and the fields of that deal. You do not get the record data yourself.

An Interface view can also show other data: the data of the user who presses the Button, and data from your own
data source. Interface Builder sets these sources.

An Interface button in the Floating window gives no record data to its Interface view. See
[A Floating window Button gets no Pipedrive record](/docs/buttons#a-floating-window-button-gets-no-pipedrive-record).
For the two places of an Interface button, see
[Panel and Floating window](/docs/buttons/interface-button/interface-builder/explanation/panel-and-floating-window).

![The OneClick Interface window over Pipedrive with the Interface view Group info for an organization, with a deal scope, yearly totals and a table](https://res.cloudinary.com/zimple/image/upload/f_auto,q_auto/oneclick-docs/buttons/interface-button/interface-view.png)

## Make an Interface button

1. Open a deal, a person or an organization in Pipedrive.
2. Click **Settings** at the bottom of the OneClick Panel. The Settings open on the **Buttons** tab.
3. Click the **Panel** tab or the **Floating window** tab.
4. Click **Create new**.
5. Click **Interface button**. The menu shows it with the label **BETA**. The Button editor opens.
6. Type the **Button text**. The user sees this text on the Button.
7. Click **Open interface builder**. OneClick saves the Button and opens Interface Builder.

If the **Create new** menu does not show **Interface button**, the Interface button is not available for your
company.

## The settings of an Interface button

The editor of an Interface button has these sections:

| Section              | What you set                                                                          |
| -------------------- | ------------------------------------------------------------------------------------- |
| **Button**           | The link to Interface Builder, the size of the window, the text, the description and the color. |
| **Headers**          | The headers that OneClick adds to each request that the Interface view sends.        |
| **Limit Visibility** | The records, pipelines, stages, users and groups that see the Button. See [Limit visibility](/docs/buttons/limit-visibility). |
| **Transfer**         | A copy of the Button for the OneClick of another Pipedrive company. See [Transfer a Button](/docs/buttons/transfer-a-button). The section shows only for a saved Button. |

The **Button** section has these settings:

- **Open interface builder** opens the Interface view of this Button in Interface Builder.
- **Interface width** is the width of the window in pixels. The default is 1100. The value must be from 320 to 2400.
- **Interface height** is the height of the window in pixels. The default is 890. The value must be from 120 to 1600.
- **Button text** is the label of the Button.
- **Description (optional)** is a text about the Button.
- **Button accent color** is the color of the Button. Click **Reset** to use the default color.

The section shows the warning **The interface builder is currently in beta**. Interface Builder can have bugs and
features that are not complete.

![The Button section of an Interface button with the beta warning, Open interface builder, Interface width and Interface height, Button text and Button accent color](https://res.cloudinary.com/zimple/image/upload/f_auto,q_auto/oneclick-docs/buttons/interface-button/button-section.png)

### Headers for the Interface view

When the **Headers** section is on, each request of the Interface view sends the headers of the Button. For example,
the request that gets the data of the view, and the request of a form. Set an API token here one time, and all
requests send it. To send a header with only one request, set it in Interface Builder.

## Where Interface Builder is

You open Interface Builder from two places:

- **From the Button editor.** Click **Open interface builder** in the **Button** section. OneClick saves the Button
  first. Fill in all the required fields before you click it.
- **From the Panel.** An admin sees a layout icon at the right of each Interface button in the Panel. Click the icon
  to open the Interface view of that Button in Interface Builder.

Interface Builder saves each change immediately. The Interface view that users see changes at the same time. To try
a change without risk, duplicate the Button. The copy has the Interface views of the original. Change the Interface
view of the copy, and test it. See [Manage Buttons](/docs/buttons/manage-buttons).

To build an Interface view, see [Interface Builder](/docs/buttons/interface-button/interface-builder).