I need to create more than two text box options

Lawrence30
Contributor
Contributor

Hi,

 

I need to create an add to cart button which features more than two text boxes for the customer to fill in.

 

It's for personalisation options on products (eg, name, text on front, text on back etc)

Login to Me Too
9 REPLIES 9

Brian1295
Contributor
Contributor

<FORM action=https://www.paypal.com/cgi-bin/webscr method=post target=paypal><SPAN class="style132">Online:
</SPAN>
<INPUT type=hidden value=Show name=on0> <SELECT name=os0> <OPTION value="ENTER OPTION>
ENTER OPTION</OPTION>
<OPTION value="ENTER OPTION"</OPTION>
<OPTION value="ENTER OPTION">
</OPTION>
<OPTION value="Enter Option">
"ENTER OPTION"</OPTION>
 </SELECT>
<INPUT type=image alt="Make payments with PayPal - it's fast, free and secure!" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border=0 name=submit>
<IMG height=1 alt="" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width=1 border=0>
<INPUT type=hidden value=1 name=add> <INPUT type=hidden value=_cart name=cmd>
<INPUT type=hidden value=youremail.com name=business>
<INPUT type=hidden value="business" name=item_name>
<INPUT type=hidden value=00.00 name=amount> <INPUT type=hidden value=_cart name=cmd>
<INPUT type=hidden value=youremail.com name=business>
 </form> <!-- End Add to Cart -->
<!-- Begin View Cart -->
 <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_viewcart_LG.gif" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="YOUREMAIL.com">
<input type="hidden" name="display" value="1"> </form> <!-- End View Cart -->
 

Login to Me Too

Lawrence30
Contributor
Contributor

Hi Brian,

 

Thanks for this, but still note sure what to do.

 

I've figured out how to write the html to set the text box options I want on my website, but can't get this set on my paypal. Hence, whenever I go to checkout  its just the original two text box options that are shown.

 

What I need is like this.

 

Name:

(Text Box)

Message Line 1

(Text Box)

Messsage Line 2

(Text Box)

Gift card Message

(Text Box)

 

Any further assistance appreciated

Login to Me Too

PayPal_paula
Moderator
Moderator

Hi Lawrence30,

 

To do this you must go to your Profile,Selling Preferences, My saved buttons, if the button is created, edit if not create.

 

Click on the Add text field – Select this checkbox to add a text box in which buyers can enter option

information.

 

Enter a name for the text box, such as “Enter your size”.

Click the Done button to preview the effect in the Buyer’s View pane.

Click the Edit link to change the name of the text field.

Click the Delete link to remove the text box from your button.

Click the Add another text box link to open a a field for the name of another text box.

 

You can add a maximum of 2 text boxes.

 

Hope this helps

Paula

Login to Me Too

AbbyB
New Community Member

Hi! I am having the same issue!!! Wondering if you were able to figure this out? I altered the code in dreamweaver, but when I test it, I am having the same issues you stated...

Login to Me Too

mkardas
New Community Member

Hey - if you create a non-hosted shopping cart button by unchecking "Save button at PayPal" in Step 2, you can later alter the code manually and add text boxes. After creating the button, you need to press "Remove code protection", and then copy and paste the code into a text editor.

 

If you already have two text boxes, you'll see a section of code that looks something like this:

 

<table>

<tr><td><input type="hidden" name="on0" value="Enter Name">Enter Name</td></tr><tr><td><input type="text" name="os0" maxlength="200"></td></tr>

<tr><td><input type="hidden" name="on1" value="Enter Phone Number">Enter Phone Number</td></tr><tr><td><input type="text" name="os1" maxlength="200"></td></tr>

</table>

 

The first text box is represented by the section between the blue-highlighted code; the second text box is represented by the section between the red-highlighted code. To add a third text box, paste an identical section of code between the second text box and the line that reads </table> at the end of the code above. Then, you need to edit the label that appears twice in the code for the new text box (e.g. "Enter Phone Number") so that the new text box is labeled apprpriately. Further, you need to change "on1" to "on2" and "os1" to "os2" to create this third text box.

 

Similarly, to add a fourth text box, you would again copy the code from one of the above text boxes, paste it directly above </table>, edit the two labels within the code, and this time write "on3" in place of "on2" and "os3" in place of "os2". Those numbers are counters and start at 0 for the first text box.

 

When you test your full, updated button code, it should display multiple text boxes. You should probably also test the new button to be sure it captures information from all four test boxes before implementing it on your site; for example, it won't help to display four text boxes if PayPal only captures and records the information the user types into the first two, but not the third and fourth. I hope this helps.

Login to Me Too

jjohnson3503
Contributor
Contributor

Did you have any problems getting the text boxes to show one under another in Paypal checkout?   

Fore example:

Size: XL

Color: Blue

 

Mines seems to wrap like this:

Size: XL                 Color: Purp

le    - leaving space in between and large words wrap.

 

 

Login to Me Too

jjohnson3503
Contributor
Contributor

Ok here you go  on0 - on9 and os0 to os9:

<!-- START PAYPAL FORM -->
<div class="pp-canvasarea">
<div class="pp-formbox">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" class="pp-form">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="xxxxxxxxxxxxxx">
<input type="hidden" name="item_name" value="Paypal Payment">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="USD">
Enter amount:<br>
<input type="text" name="amount" value="" class="pp-input"><br>
<input type="hidden" name="on0" value="Payment Details 1">
Payment notes 1:<br>
<textarea name="os0" rows="4" cols="16" class="pp-textarea"></textarea><br>
<input type="hidden" name="on1" value="Payment Details 2">
Payment notes 2:<br>
<textarea name="os1" rows="4" cols="16" class="pp-textarea"></textarea><br>
<input type="hidden" name="on2" value="Payment Details 3">
Payment notes 3:<br>
<textarea name="os2" rows="4" cols="16" class="pp-textarea"></textarea><br>
<input type="hidden" name="on3" value="Payment Details 4">
Payment notes 4:<br>
<textarea name="os3" rows="4" cols="16" class="pp-textarea"></textarea><br>
<input type="submit" name="PaypalPayment" value="Send Payment" class="pp-button"><br>
</form>
</div>
<img src="picts/paypal-badge.png" class="pp-badge" alt="Payments through Paypal">
<div class="pp-clear-float"></div>
</div>
<br>
<!-- END PAYPAL FORM -->

 

Login to Me Too

pillsbur
New Community Member

Unfortunately, at this time it doesn't appear possible to have an item and more than two text boxes.  The HTML Variables for Individual Items (down in the os1 section) states: "You can implement up to 5 option selections as dropdown menus and up to 2 option selections as test [sic] boxes."

 

I also wish I could add more than two text boxes.

Login to Me Too

elevationprint
New Community Member

Here is what I would do.... (You need to know some PHP and HTML)
Create a form with all the 25+ text boxes that I need and incllude the options for the purchase. The submit button would then send to a "review page" which would echo the submitted text boxes in a single textarea named "on1" and "os1".
It might look like this ...
{page1}
name -----

text 1 -----

text 2 -----

text 3 -----

(etc.)
submit to page 2.

{page 2}
<name>  <? echo $name ?>

<textarea name='os1'><? echo $text1 ?>, <? echo $text2 ?>, <? echo $text3 ?>, (etc..)
buy now/pay now/add to cart

The only issue is that there may be a character limit on the text field.

Login to Me Too

Haven't Found your Answer?

It happens. Hit the "Login to Ask the community" button to create a question for the PayPal community.