PayPal Shopping Cart

PayPal Shopping Cart drops embeddable Add to Cart and View Cart buttons onto any paid site plan, accepting PayPal, Venmo, Apple Pay, and card payments. Checkout runs on PayPal's hosted interface, so card data never touches your servers, and PCI scope stays minimal.

That makes it a fit for selling physical or digital products, collecting project deposits, or running donation campaigns — cart-style checkout without the Ecommerce plan overhead.

How to integrate PayPal Shopping Cart with Webflow

What is PayPal Shopping Cart? PayPal Shopping Cart is a regional merchant-integration directory, not an embed guide. For the embeddable workflow you'll use, see PayPal's Shopping Cart Buttons developer docs at PayPal Shopping Cart. PayPal describes the tool as an embeddable payment widget within its Payment Links and Buttons product family.

It generates Add to Cart and View Cart buttons that let buyers collect multiple products and complete a single checkout session on PayPal's hosted page. You'll need a PayPal Business account to use it, but there are no subscription or setup fees, and it supports payments in 24 currencies across 200+ countries.

Reach for this combo when you need multi-item payment capability without building a full storefront. A boutique retailer might place cart buttons across product pages on a CMS site, while a nonprofit could place donation buttons on campaign landing pages. The common thread is accepting payments on pages where native Ecommerce checkout either isn't available or isn't needed.

PayPal Shopping Cart pairs with your site through one core approach:

• Shopping Cart button embeds let you paste PayPal-generated Add to Cart and View Cart button code directly into your pages.

This is the standard setup for adding multi-item checkout to a paid site without an Ecommerce subscription.

Add PayPal Shopping Cart buttons with Code Embed elements

To add PayPal Shopping Cart, generate Shopping Cart button code directly from PayPal. Paste it into your pages using Code Embed elements. This method works on any paid site plan without an Ecommerce subscription. PayPal's button builder has two distinct code blocks: an Add to Cart button (one per product) and a View Cart button that opens the cart summary and proceeds to checkout.

Generate the button code in PayPal

PayPal's Shopping Cart button creator walks you through configuration. You log in, set product details, and copy the generated code.

To generate your buttons:

1. Log into your PayPal Business account and go to Shopping Cart in the menu.
2. Enter the product name, price, and currency.
3. Add optional shipping fees and tax rates.
4. Select Settings to customize button color, shape, and label. A real-time preview shows changes as you make them.
5. Copy the Add to Cart button code from the Add to Cart tab.
6. Copy the View Cart button code from the View Cart tab.

Every product needs its own unique Add to Cart button to keep pricing and product details accurate during checkout. You only need to drop in the View Cart code once per page.

Embed the buttons in Webflow

Once you have both code blocks, placing them on a page takes three steps.

To add the buttons:

1. Open the Elements panel and drag a Code Embed element onto the page where you want the button to appear.
2. Paste the PayPal button code into the code editor and click Save & Close.
3. Publish the site.

The buttons won't render inside the visual canvas — you'll see a placeholder instead. That's expected, since custom code only executes on the published site. Publish to your .webflow.io staging subdomain to test button rendering and run a test purchase against PayPal's sandbox environment. Refund the test transaction from your merchant activity page afterward.

If you need to edit a button later, go to the PayPal Buttons page, click Open next to the saved button, select Edit, and click Customize your Buttons. Your changes apply automatically. No need to update the code on your site.

What you can build with the PayPal Shopping Cart Webflow integration

With PayPal Shopping Cart in place, you can accept multi-item payments on any page without a full ecommerce storefront or an Ecommerce plan.

• Multi-product retail store: Add Add to Cart buttons on each product page of a CMS-driven catalog, with a View Cart button in the navigation. Buyers browse, add items, and check out in one session. Your product catalog on a Basic or CMS site plan gets full cart functionality without an Ecommerce upgrade.
• Nonprofit donation campaign: Place PayPal buttons on a fundraising landing page to accept contributions through PayPal's hosted checkout. Donors complete payment without leaving your site flow until checkout begins.
• Digital product storefront: Sell downloadable templates, fonts, or course access from a portfolio page using Shopping Cart buttons. Buyers can add multiple products before checking out.
• Service deposit collection: If you're a freelancer or consultant, add a PayPal button to a booking or project inquiry page to collect deposits. A deposit button on a services page collects payment upfront, and you can place it to match your site's design.