# Add to Cart: Sample HTML button code (/archive/paypal-payments-standard/integration-guide/html-example-cart)



> **Warning:** This product is [deprecated](/archive/product-lifecycle) and should not be used for new integrations. Use [Payment Links and Buttons](/payment-links-buttons/overview) instead. For information about migrating, visit the [Upgrade Hub](https://developer.paypal.com/upgrade/wps/guide/).

These HTML code samples demonstrate various features for a PayPal-hosted Add to Cart button.

* [Basic Add to Cart button](#basic-add-to-cart-button)

* [Product options](#product-options)

* [Open shopping cart in the merchant window](#open-shopping-cart-in-the-merchant-window)

* [Continue shopping on the current merchant web page](#continue-shopping-on-the-current-merchant-web-page)

* [Discounts](#discounts)

* [View Cart buttons](#view-cart-buttons)

> **Note:** **Important:** This page contains unencrypted button code for illustrative purposes only. To prevent malicious tampering of buttons on your live website, always encrypt your manually created buttons.

## Basic Add to Cart button [#basic-add-to-cart-button]

This sample shows a basic Add to Cart button with the following features:

* An item named "Birthday - Cake and Candle."

* An item price of $3.95 USD.

For this example, PayPal calculates tax and shipping based on rates that you set up in your PayPal account. The buyer's PayPal shopping cart opens in a separate browser window or tab.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal Shopping Cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

## Product options [#product-options]

You can add up to ten product options with or without separate prices. You can display options in a drop-down menu or text boxes.

* [Product options without prices](#product-options-without-prices)

* [Product options with prices](#product-options-with-prices)

* [Text box product options](#text-box-product-options)

### Product options without prices [#product-options-without-prices]

This sample shows a basic Add to Cart button with a drop-down menu of product options without prices.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal Shopping Cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Provide a drop-down menu option field, without prices. -->
  <input type="hidden" name="on0" value="Color" />
  <label for="os0">Color scheme</label>
  <select name="os0" id="os0">
    <option value="Select a color scheme">-- Select a color scheme --</option>
    <option value="Blue">Blue</option>
    <option value="Pink">Pink</option>
    <option value="Yellow">Yellow</option>
  </select>

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

The Add to Cart button with drop-down options menu:

![](https://paypalobjects.com/ppdevdocs/img/docs/buttons/cart_options_without_prices.png)

Paste the code below an image or a text description of the item on your web page.

### Product options with prices [#product-options-with-prices]

The sample shows a basic Add to Cart button with a drop-down menu of product options with prices. To set up product options with prices, you specify the prices for the drop-down menu that a buyer uses to select an option, and in hidden HTML variables that PayPal uses to charge the buyer.

The sample shows a basic Add to Cart button with a drop-down menu of product options with prices. To set up product options with prices, you specify the prices for the drop-down menu that a buyer uses to select an option, and in hidden HTML variables that PayPal uses to charge the buyer.

* `currency_code` — Sets the currency.

* `item_index` — Identifies which product option drop-down menu has a price.

* `option_select*` and `option_amount` — Repeats the price for each option.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify an Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Provide a drop-down menu option field. -->
  <input type="hidden" name="on0" value="Color" />
  <label for="os0">Color scheme</label>
  <select name="os0" id="os0">
    <option value="Select a color scheme">-- Select a color scheme --</option>
    <option value="Blue">Blue</option>
    <option value="Pink">Pink</option>
    <option value="Yellow">Yellow</option>
  </select>

  <!-- Provide a drop-down menu option field with prices. -->
  <input type="hidden" name="on1" value="Size" />
  <label for="os1">Size</label>
  <select name="os1" id="os1">
    <option value="Select a size">-- Select a size --</option>
    <option value="2x4">2 x 4 - $3.95 USD</option>
    <option value="3x5">3 x 5 - $4.95 USD</option>
    <option value="4x6">4 x 6 - $5.95 USD</option>
  </select>

  <!-- Specify the price that PayPal uses for each option. -->
  <input type="hidden" name="option_index" value="1" />
  <input type="hidden" name="option_select0" value="2x4" />
  <input type="hidden" name="option_amount0" value="3.95" />
  <input type="hidden" name="option_select1" value="3x5" />
  <input type="hidden" name="option_amount1" value="4.95" />
  <input type="hidden" name="option_select2" value="4x6" />
  <input type="hidden" name="option_amount2" value="5.95" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

The Add to Cart button with options and prices drop-down menus:

![](https://paypalobjects.com/ppdevdocs/img/docs/buttons/cart_options_with_prices.png)

Paste the code below an image or a text description of the item on your web page.

### Text box product options [#text-box-product-options]

This sample illustrates a basic Add to Cart button with a text box for entering product options.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify an Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Provide the buyer with a text box option field. -->
  <input type="hidden" name="on0" value="Size" />
  <label for="os0">Enter your size (S, M, L, X, XX)</label>
  <input type="text" name="os0" id="os0" maxlength="60" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

The Add to Cart button with options text box:

![](https://paypalobjects.com/ppdevdocs/img/docs/buttons/cart_options_text_box.png)

Paste the code below an image or a text description of the item on your web page.

## Open shopping cart in the merchant window [#open-shopping-cart-in-the-merchant-window]

When a buyer clicks the Add to Cart button, the PayPal shopping cart opens in a separate browser window.

![](https://www.paypalobjects.com/webstatic/en_US/developer/docs/pps/demo_add-to-cart-cart-in-pop-up.gif)

You can use the `target` attribute in the `form` element to open the PayPal shopping cart in the same browser window that displays your website.

![](https://www.paypalobjects.com/webstatic/en_US/developer/docs/pps/demo_add-to-cart-cart-in-same-window.gif)

Values for target attribute that open the PayPal shopping cart:

|                   |                                                                   |
| ----------------- | ----------------------------------------------------------------- |
| Target expression | Where cart opens                                                  |
| `target="paypal"` | Separate browser window or browser tab from the merchant website. |
| `target="_self"`  | Same browser window or browser tab as the merchant website.       |

Values for target attribute that open the PayPal shopping cart:

|                   |                  |
| ----------------- | ---------------- |
| Target expression | Where cart opens |
|                   |                  |

```html lineNumbers
<form
  target="_self"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal Shopping Cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

See also [View Cart: Open the shopping cart in the merchant window](#view-cart-open-shopping-cart-in-the-merchant-window).

## Continue shopping on the current merchant web page [#continue-shopping-on-the-current-merchant-web-page]

When a buyer clicks the Add to Cart button, the PayPal shopping cart page opens. The buyer can see the items in the cart and begin check out or click the **Continue Shopping** button to return to your website and add more items to the cart.

![](https://www.paypalobjects.com/webstatic/en_US/developer/docs/pps/demo_add-to-cart-continue-shopping-button.gif)

If your website has many product pages, browsers may have difficulty returning buyers to the same product pages that they leave when they click your Add to Cart buttons. Returning buyers to a different page, such as the home page of your website, degrades the shopping experience for buyers who want to add more items to their carts before checking out.

If your website has many product pages, browsers may have difficulty returning buyers to the same product pages that they leave when they click your Add to Cart buttons. Returning buyers to a different page, such as the home page of your website, degrades the shopping experience for buyers who want to add more items to their carts before checking out.`shopping_url` variable to specify which page PayPal returns buyers to when they click the **Continue Shopping** button. You can set the value of the `shopping_url` variable if you know the URL for the web page where the button appears. In the code below, the merchant wants to ensure that buyers who click an Add to Cart button for a birthday card return to the product page for birthday cards when they want to continue shopping.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal Shopping Cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input
    type="hidden"
    name="item_name"
    value="Birthday Card - Cake and Candle"
  />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Continue shopping on the web page for birthday cards -->
  <input
    type="hidden"
    name="shopping_url"
    value="https://example.com/birthday_cards"
  />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

With a more advanced coding technique, you can add JavaScript functions to your product pages that get the current URL for the web page from the browser and use it as the value of `shopping_url`. This technique makes your button code portable when copying a button to multiple pages.

```html lineNumbers
...
<script type="text/javascript">
  <!--
  function getContinueShoppingURL(form) {
    // -- Get the href of the currently displayed webpage --
    form.shopping_url.value = window.location.href;
  }
  //-->
</script>
...

<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal Shopping Cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input
    type="hidden"
    name="item_name"
    value="Birthday Card - Cake and Candle"
  />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Continue shopping on the current webpage of the merchant site. -->
  <!-- The below value is replaced when buyers click Add to Cart -->
  <input
    type="hidden"
    name="shopping_url"
    value="https://example.com/birthday_cards"
  />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    onclick="getContinueShoppingURL(this.form)"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

See also [View Cart: Continue shopping on the current merchant webpage](#view-cart-continue-shopping-on-the-current-merchant-web-page).

## Discounts [#discounts]

The sample HTML code in this section demonstrates how to specify discounts:

* [Flat discount amount](#flat-discount-amount)

* [Multiple discount amounts](#multiple-discount-amounts)

* [Discount percentage](#discount-percentage)

* [Multiple discount percentages](#multiple-discount-percentages)

* [Buy one get one free discount](#buy-one-get-one-free-discount)

### Flat discount amount [#flat-discount-amount]

This sample illustrates a basic Add to Cart button with the following features:

* An item named "Birthday - Cake and Candle."

* An item price of $3.95 USD.

* A $2.00 discount applies to the item.

PayPal calculates tax and shipping based on rates that you set up in your PayPal account.
The buyer's PayPal shopping cart opens in a separate browser window or tab.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Specify the discount amount that applies to the item. -->
  <input type="hidden" name="discount_amount" value="2.00" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

### Multiple discount amounts [#multiple-discount-amounts]

This sample illustrates a basic Add to Cart button with the following features:

* An item named "Birthday - Cake and Candle."

* An item price of $3.95 USD.

* A $0.15 discount applies on the first item; $0.20 on the next four items.

PayPal calculates tax and shipping based on rates that you set up in your PayPal account. The buyer's PayPal shopping cart opens in a separate browser window or tab.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Specify the discount amounts that apply to the item. -->
  <input type="hidden" name="discount_amount" value="0.15" />
  <input type="hidden" name="discount_amount2" value="0.20" />
  <input type="hidden" name="discount_num" value="4" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

### Discount percentage [#discount-percentage]

This sample HTML code illustrates a basic Add to Cart button that applies a 10% discount. This discount applies only to the first item regardless of the quantity purchased.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Specify the discount amount that applies to the item. -->
  <input type="hidden" name="discount_rate" value="10" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

### Multiple discount percentages [#multiple-discount-percentages]

The sample HTML code below illustrates a basic Add to Cart button that charges the normal price for the first item and applies a 10% discount for the next nine items.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Specify the discount amounts that apply to the item. -->
  <input type="hidden" name="discount_rate" value="0" />
  <input type="hidden" name="discount_rate2" value="10" />
  <input type="hidden" name="discount_num" value="9" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

### Buy one get one free discount [#buy-one-get-one-free-discount]

The following HTML code uses the discount percentage variables to offer a "Buy one, get one free" discount. To receive the discount, the buyer must purchase two of the same item. The second one is free (100% discount).

The following HTML code uses the discount percentage variables to offer a "Buy one, get one free" discount. To receive the discount, the buyer must purchase two of the same item. The second one is free (100% discount).

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart Add to Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="add" value="1" />

  <!-- Specify details about the item that buyers will purchase. -->
  <input type="hidden" name="item_name" value="Birthday - Cake and Candle" />
  <input type="hidden" name="amount" value="3.95" />
  <input type="hidden" name="currency_code" value="USD" />

  <!-- Specify the discount amounts that apply to the item. -->
  <input type="hidden" name="discount_rate" value="0" />
  <input type="hidden" name="discount_rate2" value="100" />
  <input type="hidden" name="discount_num" value="1" />

  <!-- Display the payment button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

## View Cart buttons [#view-cart-buttons]

The sample HTML code in this section demonstrates various features of View Cart buttons:

* [View Cart button](#view-cart-button)

* [View Cart: Open shopping cart in the merchant window](#view-cart-open-shopping-cart-in-the-merchant-window)

* [View Cart: Continue shopping on the current merchant web page](#view-cart-continue-shopping-on-the-current-merchant-web-page)

> **Note:** **Important:** This section includes unencrypted button code examples for illustrative purposes only. In a production environment, you must *always use encrypted or hosted buttons* in your web page to prevent malicious users from tampering with the code.

### View Cart button [#view-cart-button]

View Cart buttons contain no payment information, so you do not need to take precautions on securing them.

View Cart buttons contain no payment information, so you do not need to take precautions on securing them.`business` variable must match a confirmed email address on file with your PayPal account, and it must match the value that you used for the `business` variables on your Add to Cart buttons.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart View Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="display" value="1" />

  <!-- Display the View Cart button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_viewcart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

The View cart button:

![](https://www.paypalobjects.com/en_US/i/btn/btn_viewcart_LG.gif)

Paste the code on to the web pages where you want buyers view the contents of their PayPal shopping cart and begin the checkout process.

### View Cart: Open shopping cart in the merchant window [#view-cart-open-shopping-cart-in-the-merchant-window]

By default, when a buyer clicks a View Cart button, the PayPal shopping cart opens in a separate browser window. You can simplify the shopping experience by opening the PayPal shopping cart in the same browser window.

By default, when a buyer clicks a View Cart button, the PayPal shopping cart opens in a separate browser window. You can simplify the shopping experience by opening the PayPal shopping cart in the same browser window.

```html lineNumbers
<form
  target="_self"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart View Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="display" value="1" />

  <!-- Display the View Cart button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_viewcart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

### View Cart: Continue shopping on the current merchant web page [#view-cart-continue-shopping-on-the-current-merchant-web-page]

When buyers click View Cart buttons, the PayPal shopping cart page opens. Buyers can see the items in their carts, and they can begin checking out. In addition, buyers can click the **Continue Shopping** button to return to your website and add more items to their carts.

![](https://www.paypalobjects.com/webstatic/en_US/developer/docs/pps/demo_add-to-cart-continue-shopping-button.gif)

If your website has many product pages, browsers may have difficulty returning buyers to the same product pages that they leave when they click your View Cart buttons. Returning buyers to a different page, such as the home page of your website, degrades the shopping experience for buyers who want to add more items to their carts before checking out.

If your website has many product pages, browsers may have difficulty returning buyers to the same product pages that they leave when they click your View Cart buttons. Returning buyers to a different page, such as the home page of your website, degrades the shopping experience for buyers who want to add more items to their carts before checking out.`shopping_url` variable to allow PayPal to control which page buyers return to when they click the **Continue Shopping** button.

```html lineNumbers
<form
  target="paypal"
  action="https://www.paypal.com/cgi-bin/webscr"
  method="post"
>
  <!-- Identify your business so that you can collect the payments. -->
  <input type="hidden" name="business" value="kin@kinskards.com" />

  <!-- Specify a PayPal shopping cart View Cart button. -->
  <input type="hidden" name="cmd" value="_cart" />
  <input type="hidden" name="display" value="1" />

  <!-- Continue shopping on the current webpage of the merchant site. -->
  <input
    type="hidden"
    name="shopping_url"
    value="https://example.com/birthday_cards"
  />

  <!-- Display the View Cart button. -->
  <input
    type="image"
    name="submit"
    src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif"
    alt="Add to Cart"
  />
  <img
    alt=""
    width="1"
    height="1"
    src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"
  />
</form>
```

For more information, see [Add to Cart: Continue shopping on the current merchant webpage](#continue-shopping-on-the-current-merchant-web-page).

## See also [#see-also]

* [HTML reference](/archive/paypal-payments-standard/integration-guide/html-reference-landing)

* [Add to Cart basic payment options](/archive/paypal-payments-standard/integration-guide/add-to-cart-step-1)

* [Customize advanced features](/archive/paypal-payments-standard/integration-guide/step-3)

* [Add to Cart checkout experience](/archive/paypal-payments-standard/integration-guide/checkout-exp-cart)