![]() |
|
| |||||||
| 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. |
![]() |
| | LinkBack | Thread Tools |
|
#1
| |||
| |||
| 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... |
|
#2
| ||||
| ||||
| 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******** |
|
#3
| ||||
| ||||
| 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! |
|
#4
| ||||
| ||||
| Will you post that King Naval?
__________________ NEW - Dating Websites/Custom Features FREE Blue Voda Website Design Tips Blue Voda Designer|LadyEye/Designer My Portfolio of Blue Voda Websites ********GENERAL LADYEYE******** |
|
#5
| ||||
| ||||
| 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! |
|
#6
| ||||
| ||||
| 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******** |
|
#7
| ||||
| ||||
|
__________________ 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! |
|
#8
| |||
| |||
| 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 |
|
#9
| ||||
| ||||
| 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! |
|
#10
| |||
| |||
| 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 |
|
#12
| |||
| |||
| 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:
|
|
#13
| ||||
| ||||
| 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 |