Build a Customized Connect with PayPal Button
Generated snippet
Test the generated button. Once it works to your satisfaction, copy the following generated HTML code snippet into your site.
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:
|
|
buttonShape |
The button shape specifier:
|
|
theme |
Optional | The button styling: PayPal blue or neutral. |
returnurl |
The page to return to after successful login. |
|
responseType |
The response type specifier:
|
|
fullpage |
The full page specifier:
|
|
nonce |
Optional | The nonce specifier can be a random number, for example 11111111.
|
For additional integration steps, see the Connect with PayPal integration guide.