When starting its online store Prestashop or when you're a small shop, there is often little or no interest to take out a merchant account with their bank to offer payment by credit card. The solution is simple to set up payment by Paypal only (and you pay 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. So we will show you how to enable your customers to pay by credit card (CB) without opening a Paypal account, your PrestaShop store.

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

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

The problem is that with the module provides PayPal with PrestaShop, you only have one choice: "Pay with PayPal".
A client who does not have a Paypal account (and not wanting), who is not aware of the fact that you can pay directly with his credit card on Paypal, surely abandon his basket. And you lost them.

We will see how to modify the module to obtain a second choice "Pay Card, Visa, MasterCarde, Aurora ..." and when we click on this option, see an explanation (without popup) to indicate the client how to make payment directly by credit card without a Paypal account.

Indeed, 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 done according to the presence of a cookie Pal present or not on the machine.
It is therefore necessary to show a little help, to guide the customer.
You can see the results on our online store with the following captures:

Prestashop paypal accept credit card payments directly


Paypal Prestashop assistance payment by credit card

Aware that the steps we describe are not always simple, modified and translated the module is available in our shop priced at 10 € all inclusive.

In any case, our team will not be held responsible if the module you are going to change no longer works. Remember to make backups!

Added option "credit card payment" Paypal module

We will change the appearance of the module Paypal. So you go into the folder "modules" of your installation Prestashop, and open the file Paypal.tpl.
At the beginning of the file, you will find a first tag </ p>. This corresponds to the "Pay with PayPal".

To add a second, we will imitate this tag.

Add:

<p class="payment_module">

</ P>

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

<a title="{ls='Pay by credit card (Visa, MasterCard, Aurore…)' mod='paypal'}">
<img src="{$module_template_dir}paypal-cb.jpg" alt="{ls='Pay by credit card (Visa, MasterCard, Aurore…)'}" />
{Ls = 'Pay by credit card (Visa, MasterCard, Aurore ...)' mod = 'paypal'}
</ A>

Then inside the link, we will create a call JavaScript, to display the help (which we will create later).

onClick = "javascript: $ ('# helpPaypal'). slideToggle ('slow');"

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

The parts containing the type code: "{ls = 'text'}" are the texts to be displayed by the module. You can then translate them into the administrative interface of PrestaShop.

Creation of aid

We will now create the part that displays the user help.
At the end of the file, create a div in which you put the ID previously returned the call Javascript.

<div id="helpPaypal">
</ Div>

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

Important: You must think of him apply a style to ensure that aid is not displayed at all times.

<div id="helpPaypal" style="display:none;border:1px dotted">
</ Div>

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

<Input type = "submit" onClick = "javascript: $ ('# paypal_form'). Submit ();" class = "button" style = "margin: 10px 400px;" value = "{ls = 'Checkout' mod = 'paypal'} "/>

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

For users of Prestashop version 1.3.1 and above, the button should be as follows:

<a href="modules/paypal/redirect.php" class="button" style="margin:10px 400px;"> {ls = 'Checkout' mod = 'paypal'} </ a>

Finally inside the div no longer fail to add the images explaining the procedure and the text. It is important to explain to the customer, it may fall on a page that does not allow to pay by credit card and must click on the link "continue" at the bottom left of the page.

For this you can use these tags <img src="" alt="" /> and for text <p> {ls = 'mod =' paypal '} </ p>.

Text Translation modules the

You have added the various sentences needed to help and the new option. It'll just bring them to your module is available in French and in all other languages.
For this appointment in the administration of Prestashop, then to "Tools> Translations".
In the first field, choose "modules" and click the French flag.


Prestashop Module translation

It'll just find the module Paypal and make translations.

Conclusion

Now when you make a purchase, you should get a new option. When you click once on it, assistance should be displayed with two buttons used to switch the payment.
This change will allow you not to lose customers who do not have Paypal account, and will allow you to move from one module credit card, at least initially.

Aware that the steps we have described are not always simple, modified and translated the module is available in our shop priced at 10 € all inclusive.

    Items on the same subject:

  1. Prestashop: Configure and install the PayPal Please sign up for RSS feeds do not miss any article.Même though today the majority of consumers on the net using the card, some customers are fearful when to data entry bank, especially ...
  2. Podcast team Magento Install an e-commerce without difficulty, Google Verify: improve the ranking of Prestashop Feel free to sign up for RSS article.Interview not miss any of the Magento team An interesting podcast comes to us from the Team blog Metycea. They met and Yoram Elalouf Yoav Kutner of Magento. You ...

61 comments why not leave yours?

We will not comment for support by a technical problem with one of our modules. Thank you contact us directly with our contact form !

Hello,
I found your tutorial super helpful but I have an object object error on my javascript code when I select my new account information. Would you have a track?

Thank you for your response and thank you for the resources you shared.
Sincerely,
Micke

micke March 28, 2012 at 13 h 57 min

hello
Module with those credit card payments without a Paypal account
is there toujour the commission of not taking paypal?

jeremi August 1, 2011 at 14 h 14 min

The module is not the same so we'll adapt our instructions for the module PaypalAPI.

Magavenue 2 June 2011 to 15 h 25 min

Good evening,

"The changes could work" or the modification work?

Sincerely,

Jean-Marie 1 June 2011 to 22 h 43 min

@ Fernandes: No it is not mandatory.
@ Mary: It's compatible with Prestashop 1.4
@ Jean-Marie Brown: The amendment would work yes.

Magavenue 1 June 2011 to 20 h 42 min

Write a comment