\n<\/a><\/p>\n
![\"The](\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2015\/08\/screenshot_53.png\")
<\/a>The ‘Shop’ page including ‘Add to Cart’ buttons from the PayPal Widget.<\/p><\/div>\n
Before starting to use the PayPal Widget, it is\u00a0advisable to have already\u00a0set up your account with PayPal if you have not done so already.<\/p>\n
For our example, we are going to add Product Options and Prices for some of our products such as the\u00a0antique style ‘Classic Scales’ which comes in different colours, finishes and prices. To set this up, first drag and drop the PayPal Widget on to the page from the Widgets Inspector.<\/p>\n
Next, move and size the placeholder box to where you want it. Next, we will work our way down the options in the Widgets Settings Inspector in the Inspector Window to fill out all the e-commerce details needed for the product.<\/p>\n
To begin with, you need to enter the email address associated with your PayPal account in the \u2018Email Address\u2019 box. This is important as it provides the link to your PayPal account.<\/p>\n
Secondly, decide which \u2018Button Type\u2019 you want to use. There are three options: \u2018Add to Shopping Cart\u2019, \u2018Buy Now\u2019 or \u2018View Cart\u2019. In our example, ‘Add to Shopping Cart’ was used together with the ‘Use Custom Image Button’ option replacing the default PayPal button style. The option to use your own button image can be found in the \u2018Custom Button\u2019 section further down the Widget Settings.<\/p>\n
Complete the other fields of the Widget Settings as required. If you have used the PayPal Widget prior to EverWeb version 1.8, you may notice some new options listed. For example, you can now ask if shipping is required using the \u2018Shipping Req.\u2019 drop down menu. With this option you can\u00a0\u2019Prompt for an address, but do not require one\u2019, \u2018Do not prompt for an address\u2019 or \u2018Prompt for an address, and require one\u2019.<\/p>\n
The Widget Settings includes a new \u2018Show quantity field\u2019. If you tick this checkbox, the ‘Quantity Label’ field becomes available for you to customize and the Widget dynamically updates on the page to show the level and a box for your visitors to add in the quantity of product they want.<\/p>\n
To align the contents of the Widget contents either to the left, centre or right within the placeholder use the \u2018Form Alignment\u2019 drop down menu.<\/p>\n
The next section of the Widget Settings is where you\u00a0add the ‘Product Options\/Prices’ for the ‘Classic Scales’ product. To start,\u00a0customize the \u2018Option Label\u2019 if desired.<\/p>\n
To\u00a0add in \u2018Product Options\/Prices\u2019 options click the \u2018Add\u2019 button underneath the list box. A\u00a0new option is created in the list box e.g. \u2018New Option 1\u2019. The text will be highlighted so just type over it e.g. \u2018Classic Black\u2019 in our example. If you need to edit the label in future, just double click on it and edit in the same way as you would do in a text box.<\/p>\n
Click in the field to the right of the label and enter the\u00a0price. You can also include currency symbols such as $, \u20ac, \u00a5, \u00a3 etc. Make sure that if you do, the currency symbol is to the left of the number value. You can also use whole numbers in this field if you do not want to include anything after the decimal point e.g. \u2018$79\u2019 instead \u2018$79.00\u2019. Some countries use a decimal comma instead of a decimal point so, for example, \u00a0enter \u2018\u20ac79,00\u2019 in the field.<\/p>\n
If you need to delete an option from the list box, click on it so that the Product Option\/Price is\u00a0highlighted. Next press the backspace key to delete it. To reorder the list, again highlight the Product Option\/Price then drag and drop it to where you want it on the list.<\/p>\n
Once you have completed your \u2018Product Options\/Prices\u2019 list, use Preview to make sure that you have set up everything correctly on your page before publishing.<\/p>\n
If you are selling\u00a0items where you have options such as size, or color, choices that do not need price details included, use the \u2018Product Options\u2019 list box instead of the ‘Product Options\/Prices\u2019 list box. This list box works in the same way\u00a0as the \u2018Product Options\/Prices\u2019 box. For example, the ‘Classic Radio’ listed on our Shop page comes in different colors e.g. \u2018Black\u2019 \u2018Red\u2019 and \u2018Blue\u2019. Enter these as options as required. To change the title of the field label itself \u00a0change the \u2018Option Label\u2019 above the list box. In our example the label displays as\u00a0\u2018Colors\u2019.<\/p>\n
The \u2018Product Options\/Prices\u2019 and \u2018Product Options\u2019 can be used together e.g. the Classic Truck in our example is available in Standard at $59.00, Large at $69.00 or XL size at $89.00 as well as being available in \u2018Green\u2019, \u2018White\u2019 and \u2018Pink\u2019 colors (see screenshots below).<\/p>\n
The PayPal Widget features one more new section, \u2018Additional Options\u2019, at the bottom of the Widget Settings. This is where you can attach pages that you have created to thank your visitors for their order or to capture information if your visitor cancels an order e.g. through a ‘Contact Form’ on a \u00a0‘Cancelled’ Page. Attach your ‘Thank You’ and ‘Cancelled’ pages\u00a0as appropriate using the drop down list of pages.<\/p>\n