Prestashop and Paypal: Encourage credit card payments without Paypal account

When starting his online store Prestashop or when you're a small shop, there is often little or no interest to sign a contract with VAD his bank to offer payment by credit card. The simple solution is to implement the settlement only by Paypal (you pay as a commission only if you sell), which is proposed by default Prestashop.

The problem is that some people, especially businesses, do not want to open a Paypal account to make purchases on the Internet. We will then show you how to enable your customers to pay by credit card (CB) without opening a Paypal account, your shop Prestashop.

The module provides PayPal with Prestashop allows two types of payment:

• The first payment by Paypal account.
• The second, less known, is to pay with her credit card directly without creating a Paypal account.

The problem is with the module provides PayPal with Prestashop, you only have one choice: "Pay with Paypal".
A client with no Paypal account (and do not want), who was not aware that they can pay directly with his credit card on Paypal, surely abandon his basket. And you have lost this customer.

So we will see how to modify the module to get a second choice "Pay with credit card, Visa, MasterCard, Aurora ..." and when you click on this option, see an explanation (without popup) to indicate the client how to proceed with payment by credit card directly without Paypal account.

In fact, when customers pay directly by credit card on Paypal, it does not necessarily fall on the page for that. It may well fall on a login page. Only a small link at the bottom left allows access to the payment page directly. This is based on the presence of a cookie Paypal or not on this machine.
It is therefore necessary to display a small help to guide the client.
You can see the results on our online store with the screens below:

Recognizing that the approaches we describe are not always simple module modified and translated is available on our shop priced at € 10 all inclusive.

In any case, our team can not be held responsible if the module you will modify does not work. Remember to make backups!

Added option "payment card" module Pal

We will modify the appearance of the module Paypal. Make yourselves in the folder "modules" of your installation Prestashop, and open the file Paypal.tpl.
At the beginning of the file, you will find a first marker <p> </ p>. This corresponds to the "Pay with Paypal".

To add a second, we will imitate this tag.

Add:

Inside this tag, create a link with an image of your choice.

Then inside the link, we'll create a calling JavaScript, to display the help (we'll create later).

This call, use the Jquery framework (loaded by default in Prestashop). When we click on the option, it will display with a transparent effect, help.
The # helpPaypal is an identifier for the party assistance, you can change, but think of the note.

The parts containing the code type: "(ls = 'text')" are the texts to be displayed by the module. You can then translate them into the administration interface Prestashop.

Creating help

We will now create the part that displays the user help.
Just before the tag "form" and just after the second option, create a div in which you put the ID previously returned in the call Javascript.

To make the div, more attractive, we apply a style, with a border in "dots".

Important: You must think of a style to apply for aid do not appear continuously.

Inside the div we'll add two buttons, one above and one below, to proceed to checkout (important!).

It is the onClick attribute that allows to do this with the value "javascript :$('# paypal_form '). Submit ();"

Finally inside the div there are plenty more to add images explaining the procedure and the text. It is important to explain to the client, it can fall on a page that does not allow for payment by credit card and must click on the link "continue" at the bottom left of the page.

For this you can use tags <img src="" alt="" /> and text <p> (ls = 'mod =' paypal ') </ p>.

Translating texts of modules

You've added different phrases needed to help and the new option. It'll just bring them to your module that is available in French and in all other languages.
To do this go to the administration of Prestashop, then "Tools> Translation".
In the first field, choose "Modules" then click the French flag.

It'll just find the PayPal module and perform the translations.

Conclusion

Now when you make a purchase, you should get a new option. When you click once on it, should receive assistance with two buttons to proceed to checkout.
This change will allow you not to lose customers who do not have a Paypal account, and you will do without a credit card module, at least initially.

Recognizing that the approaches we describe are not always simple module modified and translated is available on our shop priced at € 10 all inclusive.

Articles on the same subject:

1. Prestashop: Configure and install the PayPal Feel free to subscribe to RSS feed to avoid missing any article.Même though today the majority of consumers on the net using the credit card, some customers are timid when to data entry bank, especially ...
2. Podcast team Magento Install an e-commerce without difficulties, Google Verify: Improving referencing Prestashop Feel free to subscribe to RSS feed to avoid missing any article.Interview team Magento An interesting podcast from us l 'team blog Metycea. They met Yoram Elalouf and Yoav Kutner Magento. You ...