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]

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]

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]

Will you post that King Naval? tks

[navaldesign]

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]

Excellent ... ty very much

[navaldesign]

[tp22]

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]

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]

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]

How easy is to build a web site?

[Deez]

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]

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]

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]

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

[adele1972]

hi vavaldesign

can you please help me with my html code! i am trying to add colour and size with click boxs next to them with a add to cart button, and i dont know anything about how you do this. i know you have to do it in paypal and i think you use a form..i have not built a foem before very new to this but trying to understand!
:) thank you for your help.

[navaldesign]

When you create your buttons in PayPal, you are given the option to add Options for the button.. Click that, and just follow the wizard.

[erwrssd]

Hi Naval,

Firstly would like to wish you and everyone at the forum a Merry Christmas and a Happy New Year!!!

OK, back to business.....

Followed your instructions for the Paypal. I attached my link for you http://mytoothcaretips.com/orderpage3.php

How come when I click in quantity, the amout that appear is 4? I copied this from your attachment. What did I do wrong?

Is there anyway I can include shipping charges in their final checkout at paypal?

Mine is based more on zone rather than on value of goods. Pls help.

thank you.

[MrMarkess]

navaldesign


Wow my friend you know your stuff...

I have a question I'm doing some promotional flyer's for my CD project and i would like to put a discount code on the flyer for people to receive $2 off my $8 CD thus making it $6 for the people who get the code from the flyer...

Is there a way of doing that (USING A PAYPAL BUTTON) so as they fill out the form it gives them and options to put in my specified code and get the $2 off and them continue on using paypal???

I also loved your calculation script above it would have been great but I could not get it to work when I edited it down to just one item...

And it didn't go through paypal but other then that i see great uses for it in other ares so that was amazing creating that thank you so very much....

I hope you got something to help me, thanks in advance,
MrMarkess

[davidundalicia]

.

[navaldesign]

??

[weddingbkmarks]

navaldesign - you're good! I'm hoping maybe you can give me a hand too.

I have existing PayPal Buy It Now buttons in place but I need to modify them to allow:
(1) customer to enter in their own quantity with "forced" minimum/maximum
(2) quantity discounts depending on how many they buy

Here's a truncated part of my code:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="K3S7RKVY8EQJJ">
<table>
<tr><td>
<input type="hidden" name="on0" value="Quantity Discounts">Quantity Discounts</td></tr><tr><td><select name="os0">
<option value="10-24">10-24 - $1.95 each </option>
<option value="25-49">25-49 - $1.85 each </option>
<option value="50-74">50-74 - $1.75 each </option>
<option value="75-99">75-99 - $1.65 each </option>
<option value="100-149">100-149 - $1.50 each </option>
<option value="150-299">150-299 - $1.00 each </option>
<option value="300+">300+ - $0.95 each </option>
</select> </td></tr>

<input type="hidden" name="undefined_quantity" value="1">

<!---------NEED SOME KIND OF CODE IN HERE TO FORCE MIN QUANTITY 10 / MAX 350 ------------->

<!---------NEED SOME KIND OF CODE IN HERE FOR THE DISCOUNTS DISPLAYED ABOVE ------------->


<tr><td><input type="hidden" name="on1" value="Designs">Designs</td></tr><tr><td><select name="os1">
<option value="Custom">Custom</option>
<option value="Red-Roses-Carriage">Red Roses and Carriage</option>
<option value="Red-White-Roses">Red and White Roses</option>


The rest are just the options for sayings, tassel colors, etc....

I am "code clueless" because I'm not a programmer.

Thanks!

[navaldesign]

I'm sorry but this requires a custom Javascript that may take me hours to create and test. As you understand it is quite difficult for me to do so.

[VanMoll]

Hello, i need help how to create custom donation button.
This custom button have two drop down selectors for a donation button.


Here are the selectors:
1st Selector title is "Areas"
Selections are "Oxford County" "Perth County" "Middlesex County"

2nd Selector title is "Amount"
Selections are "$25" "$50" "$100" or "You Specify" which brings up a field for them to specify the amount if they want to pay their own amount.


I've been looking around on this forum and google and found out that this can make through "Shopping Cart' button but i really don't know how.