Build a Customized Connect with PayPal Button

Important: This is a new version of the Log In with PayPal button. Support for the previous version ends March 01, 2019.

Modify the following fields to personalize the Connect with PayPal button. Use the dynamically generated snippet (below) when you're finished.

(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 generated HTML code snippet from below and paste it 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 should work, see the user experience flow — what the customer should see after clicking the Connect with PayPal button.

Parameters

If you would like to modify the generated JavaScript button code, refer to the parameter table below.

JavaScript button parameters
appid Application ID (Client ID from creating your PayPal app).
Note: The terms application id and client id are used interchangeably.
authend (optional) Authorization Server URL: Pass sandbox for the test environment, otherwise, for live, leave blank or do not pass.
scopes Profile information requested (available scopes)
locale Language and country specifier
buttonLabel button label specifier (buttons label like 1. "Connect With PayPal" 2."Connect" )
buttonSize button size specifier (button size like 1. "sm "small" 2. "lg" "large")
theme (optional) Button styling: PayPal blue or neutral
returnurl Page to return to after successful login

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

Feedback