Creación de botón Añadir al carro


A continuación se explica cómo cambiar un botón de Pago estándar de PayPal por un botón "Añadir al carro" para utilizarlo con el carro de la compra de PayPal.

Nota: La manipulación del botón de Pago estándar de PayPal requiere ciertos conocimientos de HTML. Si no está familiarizado con la edición de código HTML a mano, puede crear botones nuevos a través de la Fábrica de botones de carro de la compra.

Antes de comenzar:

A diferencia del botón de Pago estándar de PayPal, donde todos los campos son opcionales, el carro de la compra de PayPal exige los campos 'item_name' y 'amount'. Si no utilizó ninguno de estos campos al crear el botón de Pago estándar de PayPal, cree botones nuevos a través de la fábrica de botones de PayPal.

El código HTML actual de su botón de Pago estándar de PayPal debe parecerse a este:

<form method="post" action="https://www.paypal.com/cgi-bin/webscr">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="payments@yoursite.es">
<input type="hidden" name="item_name" value="Gorra de béisbol">
<input type="hidden" name="item_number" value="123">
<input type="hidden" name="amount" value="5,95">
<input type="hidden" name="shipping" value="1,00">
<input type="hidden" name="shipping2" value="0,50">
<input type="hidden" name="handling" value="2,00">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="return" value="http://www.yoursite.es/thankyou.htm">
<input type="hidden" name="undefined_quantity" value="1">
<input type="hidden" name="lc" value="ES">
<input type="image" src="http://www.paypalobjects.com/es_ES/ES/i/btn/x-click-but23.gif" border="0" name="submit" width="68" height="23" alt="Realice pagos con PayPal: es rápido, gratis y seguro.">
</form>


Para transformar el código de Pago estándar de PayPal anterior en un botón 'Añadir al carro':

1. Copie el código de los botones Comprar ahora de su sitio web en un editor de texto.

2. Añada target="paypal" a la etiqueta <form>:

<form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="paypal">



3. Busque esta línea en su código:

<input type="hidden" name="cmd" value="_xclick">



4. Sustituya "_xclick" por "_cart":

<input type="hidden" name="cmd" value="_cart">



5. Añada la siguiente línea en algún lugar entre las etiquetas <form>:

<input type="hidden" name="add" value="1">



6. Encuentre la línea "input type=image" en su código:

<input type="image" src="http://www.paypalobjects.com/es_ES/ES/i/btn/x-click-but23.gif" border="0" name="submit" width="68" height="23" alt="Realice pagos con PayPal: es rápido, gratis y seguro.">



7. Sustituya la línea "input type=image" por:

<input type="image" src="http://www.paypalobjects.com/es_ES/ES/i/btn/x-click-but22.gif" border="0" name="submit" width="87" height="23" alt="Realice pagos con PayPal: es rápido, gratis y seguro.">



8. Su código debe ser igual al código siguiente:

<form method="post" action="https://www.paypal.com/cgi-bin/webscr">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="add" value="1">
<input type="hidden" name="business" value="payments@yoursite.es">
<input type="hidden" name="item_name" value="Baseball Hat">
<input type="hidden" name="item_number" value="123">
<input type="hidden" name="amount" value="5,95">
<input type="hidden" name="shipping" value="1,00">
<input type="hidden" name="shipping2" value="0,50">
<input type="hidden" name="handling" value="2,00 ">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="return" value="http://www.yoursite.es/thankyou.htm">
<input type="hidden" name="undefined_quantity" value="1">
<input type="hidden" name="lc" value="ES">
<input type="image" src="http://www.paypalobjects.com/es_ES/ES/i/btn/x-click-but22.gif" border="0" name="submit" width="87" height="23" alt="Realice pagos con PayPal: es rápido, gratis y seguro.">
</form>



9. Elimine el código HTML original de Pago estándar de PayPal, y pegue el código que acaba de crear en el código HTML de su sitio web. En su sitio web aparecerá un botón 'Añadir al carro' de PayPal en lugar de su botón original de compra de un solo artículo.

10. Para completar la implementación del carro de la compra de PayPal, deberá añadir un botón 'Ver carro' a su sitio web. Para crear un botón 'Ver carro', cree un botón 'Añadir al carro' normal en la Fábrica de botones de carro de la compra de PayPal. Encontrará el código para su botón 'Ver carro' en la segunda página de la fábrica de botones de carro de la compra de PayPal.