Twitter   -   PayPal   -   Docs   -   Code Samples   -   Blog

---

PayPal JavaScript FullStack Advanced Checkout

This sample app shows how to build and customize a card payment form to accept debit and credit cards. Please make sure to style the card form so that it aligns with your business branding.

To create this application from scratch, follow the Advanced Checkout integration guide from the PayPal Developer docs.

Run this project

PayPal Codespaces

• Rename the .env.example file to .env.
• Add your environment variables in the .env file.

Locally

• Rename the .env.example file to .env.
• Add your environment variables in the .env file.

Complete the steps in Get started to get the following sandbox account information from the Developer Dashboard:

• Sandbox client ID and the secret of a REST app.
• Access token to use the PayPal REST API server.

Now, run the following commands in your terminal:

npm install

npm start and navigate to http://localhost:8888/.

Sample Card

Card Type: Visa

Card Number: 4032039534213337

Expiration Date: 01/2025

CVV: 123

PayPal Developer Community

The PayPal Developer community helps you build your career while improving your products and the developer experience. You’ll be able to contribute code and documentation, meet new people and learn from the open-source community.

• Website: developer.paypal.com
• Twitter: @paypaldev
• GitHub: @paypal