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

Damouredo

Damouredo

Salon de beauté pour blogs et blogs-boutiques


TUTO - Paypal - Créer un système de panier pour son site de vente

Publié le 23 Octobre 2010, 14:38pm

Catégories : #Tutos-Outils

Avoir une jolie e-boutique avec un bouton Paypal, c'est bien. Mais avec un système de panier c'est mieux non ?

Alors si vous vous lancez dans l'aventure, prenez votre temps, soyez au calme, concentré(e) et tout ira bien.

Déjà pour que cela soit vraiment joli, vous pouvez créer deux jolis boutons "Ajouter au Panier" et un autre "Afficher le panier" avec tout bon logiciel graphique.

Quelques jolis sacs shopping trouvés ICI

 

Ajout-copie-1.png

Afficher.jpg

Sinon vous utiliserez les boutons standards Paypal qui ont le mérite d'être bien identifiables.

Bien évidemment, vous vous serez préalablement inscrit sur Paypal. Voir comment faire ICI

On commence :

Connectez sur http://www.paypal.fr/fr 

A noter  : Paypal pour des raisons évidentes de sécurité vous déconnecte automatiquement de leur site au bout d'un certain temps si vous êtes inactif et vous affiche ce message. :

En l'absence prolongée d'activité de votre ordinateur, notre système vous a déconnecté de PayPal pour des raisons de sécurité. Toutes les données non enregistrées ou les transactions incomplètes que vous avez pu déclencher ont été perdues. Si vous êtes parvenu sur cette page à partir d'un autre site, veuillez retourner sur ce site (n'utilisez pas le bouton Retour de votre navigateur) et reprenez votre opération. Si vous êtes arrivé sur cette page à partir du site de PayPal, cliquez sur Connexion pour vous reconnecter.

A vous ensuite de vous reconnecter. Vous pouvez ensuite reprendre votre création de bouton là où vous l'aviez laissée.

 

Arrivé sur l'écran ci-dessous, vous cliquez sur l'onglet du menu en haut de l'écran "Solutions e-commerce" puis en bas à droite dans la colonne fonction principales sur "Panier Paypal"

  Pan01.jpg

 

Vous arrivez sur cet écran

1. Vous allez indiquer le type de bouton : Panier

2. puis le type de l'objet dont vous réalisez le bouton : Foulard

Dans ID, vous pouvez rajouter un code référence qui vous est propre si vous vendez plusieurs type de foulard. A vous d'être inventifs.

3. Vous allez pouvoir personnaliser votre bouton.

Cochez à chaque fois les cases "Ajouter un menu déroulant". Je ne vais pas tout détailler, mais l'écran ci-dessous parle de lui-même.

Vous pourrez donc indiquer une couleur, un prix par couleur, indiquer si c'est pour femme ou homme etc...Tout est possible ou presque.

Quelques options sont pré-affichées, pour en afficher d'autres, cliquez sur "Afficher Option x" etc...

Pour passer à la création des autres sous-menu, cliquez sur les cases en face de l'option.

Si vous en avez terminé avec les rajouts d'options, cliquez sur "Terminé"

Vous pouvez modifier ou supprimer en cliquant sur "Modifier/Supprimer"

A la suite, vous pouvez également rajouter un champ texte pour vos clients afin de permettre à votre acheteur de saisir du texte personnalisé, par exemple pour un monogramme ou une gravure.

Soyez curieux et explorez les possibilités offertes sur cet écran ! 

Pan02

Pour installer votre propre bouton Paypal, il suffit de cliquer sur "Personnaliser le texte ou l'apparence" (1)et de cocher la case Utiliser votre propre image de bouton(2)

Vous aurez pris soin de "charger" sur le web votre bouton personnalisé "Ajouter au panier" afin d'en récupérer son adresse l'URL.

 

Sur Canalblog, il suffit d'insérer l'image du bouton dans un nouvel article et de récupérer  son URL via l'icône "HTML" de la barre d'outils.

Ne recopier que ce code http://xxxcom/22/63/600114/35xxx29989.jpg

Sur Overblog, il suffit de cliquer sur l'onglet "DOCUMENTS", de créer un dossier "Paypal" par exemple et d'aller ensuite chercher le fichier du bouton sur son ordinateur en cliquant sur "Ajouter une image".

L'URL du panier s'affiche automatiquement sous cette forme http://xxxcom/22/63/600114/35xxx29989.jpg

C'est cela que vous allez copier dans la case indiquée ci-dessous en (3)

Pan03.jpg

Si vous êtes ok, vous pouvez cliquer sur "Créer le bouton"

Si vous voulez encore affiner vos possibilités, vous avez 2 autres étapes facultatives

En étape 2, la possibilité de gérer vos stocks, bénéfices et pertes

Pan05.jpg

En étape 3

Pan06.jpg

 

En cas d'erreurs dans la saisie de vos données pour la création de votre bouton de panier, Paypal affiche les sources d'erreurs à corriger dans un écran comme ci-dessous.

A vous de revenir sur la zone qui pose problème afin de corriger.

Là j'ai oublié ou mal saisi l'URL de mon bouton panier personnaliséAjout.png

Err.jpg

 

Je vais donc revenir sur l'écran et la rajouter au bon endroit en (3)

Pan03.jpg

N'oubliez pas de cliquer sur "ENREGISTRER LES MODIFICATIONS" tout en bas de l'écran.

Si vos données ont été correctement saisies, vous devez arriver sur cet écran où vous allez pouvoir récupérer le code de votre bouton panier à insérer dans votre e-boutique.

En (1) voici votre code à insérer sous vos articles "foulard".

Pour être correct votre code doit impérativement commencer par la balise <form xxx> " et se fermer par la balise </form> 

Sinon recommencez la copie du code

En (2) voici ce que verra votre acheteur sur votre blog (sans le bouton personnalisé qui apparaitra plus tard une fois le bouton installé sur votre blog, pas de panique !)

Si vous souhaitez modifier ce bouton cliquer en (3) sur "Revenir à la modification de ce bouton".

A ce stade là, vous pouvez ensuite dans Paypal :

Créer un bouton similaire ! Créer un bouton 

Similaire : Utilisez le bouton que vous venez de créer comme modèle pour un autre bouton.
Nouveau : Créez un tout nouveau bouton à partir d’un formulaire vierge.

Créer un bouton Afficher le panier (on verra cela dans un nouveau tuto)

Facilitez l’accès aux paniers d’achat pour vos clients lorsqu’ils naviguent sur votre site.
Il suffit d’un bouton Afficher le panier pour un site.

Accéder à mes boutons enregistrés.

  • Modifier la plupart des caractéristiques d’un bouton.
  • Créer un bouton sur la base d’un bouton existant.
Commenter cet article

Nous sommes sociaux !

Articles récents