How create multiple price options with one PayPal button?

[tp22]

Hi - I am building a site for a painter friend who has a gallery of paintings - each of which is available at different sizes - so you can order the 8x10 version, the 11x14 version, etc. Here is a link to the page I am building: http://www.williamlewispaintings.net/gallery.html

1) Is there a way for the one PayPal button to list all 10 price options?

2) Or what would be the cleanest way of doing that? Maybe click on a link to buy and then it takes you to another page for that individual painting with all the price options and a different PayPal button for each option?

3) Since that's a lot of images for a page, is there a way to just hyperlink text to PayPal or does it need to have a button?

Thanks very much for your insights and help!

tp22

PS - On a side note - re the continue shopping button others are discussing - I did actually have that appear briefly last night but then it disappeared again. It was not functioning well though - when I hit "continue shopping" it said "that browser window has closed, please open another browser to continue shopping" which would be way too confusing for shoppers since they would have no confidence that the original browser that had closed had retained their cart items. I too put in my vote for getting this fixed...

[LadyEye]

Re: How create multiple price options with one PayPal button?

You can have a few choices with the drop down menu at paypal, however, only for sizes, colors, you cannot have it reflect the prices. Yes, this is a drawback, means you must do a paypal button for every different price.

There are alternatives to this, using shopping carts that you can read on this forum ...

[navaldesign]

Re: How create multiple price options with one PayPal button?

Yes, you can, with a little html and Javascript knowledge. You must change the PayPal button code to include a dropdown. You can do that both for prices and quantities. Have a look at this example for the quantity. In the same way you can do it for prices.

[LadyEye]

Re: How create multiple price options with one PayPal button?

Will you post that King Naval? tks

[navaldesign]

Re: How create multiple price options with one PayPal button?

Here it is(as BV page) http://www.dbtechnosystems.com/Tips/...ty_paypal2.bvp

Din't have time to tweek it more than that, but this is the idea.

The payPal code can also be simply inserted in the form as hidden fields instead of html code as i did in this example.

[LadyEye]

Re: How create multiple price options with one PayPal button?

Excellent ... ty very much

[navaldesign]

Re: How create multiple price options with one PayPal button?

[tp22]

Re: How create multiple price options with one PayPal button?

Hi Naval - Thank you ever so much! I have cut and paste your form onto my page - very kind of you to quickly create that! :)

I think I am missing something though as it is not coming out like on your sample page. I picked your "second" sample - but when I try to do the purchase it doesn't add the price. Is this where I need to cut and paste your html code somewhere? Could you possibly just copy the correct code into this forum email? I tried copying and pasting from your page, but think I took more than necessary and don't want to create a mess in my code.

Here is the new page: http://www.williamlewispaintings.net...-Blossoms.html

Also, how do I substitute in an English PayPal button (yours is Italian, which adds to the charm of the site which contains Italian landscapes, but....) Also, I need to add in the name of each painting somewhere in the PayPal button (one painting for each page) - but I can't find your button - it appears to be invisible except when in preview or published? How do I find it?

So with this method, I do not have/need a shopping cart, correct? Plus the PayPal one is not really working (at least to "continue shopping") is that correct?

Thank SO much for your help - this is my first foray into PayPal...

Best -
tp22

[navaldesign]

Re: How create multiple price options with one PayPal button?

Hi tp22,

The example i have posted contains my own buttons code, and as such it sends you to the Italian section of PayPal. Also, you need to change other details too: your PayPal email address and the reurn page, they are both mine (hehe).

The main problem, the price: you have enlarged the dropdown to contain the rather long descriptions. This way, the dropdown has exceeded the form boundaries, in other words, it is NO MORE part of the form. Here are the steps you need to follow:



1.Open your page in BV. Stretch the form area so that it covers the dropdown. Now, move the dropdown a bit. This movement will result in BV "understanding" that this dropdown is part of the form. Indeed, while doing this, the form border should result (during the movement) as coloured in blue. This will visually confirm that the dropdown now is part of the form.

2. Go in PayPal's site. Create a NON encrypted button as you like it. Do NOT worry about the price, just give it a convenient number, say 10. Copy the code and go back in your BV page. Drag a text object in your page, and make it sufficiently large. Double click it, and paste in there, the code you have copied from PayPal. You don't really need this afterwards, it only simplifies your life for the next step.

3. At this point, your PayPal code should look like

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="info@?????design.it">
<input type="hidden" name="item_name" value="Painting">
<input type="hidden" name="item_number" value="">
<input type="hidden" name="amount" value="100">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="return" value="http://www.dbtechnosystems.com/payconfirm.php">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-BuyNowBF">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but02.gif" border="0" name="submit" alt="PayPal Payments: Fast, free and secure.">
<img alt="" border="0" src="https://www.paypal.com/it_IT/i/scr/pixel.gif" width="1" height="1">
</form>


DELETE the first line and the LAST line (the <form> and </form> tags)

DELETE the line in red colour.

Add a > tag at the very beggining, and DELETE the last > tag.

The email address and the return page should be already correct, as you have created the button code according to your details. So the code has now become:

><input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="youremail@yourdomain.com">
<input type="hidden" name="item_name" value="Painting">
<input type="hidden" name="item_number" value="">
<input type="hidden" name="amount" value="100">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="return" value="http://www.yourdomain.com/your_payconfirm_page.html">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-BuyNowBF">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but02.gif" border="0" name="submit" alt="PayPal payments: Fast, free and secure.">
<img alt="" border="0" src="https://www.paypal.com/it_IT/i/scr/pixel.gif" width="1" height="1"

4. Last step: highlight and copy this code text. Now, right click on the form and select html. Attention: right click the form area, not the dropdown. When the html box appears, click on Inside tag, delete the code i had in there (which corresponds to my own buttons) and Paste the code as you modified it.

5. Save, publish, and refresh your browser before testing.


If you also want to add the name of the painting in the PayPal payment, you can do so by changing from page to page) this line:

<input type="hidden" name="item_name" value="Painting">

Changing Painting to be whatever you like

You can then copy / paste this form from page to page simply changing the drop down values and the Item description

[tp22]

Re: How create multiple price options with one PayPal button?

Yikes! You are very generous in your response, Naval. I appreciate it from the bottom of my heart, truly. :) I will give this all a try tonight. Fingers crossed...

tp22

[benyfar]

Re: How create multiple price options with one PayPal button?

How easy is to build a web site?

[Deez]

Re: How create multiple price options with one PayPal button?

Hello navaldesign,

I have read through your information here and am trying to implement something similar on a website. I can get the code to work, but it continues going to a 'Buy Now' type page rather than an 'Add to Cart' page within Paypal. Would you mind looking the code over and let me know what I'm doing wrong? Also, I do not really need the code to check for a minimum number - I changed it from 5 to 1 so even keying a 1 will work. Please help if you have time. I'm really at a loss here.

Here is the code:

<body>
<body bgcolor="#FFFFFF" text="#000000">
<script language="javascript">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<meta name="GENERATOR" content="Created by BlueVoda">
<style type="text/css">
div#container
{
width: 144px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</style>
<script language="JavaScript" type="text/javascript">
<!--
function ValidateForm1(theForm)
{
var strFilter = /^[-+]?\d*\.?\d*$/;
var chkVal = theForm.Editbox1.value;
if (!strFilter.test(chkVal))
{
alert("Sorry, quantity must be at least 1");
theForm.Editbox1.focus();
return false;
}
var strValue = theForm.Editbox1.value;
if (strValue != "" && !(strValue >= 1))
{
alert("Sorry, quantity must be at least 1");
theForm.Editbox1.focus();
return false;
}
return true;
}
//-->
</script>
</head>
<div id="container">
<div id="bv_" style="position: absolute; left: 241; top: 272; width: 144; height: 89; z-index: 5; background-color: #E6EEFF" align="left">
<form action="https://www.paypal.com/cgi-bin/webscr" target="paypal" method="post" width="10" height="10">
<input type="hidden" name="business" value="cherisjewelry@mchsi.com">
<input type="hidden" name="item_name" value="Letters">
<input type="hidden" name="item_number" value>
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-ShopCartBF"><p>
<input type="text" id="Editbox2" style="position: absolute; left: 68px; top: 31px; width: 72px; font-family: Courier; font-size: 19px; z-index: 0" size="8" name="amount" value onFocus="this.blur" readonly>
</p>


<div id="bv_Text1" style="position: absolute; left: 7px; top: 9px; width: 53px; height: 16px; z-index: 1" align="left">
<font style="font-size: 13px" color="#000000" face="Arial">Quantity</font></div>
<div id="bv_Text2" style="position: absolute; left: 7px; top: 37px; width: 53px; height: 16px; z-index: 2" align="left">
<font style="font-size: 13px" color="#000000" face="Arial">Amount</font></div>
<p>
<input type="text" id="Editbox1" style="position: absolute; left: 67px; top: 6px; width: 72px; font-family: Courier; font-size: 19px; z-index: 3" size="8" name="quantity1" value wrap onKeyUp="
val = this.value;
this.form.amount.value=3*this.value;
"> </p>


<div id="bv_AdvancedButton1" style="position: absolute; left: 7px; top: 58px; width: 134px; height: 23px; z-index: 4" align="center">
<font size="2" face="Arial" color="#FFFFFF">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_SM.gif" border="0" name="AddToCart" alt="Make payments with PayPal - it's fast, free and
secure!" width="96" height="21">
</div>
</form>
</div>
<div id="bv_" style="position: absolute; left: 4px; top: 235px; width: 136px; height: 16px; z-index: 6" align="left">
<font style="font-size: 13px" color="#000000" face="Arial"></font>
</div>
</div>
</font>
</body>

Hi tp22,

The example i have posted contains my own buttons code, and as such it sends you to the Italian section of PayPal. Also, you need to change other details too: your PayPal email address and the reurn page, they are both mine (hehe).

The main problem, the price: you have enlarged the dropdown to contain the rather long descriptions. This way, the dropdown has exceeded the form boundaries, in other words, it is NO MORE part of the form. Here are the steps you need to follow:



1.Open your page in BV. Stretch the form area so that it covers the dropdown. Now, move the dropdown a bit. This movement will result in BV "understanding" that this dropdown is part of the form. Indeed, while doing this, the form border should result (during the movement) as coloured in blue. This will visually confirm that the dropdown now is part of the form.

2. Go in PayPal's site. Create a NON encrypted button as you like it. Do NOT worry about the price, just give it a convenient number, say 10. Copy the code and go back in your BV page. Drag a text object in your page, and make it sufficiently large. Double click it, and paste in there, the code you have copied from PayPal. You don't really need this afterwards, it only simplifies your life for the next step.

3. At this point, your PayPal code should look like

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="info@?????design.it">
<input type="hidden" name="item_name" value="Painting">
<input type="hidden" name="item_number" value="">
<input type="hidden" name="amount" value="100">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="return" value="http://www.dbtechnosystems.com/payconfirm.php">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-BuyNowBF">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but02.gif" border="0" name="submit" alt="PayPal Payments: Fast, free and secure.">
<img alt="" border="0" src="https://www.paypal.com/it_IT/i/scr/pixel.gif" width="1" height="1">
</form>


DELETE the first line and the LAST line (the <form> and </form> tags)

DELETE the line in red colour.

Add a > tag at the very beggining, and DELETE the last > tag.

The email address and the return page should be already correct, as you have created the button code according to your details. So the code has now become:

><input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="youremail@yourdomain.com">
<input type="hidden" name="item_name" value="Painting">
<input type="hidden" name="item_number" value="">
<input type="hidden" name="amount" value="100">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="return" value="http://www.yourdomain.com/your_payconfirm_page.html">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-BuyNowBF">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but02.gif" border="0" name="submit" alt="PayPal payments: Fast, free and secure.">
<img alt="" border="0" src="https://www.paypal.com/it_IT/i/scr/pixel.gif" width="1" height="1"

4. Last step: highlight and copy this code text. Now, right click on the form and select html. Attention: right click the form area, not the dropdown. When the html box appears, click on Inside tag, delete the code i had in there (which corresponds to my own buttons) and Paste the code as you modified it.

5. Save, publish, and refresh your browser before testing.


If you also want to add the name of the painting in the PayPal payment, you can do so by changing from page to page) this line:

<input type="hidden" name="item_name" value="Painting">

Changing Painting to be whatever you like

You can then copy / paste this form from page to page simply changing the drop down values and the Item description

[mrmagoo144]

Re: How create multiple price options with one PayPal button?

Hello Naval;
I have read this thread and wonder if this is what i want to use. I want to offer a 15% discount for the holidays on all my products, through an email advertising campaign. I have checked with Pay Pal and they do not have that option using their standard merchant account. They do offer this option with the Pro account. Will this coding work for what I want to do?
Thanks for the help.
Mrmagoo144

[Vasili]

Re: How create multiple price options with one PayPal button?

Will this coding work for what I want to do?

No, it will not: the above discussion is all about offering variables to an item, not pricing (as in add-on shipping, or accrding to attribute: zipcode).

You answered your own question: Pro version is the only way you can offer price variants (such as a coupon/discount). Unless you stick to your current format and simply add a "Holiday Price" button everywhere with the new single item price coded, and then simply delete it after the season and republish all the pages.


and on we go....again....

[navaldesign]

Re: How create multiple price options with one PayPal button?

PayPal buttons are simply forms. They send the info through he method post to PayPal's script. So , EVERYTHING is possible if you know how to do it. For the coupon thing you need to

1. Either use Javascript and update online, like in http://www.dbtechnosystems.com/formaexcel1.html In the coupon field fill in VH20 to see how the script applies a $20 discount. or,

2. Use Ajax, that will on line (almost, some milisecs of difference) accept or decline the coupon, (much more difficult if you don't have coding experience) or,

3. Use an iframe that will contain the actual button (see this example of cart that i am building for a client of mine, http://www.daniella.com.au/dbts_logg...hp?productID=7 add the same item more than one times and see how the script displayes the updated items nr/amount)

3. Use PHP and refresh the page before you submit. Have a look at http://www.dbtechnosystems.com/loggin_pricing.php . Make some selections, then try it with these two coupons: VH-20 , and VH-10&#37; . The first will calculate a $20 discount, the second one a 10% discount

However, all of the above solutions require you to change your product Add to Cart (or Buy Now) codes and also require coding experience.




You can't use Javascript as the coupon would be visible in the paga code.

Solution 2 is very simple, have a look at