Creating your own Shopping Cart pages

You can sell products on any page or post in your OM4 website using PayPal* and a shopping cart. Have a look at Daniel’s online shop to see it in action.

Gel Pens (Pack of 12) $14.95:

You can include Add to Cart, Subscribe or Donate buttons in any of your pages or posts.

As soon as a visitor clicks on an Add to Cart button, the product will be added to their cart. The contents of their shopping cart will be displayed in the sidebar. When they click Checkout, they go to the PayPal payments page and make their payment.

When they click on a Subscribe or Donate button, they are taken to PayPal to complete the payment.

Preparing Your Products

You may find it useful to prepare your product information BEFORE trying to build your online store. It can be faster to think through your product details on a spreadsheet - you can use this OM4 Online Store Products spreadsheet. (If you want us to build your store for you, we can build it using the information in this sheet.)

Activating and Configuring the QuickShop Plugin

1. Activate: You must first have the QuickShop plugin activated - go to Dashboard, Plugins and activate.
2. Options: Go to Settings, QuickShop and configure the options. The most important one is the Paypal email. Make sure this is the same as the email address you use to log into PayPal.
3. Sidebar: Go to Design, Widgets and add the QuickShop Paypal widget to the top of your sidebar. This widget will display the contents of the customer’s shopping cart, along with a Checkout button. But only when there is something in it.

How to Set Up PayPal Buttons

Write your copy and include images as you would for any normal page. When you are ready to place a PayPal button you need to do the following:

• If you are using the Visual Editor, use the QuickShop icon in the editor toolbar to create a Product tag (shopping trolley icon, right across on the right hand side).



• If you are using the HTML Editor, or want to create other button types, use the shortcode instructions below to type in your own shortcode.
• Save your page or post
• Test your button

Types of Buttons

You can use 3 types of QuickShop buttons that create different kinds of PayPal transactions:

• Product (add to cart, pay when you check out)
• Subscription (periodic subscriptions)
• Donation (one off donations)

To use each button, you add a shortcode using the HTML view in your editor.

Products

Create a Product button to place products in the sidebar for purchase on checkout using a credit card or from a PayPal account. Your visitor does not have to set up a PayPal account to check out if the choose to pay with a credit card.

To add a Product button, use this shortcode:

[quickshop name="ProductName" price="ProductPrice"]

Here is an example showing the shortcode to sell a cool 70s Lava Lamp for $49:

[quickshop name="Cool 70s Lava Lamp" price="49.00"]

This is how it could look in use.

Really Cool Bridge (I won it in a card game)

Shipping

Shipping Price is normally set in your PayPal account preferences, so be sure to set that up.

If you want to override the default shipping price for a specific product, add a shipping field before the end of the shortcode:
shipping="2.00"

If you want to override the shipping price for then 2nd and subsequent units of a product, add a shipping2 field before the end of the shortcode:
shipping2="1.50"

An example or a product with additional shipping costs:

[quickshop name="Book" price="100" shipping="10" shipping2="5"]

Multiple Products in a Drop List

You can also have a dropdown list of products to choose from, with an add to cart button. To do this, you separate multiple product names with the | character.

For example, the following code would allow a visitor to select a black or a blue pencil. Both products cost $10.00:

[quickshop name="Pencil - black|Pencil - blue" price="10"]

This code would look like this when it is displayed to a visitor:

If you want each product in the dropdown box to have different prices, you can do so by separating multiple product prices with the | character.

For example, the following code would allow a visitor to select a cheap ($1.00) or an expensive ($20.00) pencil:

[quickshop name="Pencil - cheap|Pencil - expensive" price="1|20"]

This code would look like this when it is displayed to a visitor:

Allowing Your Customers to Specify Their Desired Quantity

Instead of adding a quantity of 1 to their cart, you can customise the add to cart button so the customer can type in their desired quantity before adding the product to their cart.

For example, the following code will allow the customer to add 12 Pencils to their cart with just one click, or alternatively they can type in their own quantity:

[quickshop name="Pencil" price="1" showquantityfield="1" quantity="12"]

This code would look like this when it is displayed to a visitor:

Alternatively, if you wanted an Add to Cart button that automatically added 12 Pencils to the customer’s cart, but didn’t allow them to specify the desired quantity, the following code could be used:

12 Pencils: [quickshop name="Pencil" price="1" quantity="12"]

This code would look like this when it is displayed to a visitor:

12 Pencils:

Subscriptions

You can create a Recurring Subscription button. To use this, your visitor must have a PayPal account - if they don’t already have one, they will be prompted to create one.

Subscriptions can be setup on a recurring Daily, Weekly, Monthly or Yearly schedule.

You can specify a number of subscription payments, or set the number to 0 to leave it open. The owner of the PayPal account can login to the PayPal account to cancel a subscription at any time.

To create a Recurring Subscription button (which will allow repeat payments), use the following code:

[paypalsubscribe email="sales@yourdomain.com" name="Monthly Subscription" id="xxxx" amount="30.00" locale="AU" currency="AUD" howoften="1" time="month" numpayments="4"]

email, name, id and amount are all required. All other attributes are optional.

Allowed values for attributes are as follows:
time: day, week, month or year.
numpayments: infinite, 0, or an integer greater than one.
currency: PayPal currency codes such as AUD and USD. See table 7.6 of the Website Payments
Standard Integration Guide for a complete list of currency codes.
locale: PayPal country codes such as AU or US. See appendix C of the Website Payments
Standard Integration Guide for a complete list of country codes.

Some examples are as follows:
$50 per month subscription with no end date:
[paypalsubscribe email="sales@yourdomain.com" name="Your Subscription" id="sub1" amount="50.00" howoften="1" time="month" locale="AU" currency="AUD"]

$150 per year subscription for 2 years:
[paypalsubscribe email="sales@yourdomain.com" name="Your Subscription" id="sub2" amount="150.00" howoften="1" time="year" numpayments="2" locale="AU" currency="AUD"]

Donations

You can create a Donation button.

Some examples are as follows:

A donation button that allows your visitor to enter the donation amount themselves:
[paypaldonate email="sales@yourdomain.com" name="Donation" id="donation1"]

A $50 AUD donation button:
[paypaldonate email="sales@yourdomain.com" name="Donation" id="donation2" amount="50"]

A $100 USD donation button:
[paypaldonate email="sales@yourdomain.com" name="Donation" id="donation3" amount="100" currency="USD" locale="US"]

How to Activate and Use

Go to Dashboard, Plugins and find the QuickShop plugin. Follow the instructions for activation and payment.

*Note: we now support NAB Transact as well as PayPal. We can do a custom extension for other payment gateways, get in touch with the payment system you are interested in and we can give you a quote.