Integration Builder

JS SDK

Last updated:

Know before you code

Standard
Standard Checkoutallows you to offer a variety of payment options:
  • PayPal
  • Pay Later
  • Venmo
  • Debit and Credit through a PayPal-managed guest checkout
Advanced
Advanced Checkoutallows you to accept all of the Standard Checkout payment types as well as:
  • Direct Debit and Credit card processing
  • Customizable Payment Protection
  • Unbranded checkout, with customizable buttons and form fields
  • Region-specific alternative payments methods
Integration:
Front end language:
Back end language:

1

Select checkout options

Select the payment methods

Let PayPal intelligently present relevant payment methods to your buyers

Choose a payment model

Process one-time payments using the JavaScript SDK or payments for fixed amounts at regular intervals using the Catalog Product API, Subscriptions API, and the JavaScript SDK

Choose your button layout

Choose between vertical or horizontal button layouts

Choose your button style

Choose between rectangular or pill-shaped buttons

2

Demo using sample credentials

Demo checkout as a payer and merchant

  1. In the Checkout Preview, select a payment button to demo checkout.
  2. Log in to the payer's sandbox account using pre-populated credentials.
  3. Select a payment method to start the transaction.
  4. Confirm that payment was successful by logging in to the merchant's sandbox account using the pre-populated credentials.
  5. On a successful transaction, the payment is shown in the merchant sandbox account.

Simulate successful and unsuccessful credit card capture.

Successful test transaction

Use the following card information. See more test cases here.

Negative test transaction

Use the following card information. See more test cases here.

3

Build in the PayPal sandbox

Build your application and test in the sandbox

  1. Copy the sample JavaScript SDK code to your checkout page.
  2. Optional: Customize your code.
  3. Replace <test> client ID in the SDK <script src> with your own sandbox Business Account app client ID. These credentials are available in the Developer Dashboard.
  4. Test your sandbox integration by following the integration guide.
  5. Checkout the sample application with HTML and NodeJS combination in GitHub.

4

Take your application live

Move your application to PayPal's live environment

  1. Ensure your application adheres to the PayPal Application Policies and Guidelines.
  2. Obtain your live credentials.
  3. Replace your test credentials in your integration with your live credentials.
  4. Update your PayPal endpoint.

Standard Checkout Preview

1
Was the integration builder helpful?