Création d'un bouton Ajouter au panier


Comment transformer votre bouton de paiement PayPal en un bouton Ajouter au panier à utiliser avec le Panier PayPal ?

Remarque : la manipulation du bouton de paiement PayPal nécessite une bonne connaissance du langage HTML. Si vous ne maîtrisez pas suffisamment la modification manuelle de code HTML, veuillez créer vos boutons en utilisant l'Assistant pour création de boutons.

Avant de commencer :

Contrairement au bouton de paiement PayPal, pour lequel tous les champs sont facultatifs, les champs item_name et amount sont indispensables pour le Panier PayPal. Si vous n'avez utilisé aucun de ces champs lors de la création du bouton de paiement PayPal, veuillez créer des boutons par l'intermédiaire de l'Assistant pour création de boutons PayPal.

Le code HTML actuel du bouton de paiement PayPal doit être semblable à ce qui suit :

<form method="post" action="https://www.paypal.com/cgi-bin/webscr">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="">
<input type="hidden" name="item_name" value="Casquette de baseball">
<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="">
<input type="hidden" name="undefined_quantity" value="1">
<input type="hidden" name="lc" value="FR">
<input type="image" src="http://www.paypalobjects.com/en_US/i/btn/x-click-but23.gif" border="0" name="submit" width="68" height="23" alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée">
</form>


Pour transformer le code de paiement PayPal en bouton Ajouter au panier :

1. Copiez le code de vos boutons Acheter de votre site dans un éditeur de texte.

2. Ajoutez target="paypal" dans la balise :

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



3. Recherchez dans le code la ligne suivante :

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



4. Remplacez "_xclick" par "_cart":

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



5. Ajoutez la ligne ci-dessous entre les balises <form> :

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



6. Recherchez dans le code la ligne "input type=image" :

<input type="image" src="http://www.paypalobjects.com/en_US/i/btn/x-click-but23.gif" border="0" name="submit" width="68" height="23" alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée">



7. Remplacez la ligne "input type=image" par :

<input type="image" src="http://www.paypalobjects.com/en_US/i/btn/x-click-but22.gif" border="0" name="submit" width="87" height="23" alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée">



8. Votre code devrait à présent être semblable au code suivant :

<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="">
<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="">
<input type="hidden" name="undefined_quantity" value="1">
<input type="hidden" name="lc" value="FR">
<input type="image" src="http://www.paypalobjects.com/en_US/i/btn/x-click-but22.gif" border="0" name="submit" width="87" height="23" alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée">
</form>



9. Supprimez le code HTML initial de paiement PayPal et collez le code que vous venez de générer dans le code HTML de votre site. Un bouton PayPal 'Ajouter au panier' apparaîtra sur votre site à la place de l'ancien bouton Achat d'un seul objet.

10. Pour terminer l'intégration du Panier PayPal, vous devez insérer un bouton 'Afficher le panier' dans votre site. Pour créer ce bouton, générez un bouton 'Ajouter au panier' classique via l'Assistant pour création de boutons PayPal. Dans la deuxième page de l'Assistant pour création de boutons PayPal, vous trouverez le code correspondant à votre bouton 'Afficher le panier'.