Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > Soholaunch & Various Shopping Carts We offer > Various Shopping Carts > PayPal Shopping Cart Creator

Notices

PayPal Shopping Cart Creator This section is dedicated to setting up your PayPal shopping cart in the BlueVoda Website Builder for single item purchases, multi-item shopping cart purchases, subscription creations and donations.

Reply
 
LinkBack Thread Tools
  #1  
Old 09-06-2007, 04:04 PM
Staff Sergeant
 
Join Date: Sep 2006
Posts: 45
Question How create multiple price options with one PayPal button?

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...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old 09-06-2007, 05:34 PM
LadyEye's Avatar
General & Forum Moderator
 
Join Date: Jun 2006
Location: Canada
Posts: 9,856
Send a message via MSN to LadyEye
Default 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 ...
__________________
NEW - Dating Websites/Custom Features
FREE Blue Voda Website Design Tips
Blue Voda Designer|LadyEye/Designer
My Portfolio of Blue Voda Websites
********GENERAL LADYEYE********
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old 09-06-2007, 06:13 PM
navaldesign's Avatar
General & Forum Moderator
 
Join Date: Oct 2005
Location: Italy
Posts: 9,033
Default 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.
__________________
Navaldesign
Logger Lite: Low Cost, Customizable, multifeatured Login script
Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old 09-06-2007, 06:16 PM
LadyEye's Avatar
General & Forum Moderator
 
Join Date: Jun 2006
Location: Canada
Posts: 9,856
Send a message via MSN to LadyEye
Default Re: How create multiple price options with one PayPal button?

Will you post that King Naval? tks
__________________
NEW - Dating Websites/Custom Features
FREE Blue Voda Website Design Tips
Blue Voda Designer|LadyEye/Designer
My Portfolio of Blue Voda Websites
********GENERAL LADYEYE********
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old 09-06-2007, 06:39 PM
navaldesign's Avatar
General & Forum Moderator
 
Join Date: Oct 2005
Location: Italy
Posts: 9,033
Default 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.
__________________
Navaldesign
Logger Lite: Low Cost, Customizable, multifeatured Login script
Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old 09-06-2007, 06:51 PM
LadyEye's Avatar
General & Forum Moderator
 
Join Date: Jun 2006
Location: Canada
Posts: 9,856
Send a message via MSN to LadyEye
Default Re: How create multiple price options with one PayPal button?

Excellent ... ty very much
__________________
NEW - Dating Websites/Custom Features
FREE Blue Voda Website Design Tips
Blue Voda Designer|LadyEye/Designer
My Portfolio of Blue Voda Websites
********GENERAL LADYEYE********
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old 09-06-2007, 06:52 PM
navaldesign's Avatar
General & Forum Moderator
 
Join Date: Oct 2005
Location: Italy
Posts: 9,033
Default Re: How create multiple price options with one PayPal button?

__________________
Navaldesign
Logger Lite: Low Cost, Customizable, multifeatured Login script
Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old 09-07-2007, 04:44 PM
Staff Sergeant
 
Join Date: Sep 2006
Posts: 45
Question 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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old 09-07-2007, 06:09 PM
navaldesign's Avatar
General & Forum Moderator
 
Join Date: Oct 2005
Location: Italy
Posts: 9,033
Default 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
__________________
Navaldesign
Logger Lite: Low Cost, Customizable, multifeatured Login script
Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old 09-07-2007, 09:02 PM
Staff Sergeant
 
Join Date: Sep 2006
Posts: 45
Default 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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old 09-12-2007, 06:48 PM
Private
 
Join Date: Jun 2007
Location: Romania
Posts: 1
Default Re: How create multiple price options with one PayPal button?

How easy is to build a web site?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old 11-14-2007, 06:31 AM
Private
 
Join Date: Nov 2007
Posts: 1
Default 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>




Quote:
Originally Posted by navaldesign View Post
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old 11-17-2007, 01:59 AM
mrmagoo144's Avatar
Lieutenant Colonel
 
Join Date: Feb 2007
Posts: 593
Default 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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit!