Le probl\u00e8me \u00e9tant qu’avec le module Paypal fournit avec Prestashop, vous n’avez qu’un seul choix : \u00ab\u00a0Payer avec Paypal\u00a0\u00bb. Nous allons modifier l’apparence du module Paypal. Rendez vous donc dans le dossier \u00ab\u00a0modules\u00a0\u00bb de votre installation Prestashop, et ouvrez le fichier Paypal.tpl. A l’int\u00e9rieur de cette balise, cr\u00e9ez un lien avec une image de votre choix.<\/p>\n Puis \u00e0 l’int\u00e9rieur du lien, nous allons cr\u00e9er un appel Javascript, permettant d’afficher l’aide (que nous allons cr\u00e9er par la suite).<\/p>\n Cet appel, utilise le framework Jquery (charg\u00e9 par d\u00e9faut dans Prestashop). Lorsque nous cliquerons sur l’option, il affichera avec un effet de transparence, l’aide. Nous allons maintenant cr\u00e9er la partie permettant d’afficher l’aide \u00e0 l’utilisateur. Pour rendre le div, plus attrayant, nous lui appliquons un style, avec une bordure en \u00ab\u00a0petits points\u00a0\u00bb. A l’int\u00e9rieur du div nous allons ajouter deux boutons, un en haut et un en bas, permettant de passer au paiement (important!).<\/p>\n C’est l’attribut onClick qui permet de faire cela avec la valeur \u00ab\u00a0javascript:$(‘#paypal_form’).submit();\u00a0\u00bb Enfin \u00e0 l’int\u00e9rieur du div il ne manque plus qu’\u00e0 ajouter les images expliquant la proc\u00e9dure ainsi que le texte. Il est important d’expliquer au client, qu’il peut tomber sur une page ne permettant pas de payer par carte bleue et qu’il faut cliquer sur le lien \u00ab\u00a0continuer\u00a0\u00bb en bas \u00e0 gauche de la page. Vous avez ajout\u00e9 les diff\u00e9rentes phrases n\u00e9cessaires \u00e0 l’aide et \u00e0 la nouvelle option. Il ne vous reste plus qu’\u00e0 les traduire pour que votre module soit disponible en fran\u00e7ais et dans toutes les autres langues. D\u00e9sormais, lorsque vous proc\u00e9dez \u00e0 un achat, vous devriez obtenir une nouvelle option. Lorsque vous cliquerez une premi\u00e8re fois sur celle-ci, une aide devrait s’afficher avec deux boutons permettant de passer au paiement.
\nUn client n’ayant pas de compte Paypal (et n’en voulant pas), qui n’aurait pas connaissance du fait que l’on peut payer directement avec sa carte bancaire sur Paypal, abandonnera s\u00fbrement son panier. Et vous aurez perdu ce client.
\nNous allons donc voir, comment modifier le module afin d’obtenir un second choix \u00ab\u00a0Payer avec carte bleue, Visa, MasterCarde, Aurore…\u00a0\u00bb, et lorsque l’on cliquera sur cette option, afficher une explication (sans popup) pour indiquer au client comment proc\u00e9der au paiement, directement par carte bancaire, sans compte Paypal.
\nEn effet, lorsqu’un client souhaite payer directement par carte bancaire sur Paypal, il ne tombe pas forc\u00e9ment sur la page permettant cela. Il peut ainsi tomber sur une page de connexion. Seul un petit lien en bas \u00e0 gauche permet d’acc\u00e9der \u00e0 la page de paiement direct. Cela se fait en fonction de la pr\u00e9sence d’un cookie Paypal pr\u00e9sent ou non sur la machine.
\nIl est donc n\u00e9cessaire d’afficher une petite aide, pour guider le client.
\nVous pouvez voir le r\u00e9sultat sur notre boutique en ligne<\/a> avec les captures suivantes :
\n
\n![\"Paypal](\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/paypal-accepter-paiement-direct.jpg\")
\n<\/a>
\n
\n![\"Paypal](\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/paypal-aide-paiement-direct-carte.jpg\")
\n<\/a>
\nConscient que les d\u00e9marches que nous allons d\u00e9crire ne sont pas toujours simples, le module modifi\u00e9 et traduit est disponible sur notre boutique <\/a> au prix de 10\u20ac tout compris.<\/strong>
\nEn aucun cas, notre \u00e9quipe ne pourra \u00eatre tenu pour responsable si le module que vous allez modifier ne fonctionne plus. Pensez \u00e0 faire des sauvegardes !<\/strong><\/p>\nAjout de l’option \u00ab\u00a0paiement par carte bancaire\u00a0\u00bb au module Paypal<\/h2>\n
\nAu d\u00e9but du fichier, vous trouverez une premi\u00e8re balise <p><\/p>. Celle-ci correspond \u00e0 l’option \u00ab\u00a0Payer avec Paypal\u00a0\u00bb.
\nPour en ajouter une seconde, nous allons imiter cette balise.
\nAjouter :<\/p>\n
\n<\/p><\/div>\n
\n<img src=\u00a0\u00bb{$module_template_dir}paypal-cb.jpg\u00a0\u00bb alt=\u00a0\u00bb{l s=’Pay by credit card (Visa, MasterCard, Aurore…)’}\u00a0\u00bb \/>
\n{l s=’Pay by credit card (Visa, MasterCard, Aurore…)’ mod=’paypal’}
\n<\/a><\/div>\n
\nLe #helpPaypal est un identifiant pour la partie aide, vous pouvez le modifier, mais pensez \u00e0 le noter.
\nLes parties contenant le code type : \u00ab\u00a0{l s=’texte’}\u00a0\u00bb sont les textes qui seront affich\u00e9s par le module. Vous pourrez par la suite les traduire dans l’interface d’administration de Prestashop.<\/p>\nCr\u00e9ation de l’aide<\/h2>\n
\nA la fin du fichier, cr\u00e9ez un div, dans lequel vous mettrez l’identifiant pr\u00e9c\u00e9demment rentr\u00e9 dans l’appel Javascript.<\/p>\n
\n<\/div><\/div>\n
\nImportant : Il faut penser \u00e0 lui appliquer un style pour que l’aide ne s’affiche pas en permanence.<\/p>\n
\n<\/div><\/div>\n
\nPour les utilisateurs de Prestashop version 1.3.1 et plus, le bouton doit \u00eatre sous la forme suivante :<\/p>\n
\nPour cela vous pouvez utiliser les balises <img src=\u00a0\u00bb\u00a0\u00bb alt=\u00a0\u00bb\u00a0\u00bb \/> et pour le texte <p>{l s=\u00a0\u00bb mod=’paypal’}<\/p>.<\/p>\nTraduction des textes du modules<\/h2>\n
\nPour cela rendez-vous dans l’administration de Prestashop, puis dans \u00ab\u00a0Outils>Traductions\u00a0\u00bb.
\nDans le premier champ, choisissez \u00ab\u00a0modules\u00a0\u00bb puis cliquez sur le drapeau fran\u00e7ais.
\n
\n
\n<\/a>
\nIl ne vous reste plus qu’\u00e0 trouver le module Paypal et \u00e0 effectuer les traductions.<\/p>\nConclusion<\/h2>\n
\nCette modification vous permettra de ne pas perdre les clients n’ayant pas de comptes Paypal, et vous permettra de vous passer d’un module de carte bancaire, au moins dans un premier temps.
\nConscient que les d\u00e9marches que nous avons d\u00e9cris ne sont pas toujours simples, le module modifi\u00e9 et traduit est disponible sur notre boutique <\/a> au prix de 10\u20ac tout compris.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"