# Build button (/log-in/build-button)

Learn how to manually build the "Log in with PayPal" button with step-by-step instructions for integration into your website or application.



Follow these steps to manually build the **Log in with PayPal** button:

## 1. Select button type [#1-select-button-type]

Choose if you want to use the branded **Log in with PayPal** button or to create your own.

* To create your own **Log in with PayPal** button, reference our [Button design guide](/log-in/designer-guide/).

* To use the branded **Log in with PayPal** button, use `https://www.paypalobjects.com/devdoc/log-in-with-paypal-button.png` for the button image location.

  > **Note:** **Note:** To ensure the button image stays in sync with PayPal branding, don't download the button image and host it on your own server.

## 2. Construct authorization endpoint [#2-construct-authorization-endpoint]

The authorization URL is called each time your users select the **Log in with PayPal** button. Construct the authorization endpoint according to the following template:

```html lineNumbers
https://www.sandbox.paypal.com/signin/authorize?flowEntry=static&client_id=CLIENT-ID&scope=LIST-OF-SCOPES&redirect_uri=RETURN-URL
```

| Variable       | Description                                                                                                                                                                                                                                                                                                                 |
| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| client ID      | Replace `CLIENT-ID` with your app's sandbox or live client ID.<br /><br />Example:<br /><br />`ARfDleH_j-C17kxbdUzYivR70xP5Uy5N_DrFZVOvyZvNGBaPB_QNbwWkgF7lMsemGJycLRFVwaM`                                                                                                                                                 |
| list of scopes | Replace `LIST-OF-SCOPES` with a space-separated list of scopes. You'll need to to include `openid`. See [Scope attributes](/log-in/references#scope-attributes) for details on how attributes map to scopes.<br /><br />Example:<br /><br />`openid profile email address https://uri.paypal.com/services/paypalattributes` |
| return URL     | Replace `RETURN-URL` with the URL to return to after successful login. This URL must be encoded and match the Return URL set in **Apps & Credentials** in the Developer Dashboard.<br /><br />Example:<br /><br />`https%3A%2F%2Fwww.myreturnurl.com&state=123456`                                                          |

### Sample URL [#sample-url]

```html lineNumbers
https://www.sandbox.paypal.com/connect/?flowEntry=static&client_id=
ARfDleH_j-C17kxbdUzYivR70xP5Uy5N_DvNGBaPB_QNbwWkgF7lMsemGJycLRFVwaM&response_type=code&scope=openid
profile email
address&redirect_uri=https%3A%2F%2Fwww.myreturnurl.com&state=123456
```

## 3. Customize functionality [#3-customize-functionality]

You can optionally use the following advanced parameters to customize your button:

| Parameter       | Description                                                                                                                                                 |
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `response_type` | `code` – to receive authentication code in the response.<br />`id_token` – used only by direct instruction of your integration team.                        |
| `fullPage`      | To open the flow in a mini browser, do not pass this parameter.<br /><br />To open the Log in with PayPal flow as a full page in the same tab, pass `true`. |

## 4. Get authorization code [#4-get-authorization-code]

When your users successfully log in to PayPal and consent to sharing their basic information, PayPal passes an authorization code to the return URL you specify.

| Parameter          | Description                                                                                                                                     |
| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------- |
| authorization code | The authorization code is appended as a parameter to the return URL after the user logs in and consents to share information with your website. |

### Sample URL [#sample-url-1]

```html lineNumbers
https://myreturnurl.com/?code={authorization_code}&scope=address openid profile
email
```

## Next steps [#next-steps]

* [Get access token](/log-in/build#3-get-access-token)