Placing Paypal code into a button code Options

[robertolito]

I need to place a Paypal form code into a payment button code. I need to know where exactly I should place it and if I need to add any extra code to make it work. I know there may be a need to add some sort of 'input' code to the button.


This is the form code:


<form method="post" action="https://www.paypal.com/cgi-bin/webscr" name="paypal_auto_form"/>
<input type="hidden" name="rm" value="2" />
<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="business" value="YOURPAYPALEMAILID" />
<input type="hidden" name="return" value="http://www.yourdomain.com/returnurl" />
<input type="hidden" name="cancel_return" value="http://www.youdomain.com/" />
<input type="hidden" name="notify_url" value="http://yourdomain.com/smp/index.php/gateways/ppdirect/ipn/13" />
<input type="hidden" name="custom" value="" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="item_name" value="YOUR PRODUCT NAME" />
<input type="hidden" name="item_number" value="PRODUCT_ID" />
<input type="hidden" name="amount" value="AMOUNT" />
<input type="submit" name="pp_submit" value="Pay Now" />
</form>



And the button code is this:


<div class="BUY_AREA" style="margin: auto;"> <div style="margin: 27px 17px 37px; border: 4px dashed #cc0000;"> <div style="padding: 17px;"> <div style="margin: 3px; padding: 7px;"> <h3 style="text-align: center; padding-bottom: 27px;">Get It Here</h3> <div style="text-align: center;"><a style="text-decoration: none;" href="[LINK D5A7F]"><img src="http://mywebsite.com/fb/wp-content/plugins/wp-salesengine-plugin/globals/buy_area/button/default_cart.png" alt="" border="0" /></a></div> <div style="text-align: center;"><a style="text-decoration: none;" href="[LINK D5A7F]"><img src="http://mywebsite.com/fb/wp-content/plugins/wp-salesengine-plugin/globals/buy_area/seals/cards.gif" alt="" border="0" /></a></div>


In fact not all of the above is the button code proper. Part of the code is a BUY AREA. Here is an image of that area:
http://screencast.com/t/p49mLzIq


Your help appreciated.
roberto

[pandy]

I think you rather want to use your button image in the PP form... You can use INPUT type="image".
http://htmlhelp.com/reference/html40/forms/input.html

[robertolito]

Thank you for your answer. As you can see, I don't even know how to express myself in these issues. Anyway, would this be a right way of implementing it:

<form method="post" action="https://www.paypal.com/cgi-bin/webscr" name="paypal_auto_form"/>
<input type="hidden" name="rm" value="2" />
<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="business" value="YOURPAYPALEMAILID" />
<input type="hidden" name="return" value="http://www.yourdomain.com/returnurl" />
<input type="hidden" name="cancel_return" value="http://www.youdomain.com/" />
<input type="hidden" name="notify_url" value="http://yourdomain.com/smp/index.php/gateways/ppdirect/ipn/13" />
<input type="hidden" name="custom" value="" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="item_name" value="YOUR PRODUCT NAME" />
<input type="hidden" name="item_number" value="PRODUCT_ID" />
<input type="hidden" name="amount" value="AMOUNT" />
<input type="submit" name="pp_submit" value="Pay Now" />
<div class="BUY_AREA" style="margin: auto;"> <div style="margin: 27px 17px 37px; border: 4px dashed #cc0000;"> <div style="padding: 17px;"> <div style="margin: 3px; padding: 7px;"> <h3 style="text-align: center; padding-bottom: 27px;">Get It Here</h3> <div style="text-align: center;"><a style="text-decoration: none;" href="[LINK D5A7F]">input type=image<img src="http://mywebsite.com/fb/wp-content/plugins/wp-salesengine-plugin/globals/buy_area/button/default_cart.png" alt="" border="0" /></a></div> <div style="text-align: center;"><a style="text-decoration: none;" href="[LINK D5A7F]"><img src="http://mywebsite.com/fb/wp-content/plugins/wp-salesengine-plugin/globals/buy_area/seals/cards.gif" alt="" border="0" /></a></div>
</form>

If not. could you show me here how?
Thanks

This post has been edited by robertolito: Nov 14 2011, 09:33 PM

[pandy]

No. You can't put your image tag "in" the input. Neither can you link an input with A. You are also missing a number of < and >.

You had:

CODE

<a style="text-decoration: none;" href="[LINK D5A7F]">input type=image<img src="http://mywebsite.com/fb/wp-content/plugins/wp-salesengine-plugin/globals/buy_area/button/default_cart.png" alt="" border="0" /></a></div> <div style="text-align: center;"><a style="text-decoration: none;" href="[LINK D5A7F]"><img src="http://mywebsite.com/fb/wp-content/plugins/wp-salesengine-plugin/globals/buy_area/seals/cards.gif" alt="" border="0" /></a>

I don't know what the link is supposed to lead to, but you can't have it. If you read the page I linked to it's descripted there how to use INPUT type="image".

CODE

<input type="image" src="http://mywebsite.com/fb/wp-content/plugins/wp-salesengine-plugin/globals/buy_area/seals/cards.gif" alt="Add to Cart">