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)
(available scopes)
(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.

JavaScript button parameters

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

Parameter Required Description
appid

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

The button size specifier:

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

The button shape specifier:

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

The button styling: PayPal blue or neutral.
returnurl

The page to return to after successful login.
responseType

The response type specifier:

  1. code
  2. id_token
  3. code & id_token
fullpage

The full page specifier:

  1. true
  2. false. Default is mini browser.
nonce Optional The nonce specifier can be a random number, for example 11111111.
  • If you don't provide this parameter, the return url redirection behavior is mini browser.
  • If you provide the paramenter with a random number, it will redirect to parent browser.

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

Popular Search Queries
PayPal Help
FAQ's

FAQ's

Forum

Tech Support Community

PayPal Community