Comment mettre ses propres boutons sur sa boutique en ligne

Les images standard pour les boutons

Par défaut, les boutons de votre site sont les boutons jaunes préconisés par Paypal. Ils sont largement utilisés dans le monde entier et véhiculent une image de sérieux, qui est très précieuse sur un site de vente en ligne. C'est pourquoi nous recommandons généralement de conserver ces boutons.


Des images de boutons personnalisées pour votre site

Si le texte des boutons Paypal ne vous plaît pas, ou si vous souhaitez harmoniser les icônes des boutons avec l'aspect graphique de votre site, il est possible de personnaliser les boutons Paypal en les remplaçant par vos propres boutons.

Note: Si vous changez l'aspect du bouton Ajouter au panier, nous vous conseillons de modifier également le bouton Afficher le panier.


Pour customiser l'apparence d'un bouton Paypal, voici comment procéder :

1. Créer l'image du bouton
Vous devez créer l'image du bouton à l'aide un éditeur d'images (Photoshop, GIMP, PhotoFiltre,...) ou la récupérer sur une banque d'images.

>>> Consulter la banque d'image 123RF.com


Il vous faudra sans doute faire plusieurs essais avant de trouver la taille adéquate pour votre image. Pour référence, sachez que la hauteur des images de Paypal est de 26 pixels.


2. Enregistrer le fichier image
L'image doit être enregistrée au format gif ou png et doit respecter les conventions de nommage suivantes :
   ► Bouton Faire un don : btn-donate.gif ou btn-donate.png
   ► Bouton Acheter maintenant : btn-buynow.gif ou btn-buynow.png
   ► Bouton Ajouter au panier : btn-cart.gif ou btn-cart.png
   ► Bouton Afficher le panier : btn-viewcart.gif ou btn-viewcart.png


3. Placer votre fichier dans votre Dropbox
Il s'agit de sauvegarder votre fichier en ligne en utilisant le service gratuit Dropbox.

>>> Vers la page Wikipédia sur la solution d'hébergement de fichiers Dropbox.


Une fois l'image enregistrée, partagez-la afin de la rendre accessible depuis votre site SimDif. Enfin, copiez le lien de partage.

Mettez votre image dans votre Dropbox, puis partagez le lien.

4. Faire pointer le code du bouton Paypal vers le nouveau fichier image

Dans l'éditeur de site web SimDif, cliquez sur le bouton Paypal à remplacer, et recherchez dans le code l'adresse internet entre guillemets qui se trouvent après <input type="image" src=

Cette chaîne de caractère commence par: https://www.paypalobjects.com/


1. Remplacez-là par le lien de partage Dropbox qui commence par : https://www.dropbox.com

2. Puis remplacez www par dl afin que l'adresse commence par : https://dl.dropbox.com

3. Enfin, appuyez une ou deux fois sur le bouton Vérifier le code.


Félicitations ! Votre venez d'installer votre propre bouton de paiement sur votre boutique en ligne. Veuillez suivre à nouveau cette procédure pour tous les autres boutons Paypal que vous voulez changer.

Note : Cette page est issue d'une page du blog anglophone de Nathan Swartz, que nous remercions chaleureusement.