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.

application ID (client ID)

(create or find an application; requires login)

auth end point

production sandbox

(must match the environment of the application client id being used)

scopes

(available scopes)

container ID

responseType

locale

theme

PayPal blue neutral

buttonType

buttonShape

buttonSize

FullPage

return URL

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

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: `sm`. Small. `md`. Medium. `lg`. Large.
`buttonShape`		The button shape specifier: `pill`. The default. `rectangle`
`theme`	Optional	The button styling: PayPal blue or neutral.
`returnurl`		The page to return to after successful login.
`responseType`		The response type specifier: `code` `id_token` `code` & `id_token`
`fullpage`		The full page specifier: `true` `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.