connect with paypal

Build a Customized Connect with PayPal Button

Modify the following fields to personalize the Connect with PayPal button. When you're finished, use the following dynamically generated snippet.

(create or find an application; requires login)
(must match the environment of the application client id being used)
(if the application specifies a return URL, this field must match)

Generated snippet

Test the generated button. Once it works to your satisfaction, copy the following generated HTML code snippet into your site.

<span id="cwppButton"></span>
Required fields are missing or malformed.

For recommendations on where to place this button on your site, see the Connect with PayPal button placement best practices and recommendations.

To understand how the Connect with PayPal button works, see the user experience flow — what the customer should see after clicking the Connect with PayPal button.


To modify the generated JavaScript button code, see the following parameter table:

Parameter Required Description

The application ID (the client ID from PayPal app creation).

Note: The application ID and client ID terms are used interchangeably.
authend Optional The authorization server URL: Pass sandbox for the test environment. Otherwise, for live, omit this value.
scopes The profile information requested (available scopes).
locale Language and country specifier.

The button size specifier:

  1. sm. Small.
  2. md. Medium.
  3. lg. Large.

The button shape specifier:

  1. pill. The default.
  2. rectangle
theme Optional

The button styling: PayPal blue or neutral.


The page to return to after successful login.


The response type specifier:

  1. code
  2. id_token
  3. code & id_token

The full page specifier:

  1. true
  2. false. Default is mini browser.

For additional integration steps, see the Connect with PayPal integration guide.