Solved

Paypal Add to Cart button creation question

Posted on 2011-09-29
8
543 Views
Last Modified: 2013-11-19
Paypal - Add to cart button creation

On website's we've seen a Paypal button - created and delivered from Paypal - that allows a product purchaser to enter the number of items they wish to purchase.

This is entered into a textbox directly above the Paypal button.

As soon as a purchaser enters the quantity they wish to purchase the - Total Amount (i.e. Value of purchase) is calculated internally by the button codespec.

What Paypal seems to do is permit the button creator to embed a - single unit cost price - into the button codespec at creation time.

Then displays a textbox above the button that captures - Quantity Purchased.

The value entered into the textbox is then multiplied by the - Unit Price - embedded into the button codespec.

This value is then returned to Paypal as the amount to be paid by the purchaser.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Please take a look at the attached image, which indicates what we are trying to achieve.

This type of - Add to Cart - button can be created via Paypal's button creation webpage.

We really want to know, step by step, how to create such a button using Paypal's button creation webpage.

 Add to Cart Paypal Button
0
Comment
Question by:bayross
  • 4
  • 4
8 Comments
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
Please tell us what web site you have seen this on.  Post the URL of the page that has it so we can see it in action, thanks.
0
 

Author Comment

by:bayross
Comment Utility
Hi Ray,

Thank you for responding.

The website URL is: http://theessayexpert.com/services-rates/personal-statement-writing-help/

Do look at the - Custom Projects - Box.  

Apparently individuals can purchase a specific number of hours consultancy at a fixed hourly rate.  

When you reach your Paypal account to pay the  - Total Cost - for the hours are correctly displayed.

The button has been created using - Paypal's button creation system.

Somehow there is a relationship between the textbox content - i.e. No of hours, User entered - and the Button's - Hourly rate - mapped at the time of button creation in Paypal.

Any help will be appreciated.  We seem to be stuck.

0
 
LVL 108

Accepted Solution

by:
Ray Paseur earned 250 total points
Comment Utility
In the code snippet you will see the HTML for the row that contains the Custom button.

See line 9.  This looks interesting but in practice it is pretty simple.  All that is going on is that PayPal receives a form field named "quantity" and does the math, unit_price x quantity = extended_price.  This is not mapped at the time of button creation; it is calculated at the checkout.  The form provides a default value of "1"

<input maxlength="2" name="quantity" size="2" type="text" value="1" /> hours</div>

<tr>
<td valign="top"><strong>Custom Projects</strong><em>: </em>$150/hour</td>
<td valign="top">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="KYTBJ98TPMYBL" />
<div class="inputbdr">
<input maxlength="2" name="quantity" size="2" type="text" value="1" /> hours</div>
<input class="imgWithoutBorder" alt="PayPal - The safer, easier way to pay online!" name="submit" src="http://www.theessayexpert.com/images/addtocart1.png" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />&nbsp;<br />
</form>
</td>
</tr>

Open in new window

0
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
Sorry.  See line 8, not line 9.

HTH, ~Ray
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 

Assisted Solution

by:bayross
bayross earned 0 total points
Comment Utility
Hi Ray,

Thanks for your input.  It was very valuable for us.  We were trying to figure out how to create the Paypal button which included the textbox so that both became integral to the Paypal button code.

What I've understood from your reply is that all one needs to have in the web form is a text box whose Name is - Quantity.  

When the Paypal button is clicked, contents of the textboxes within the form are - Submitted - to Paypal.

When Paypal receives the contents of the - Quantity - text box Paypal does the Math.  Hence, if quantity is empty Paypal will understand that - One Unit - is being purchased, otherwise some very simple arithmetic is all that Paypal has to do to figure out the billable amount.

This really eluded us completely.  

Once again thank you for the trouble you taken to understand and reply to my query.  Truly appreciate this.
0
 

Author Closing Comment

by:bayross
Comment Utility
We were over thinking this issue.  It took some plain and simple explanation from Ray to help understand what we should have seen in the first place.

We are very happy with the explanation and appreciate Ray's input.
0
 
LVL 108

Expert Comment

by:Ray Paseur
Comment Utility
This may not be completely true:

if quantity is empty Paypal will understand that - One Unit - is being purchased,

In the example we looked at, the default value for quantity is 1 (one) which is different from empty.  It would be interesting to see what PayPal would do with an empty field, or perhaps with a negative value!

Best regards, ~Ray
0
 

Author Comment

by:bayross
Comment Utility
Hi Ray,

Now that you've opened my mind to this, perhaps I could take out a little insurance and code a Javascript method that checks if the quantity field has been left as empty, if it is, then load the number - 1 - into it.  

If the quantity field has a negative signed number inserted by a site visitor then display an appropriate message to the site visitor and abort the Submit.

I'd have though that if Paypal, can give such button code away for free from their website, ( to make it as easy as possible for people to use the Paypal for payment ), they would have built this kind of intelligence into the Server side, code that handles the  value returned by the - Quantity - field.

BUT - I guess there is nothing like adding some fairly sensible client side data validation I guess.

Another issue that raises its head is if any site visitor has - Javascript - disabled in their Browsers, but that's not to tough to handle.

Thank you for drawing my attention this though.  I guess I was taking Paypal a bit - For Granted.

0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
This video teaches users how to migrate an existing Wordpress website to a new domain.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now