Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog

Damouredo

Damouredo

Salon de beauté pour blogs et blogs-boutiques


TUTO - Paypal - Installer son panier Paypal sous ses articles à vendre

Publié le 4 Novembre 2010, 16:16pm

Une fois que vous avez créé votre bouton "Ajouter au panier" et que vous avez récupéré son code HTML, il va falloir l'installer sous votre objet à vendre.

Pan07.jpg

Pour ce faire, positionnez vous à l'endroit où vous souhaitez insérer votre panier en mode HTML

Sur Overblog et Canalblog, cliquez sur "HTML" dans votre panneau de rédaction d'article

Html.jpg

Puis copier le code à l'endroit désiré en cliquant sur CTRL + V

 

Inst01.jpg

Pour retrouver votre code dans votre article en mode HTML, rappelez vous qu'il commence toujours par <form et se termine par </form>

Et je vous recommande d'insérer en début et fin de code une ligne de commentaire pour vous y retrouver plus facilement qui doit IMPERATIVEMENT avoir cette syntaxe :

<!-Votre commentaire-->

Exemple :

<!-Début du code Ajouter panier PAYPAL-->

<form target="paypal"

xxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxx

etc etc etc

<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="http://idata.over-blog.com/1/18/26/20/TUTOS/Panier-Paypal/Ajout.png" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
</form>

<!-Fin du code Ajouter panier PAYPAL-->

N'oubliez pas de VALIDER

Voilà le bouton qui apparait avec les données choisies :

Inst02-copie-1.jpg

Si cela ne vous convient pas, n'hésitez pas à supprimer le code et à recommencer. 

On accède bien aux différentes données sélectionnées lors de la création du bouton.

NB : Le bouton fourni par Paypal n'est pas centré, pour le centrage du bouton :

Il faut rajouter au code la balise HTML <center> devant le code...et la balise </center> en fin de code. Sinon le bouton produit est à gauche.
Le bouton commence par la balise <form
et se termine par </form>
Ce qui donne quelque chose comme :

<center><form target="paypal"

xxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxx

etc etc etc

<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="http://idata.over-blog.com/1/18/26/20/TUTOS/Panier-Paypal/Ajout.png" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
</form> </center>

Commenter cet article

Nous sommes sociaux !

Articles récents