{"id":290,"date":"2009-07-19T09:15:31","date_gmt":"2009-07-19T09:15:31","guid":{"rendered":"http:\/\/www.tipsandtricks-hq.com\/ecommerce\/?p=290"},"modified":"2025-09-10T17:43:09","modified_gmt":"2025-09-10T07:43:09","slug":"simple-wp-shopping-cart-installation-usage","status":"publish","type":"post","link":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/simple-wp-shopping-cart-installation-usage-290","title":{"rendered":"WP Simple Shopping Cart Installation and Usage Instructions"},"content":{"rendered":"\n<p class=\"has-background\" style=\"background-color:#e8f5ff\">This page provides basic installation and setup instructions for the <strong><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-simple-paypal-shopping-cart\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Simple Shopping Cart<\/a><\/strong> plugin. Please read this page thoroughly to gain a basic understanding of how to use the plugin.<\/p>\n\n\n<h2 class=\"simpletoc-title\">Table of Contents<\/h2>\n<ul class=\"simpletoc-list\">\n<li><a href=\"#video-summary\">Video Summary<\/a>\n\n<\/li>\n<li><a href=\"#simple-shopping-cart-plugin-installation\">Simple Shopping Cart Plugin Installation<\/a>\n\n<\/li>\n<li><a href=\"#basic-settings-configuration\">Basic Settings Configuration<\/a>\n\n<\/li>\n<li><a href=\"#simple-shopping-cart-basic-usage\">Simple Shopping Cart Basic Usage<\/a>\n\n\n<ul><li>\n<a href=\"#step-1-inserting-an-add-to-cart-button\">Step 1) Inserting an Add to Cart Button<\/a>\n\n<\/li>\n<li><a href=\"#step-2-inserting-a-shopping-cart\">Step 2) Inserting a Shopping Cart<\/a>\n\n<\/li>\n<\/ul>\n<li><a href=\"#using-blocks-to-insert-add-to-cart-buttons-and-shopping-cart\">Using Blocks to Insert Add to Cart Buttons and Shopping Cart<\/a>\n\n<\/li>\n<li><a href=\"#display-a-product-box\">Display a Product Box<\/a>\n\n<\/li>\n<li><a href=\"#using-the-buttons-and-cart-from-a-themes-template-file\">Using the Buttons and Cart From a Theme&#8217;s Template File<\/a>\n\n<\/li>\n<li><a href=\"#example-postpage-editor-content-with-shortcode\">Example Post\/Page Editor Content with Shortcode<\/a>\n\n\n<ul><li>\n<a href=\"#blockgutenberg-editor-example\">Block\/Gutenberg Editor Example<\/a>\n\n<\/li>\n<li><a href=\"#classic-editor-example\">Classic Editor Example<\/a>\n\n<\/li>\n<\/ul>\n<li><a href=\"#using-an-user-interface-to-insert-the-products\">Using an User Interface to Insert the Products<\/a>\n\n<\/li>\n<li><a href=\"#using-a-compact-shopping-cart\">Using a Compact Shopping Cart<\/a>\n\n<\/li>\n<li><a href=\"#always-show-the-shopping-cart\">Always Show the Shopping Cart<\/a>\n\n<\/li>\n<li><a href=\"#using-shipping-option\">Using Shipping Option<\/a>\n\n<\/li>\n<li><a href=\"#using-variation-control-option\">Using Variation Control Option<\/a>\n\n<\/li>\n<li><a href=\"#flagging-an-item-as-digital-only\">Flagging an Item as Digital Only<\/a>\n\n<\/li>\n<li><a href=\"#selling-digital-media-files\">Selling Digital Media Files<\/a>\n\n<\/li>\n<li><a href=\"#specifying-an-item-number-or-sku\">Specifying an Item Number or SKU<\/a>\n<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"video-summary\">Video Summary<\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WordPress Simple Shopping Cart Plugin Usage\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/dJgGdD-tZW4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"simple-shopping-cart-plugin-installation\">Simple Shopping Cart Plugin Installation<\/h2>\n\n\n<p>Install the WP Simple Shopping Cart plugin by searching for it in the &#8216;<strong>Add New Plugins<\/strong>&#8216; interface within your WordPress admin dashboard. You can search using the keyword &#8220;<strong>Simple Shopping Cart<\/strong>&#8221; to find it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-shopping-cart-install-from-wordpress-sc-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"401\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-shopping-cart-install-from-wordpress-sc-1.jpg\" alt=\"\" class=\"wp-image-5423\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-shopping-cart-install-from-wordpress-sc-1.jpg 450w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-shopping-cart-install-from-wordpress-sc-1-300x267.jpg 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Click &#8216;<strong>Install Now<\/strong>&#8216;, followed by &#8216;<strong>Activate<\/strong>&#8216; to enable the plugin on your site.<\/p>\n\n\n\n<p>If you can&#8217;t use the above method, download the plugin&#8217;s zip file, unzip it, and upload the folder to your site&#8217;s &#8220;\/wp-content\/plugins\/&#8221; directory. Next, activate the plugin via the &#8220;Plugins&#8221; menu in WordPress.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"basic-settings-configuration\">Basic Settings Configuration<\/h2>\n\n\n<p>Once the plugin is activated, visit the Settings menu to configure basic options, like your PayPal account details, currency code etc. The default settings are typically sufficient to begin with. You can always customize these settings later. Save the settings and proceed to the next step.<\/p>\n\n\n\n<p>Afterwards, you&#8217;re ready to use the shortcode(s) to add products to a post, page, or sidebar as desired.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"simple-shopping-cart-basic-usage\">Simple Shopping Cart Basic Usage<\/h2>\n\n<h3 class=\"wp-block-heading\" id=\"step-1-inserting-an-add-to-cart-button\">Step 1) Inserting an Add to Cart Button<\/h3>\n\n\n<p>To insert an &#8216;Add to Cart&#8217; button, simply place the following shortcode into a post or page alongside the product description. This will enable customers to click and add the item(s) to their shopping cart.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"PRODUCT-NAME\" price=\"PRODUCT-PRICE\"]<\/pre>\n\n\n\n<p>Replace PRODUCT-NAME and PRODUCT-PRICE with the actual name and price.<\/p>\n\n\n\n<p>Here is an example usage of the shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"19.95\"]<\/pre>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-inserting-a-shopping-cart\">Step 2) Inserting a Shopping Cart<\/h3>\n\n\n<p>To insert the shopping cart into a post\/page\/sidebar, simply add the following shortcode into a shortcode block.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[show_wp_shopping_cart]<\/pre>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-blocks-to-insert-add-to-cart-buttons-and-shopping-cart\">Using Blocks to Insert Add to Cart Buttons and Shopping Cart<\/h2>\n\n\n<p class=\"has-background\" style=\"background-color:#e8f6ff\">You can also use blocks instead of shortcodes to insert the add to cart buttons and the shopping cart. <a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/simple-shopping-cart-blocks\" title=\"\"><strong>Follow these guidelines<\/strong><\/a> if you wish to utilize the blocks provided by the simple shopping cart plugin.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Simple Shopping Cart Blocks: A Step-by-Step Guide\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/9f5mIwxyo4U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<h2 class=\"wp-block-heading\" id=\"display-a-product-box\">Display a Product Box<\/h2>\n\n\n<p class=\"has-background\" style=\"background-color:#e6f6ff\">Read the <a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/how-to-show-a-product-display-box-2278\"><strong>How to display a product box<\/strong><\/a> documentation that explains how you can use a shortcode to display a nice product box for your product(s).<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-the-buttons-and-cart-from-a-themes-template-file\">Using the Buttons and Cart From a Theme&#8217;s Template File<\/h2>\n\n\n<p>If you want to add a purchase button in your theme&#8217;s template file then do the following:<\/p>\n\n\n\n<p>1. To add the Add to Cart button from template (.php) files use the following function:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php echo print_wp_cart_button_for_product('PRODUCT-NAME', PRODUCT-PRICE); ?&gt;<\/pre>\n\n\n\n<p>Replace PRODUCT-NAME and PRODUCT-PRICE with the actual name and price. Example:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php echo print_wp_cart_button_for_product('wordpress', 7.50); ?&gt;\n<\/pre>\n\n\n\n<p>2. To add the shopping cart to the sidebar, simply use the widget from the widgets menu or add the following line to your sidebar template file where you want the shopping cart to appear.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php echo print_wp_shopping_cart() ?&gt;<\/pre>\n\n\n<h2 class=\"wp-block-heading\" id=\"example-postpage-editor-content-with-shortcode\">Example Post\/Page Editor Content with Shortcode<\/h2>\n\n\n<p>The following is a screenshot of the WordPress post\/page editor showing how the add to cart button and the shopping cart is inserted into a post or page.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"blockgutenberg-editor-example\">Block\/Gutenberg Editor Example<\/h3>\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2023\/10\/block-editor-shortcode-example-sc-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"474\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2023\/10\/block-editor-shortcode-example-sc-2.png\" alt=\"\" class=\"wp-image-4964\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2023\/10\/block-editor-shortcode-example-sc-2.png 600w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2023\/10\/block-editor-shortcode-example-sc-2-300x237.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"classic-editor-example\">Classic Editor Example<\/h3>\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"444\" height=\"337\" src=\"http:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-wp-editor-content-example.png\" alt=\"simple cart wp editor content example\" class=\"wp-image-2481\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-wp-editor-content-example.png 444w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-wp-editor-content-example-300x227.png 300w\" sizes=\"(max-width: 444px) 100vw, 444px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-an-user-interface-to-insert-the-products\">Using an User Interface to Insert the Products<\/h2>\n\n\n<p>The plugin has a block inserter that you can use to add the blocks (instead of shortcodes) to your WordPress posts\/pages. Read the <a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/simple-shopping-cart-blocks\" title=\"\"><strong>Simple Cart Blocks<\/strong><\/a> documentation for details.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-a-compact-shopping-cart\">Using a Compact Shopping Cart<\/h2>\n\n\n<p>Use the following shortcode where you want to show the compact shopping cart:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_compact_cart]\n<\/pre>\n\n\n\n<p>You can add this shortcode in a standard text widget to add the compact cart to the sidebar.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"always-show-the-shopping-cart\">Always Show the Shopping Cart<\/h2>\n\n\n<p>The standard &#8220;show_wp_shopping_cart&#8221; shortcode only shows the cart when there are items in the cart. So it shows the cart when the visitor has clicked on an add to cart button and added item(s) to the cart. When the cart is empty, it simply hides the cart (nothing is shown).<\/p>\n\n\n\n<p>If you want to show the cart all the time then use the following shortcode instead. It will show an empty cart message when there is nothing in the cart.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[always_show_wp_shopping_cart]\n<\/pre>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-shipping-option\">Using Shipping Option<\/h2>\n\n\n<p>1. To use shipping cost use the &#8220;shipping&#8221; argument in the shortcode. Here is an example usage:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"19.95\" shipping=\"4.99\"]<\/pre>\n\n\n\n<p>or use the following php function from your wordpress template files<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php echo print_wp_cart_button_for_product('product name',price,shipping cost); ?&gt;<\/pre>\n\n\n\n<p>Please see the <strong><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wordpress-shopping-cart-how-the-shipping-cost-calculation-works-297\">How shipping Calculation Works<\/a><\/strong> post for more info.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"using-variation-control-option\">Using Variation Control Option<\/h2>\n\n\n<p>Variation Control can be used to create products similar to the following screenshot. Read the <strong><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/simple-cart-setting-up-product-variations-4901\" target=\"_blank\" rel=\"noopener\">product variation setup documentation<\/a><\/strong> to learn more.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"410\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-product-with-variation-control-screenshot.png\" alt=\"simple-cart-product-with-variation-control-screenshot\" class=\"wp-image-4389\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-product-with-variation-control-screenshot.png 281w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-product-with-variation-control-screenshot-206x300.png 206w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"flagging-an-item-as-digital-only\">Flagging an Item as Digital Only<\/h2>\n\n\n<p>To mark an item as digital-only, add the&nbsp;<code>digital=\"1\"<\/code>&nbsp;parameter to the shortcode. Digital-only items do not require a shipping address during checkout. Here\u2019s an example of how to use the&nbsp;<code>digital<\/code>&nbsp;parameter in the shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"19.95\" digital=\"1\"]<\/pre>\n\n\n<h2 class=\"wp-block-heading\" id=\"selling-digital-media-files\">Selling Digital Media Files<\/h2>\n\n\n<p class=\"has-background\" style=\"background-color:#e6f6ff\">Read the <strong><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-simple-cart-sell-digital-downloads-2468\">media file selling usage<\/a><\/strong> documentation.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"specifying-an-item-number-or-sku\">Specifying an Item Number or SKU<\/h2>\n\n\n<p>You can use the &#8220;item_number&#8221; parameter in the &#8220;add to cart&#8221; button shortcode to specify an &#8220;Item Number&#8221; or &#8220;SKU&#8221; for a product. This &#8220;item number&#8221; value will get sent to PayPal (when a customer does the checkout).<\/p>\n\n\n\n<p>Below is an example shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"19.95\" item_number=\"SKU12345\"]<\/pre>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5f5ff\">Visit the <strong><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-shopping-cart\" title=\"\">WordPress Simple Shopping Cart Documentation<\/a><\/strong> Index Page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This page provides basic installation and setup instructions for the Simple Shopping Cart plugin. Please read this page thoroughly to gain a basic understanding of how to use the plugin. Video Summary Simple Shopping Cart Plugin Installation Install the WP Simple Shopping Cart plugin by searching for it in the &#8216;Add New Plugins&#8216; interface within [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[33],"tags":[8,32],"class_list":{"0":"post-290","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-installation-wordpress-shopping-cart","7":"tag-installation","8":"tag-wp-shopping-cart","9":"entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/290"}],"collection":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":2,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"predecessor-version":[{"id":5424,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/290\/revisions\/5424"}],"wp:attachment":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}