Modifier l’ordre d’affichage des moyens de paiement sur PrestaShop n’est pas seulement une question “esthétique” : c’est un levier d’UX et de conversion, surtout sur mobile.

Le hook des moyens de paiement PrestaShop

Dans la majorité des boutiques, l’ordre est déterminé par la position des modules sur un hook (point d’accroche).

Avant, sur PrestaShop 1.6, l’ordre des moyens de paiement est historiquement piloté par le hook displayPayment (et des hooks associés comme displayPaymentTop).

Sur PrestaShop 1.7, 8.x et PrestaShop 9 l’affichage repose sur le hook paymentOptions : les modules renvoient des objets PaymentOption via hookPaymentOptions(). Les modules sont exécutés dans un ordre lié aux positions (tri par champ position) et PrestaShop expose en plus un hook d’action particulièrement utile pour personnaliser la liste : actionPresentPaymentOptions, qui permet de réordonner (voire filtrer) les options avant rendu.

Changer l’ordre des paiements dans PrestaShop

C’est très simple, vous pouvez faire cela depuis le back-office. En général, l’ordre par défaut se fait en fonction des moyens de paiement que vous avez activés et ceux natifs à PrestaShop.

Si vous installez votre module de paiement par carte bleue, lié à votre banque ou à une solution comme Payplug, alors il sera en dernière position parmi les moyens de paiement au niveau du tunnel d’achat.

Il suffit de vous rendre dans apparence > positions pour voir les emplacements des modules.

Ensuite vous devez cocher la case “Afficher les points d’accroche invisibles“, cela va permettre d’afficher les hooks non visibles.

Pour trouver le hook qui nous intéresse “paymentOptions“, notez le dans la barre de recherche ou vous pouvez faire une recherche dans la page position avec votre ordinateur.

Maintenant, vous avez la visibilité sur l’emplacement des moyens de paiement. Vous allez pouvoir changer l’ordre en plaçant votre souris sur les trois petits points à droite des paiements. En restant appuyé sur votre souris, vous pouvez les déplacer par glisser-déposer pour changer l’ordre.

Ensuite, c’est instantané. Cela se modifie directement sur le site. Vous pouvez aller sur votre site dans le tunnel d’achat et vérifier le nouvel ordre de vos moyens de paiement.

Pourquoi l’ordre des paiements PrestaShop ne change pas ?

Si vous changez la position mais que l’ordre en front ne change pas, les causes les plus fréquentes sont :

• Cache/compilation encore actifs (Smarty + cache applicatif) : PrestaShop recommande de forcer compilation/désactiver cache pendant les tests de thème/modules.
• Checkout non standard (module “one page checkout”, thème custom, etc.) : le checkout peut ne pas appeler paymentOptions dans l’ordre attendu. Dans ce cas, la configuration est non spécifiée : il faut identifier quel checkout rend réellement la liste.
• Un module qui réordonne ses propres options, ou injecte une option “express” via un autre hook (ex. displayPaymentTop).

Quel moyen de paiement mettre en premier sur PrestaShop ?

C’est très connu, il y a eu des études qui montrent que proposer une variété de moyens de paiement sur votre site e-commerce aide l’utilisateur à finaliser son achat. Il est à noter que la proposition des choix de paiement doit rester claire sur le site au moment du choix du client.

Il y a aussi un impact entre le mobile et le desktop. Certains moyens de paiement sont plus adaptés pour un paiement mobile, qui est souvent plus rapide, tandis que d’autres le sont pour le desktop.

On ne peut pas gérer cette variable depuis le back-office de PrestaShop. Cependant, à vous de voir ce que vos clients préfèrent en termes de paiement, par quel biais ils viennent sur votre site et comment ils commandent. Tout cela peut s’étudier avec vos données.

Admettons que vous vendez des produits assez coûteux et que vous mettez une solution de paiement fractionné. Il se peut que cela soit le plus utilisé par rapport à un moyen de paiement par carte bancaire.

Contrairement à un site avec un panier moyen d’environ 50 euros, le paiement en plusieurs fois sera sûrement beaucoup moins utilisé.

Adaptez-vous à vos produits et à votre audience.

PrestaShop en mobile : prioriser l’option la plus “fluide”

Sur mobile, la friction de saisie (adresse, carte, 3DS, etc.) augmente. Des analyses UX montrent l’intérêt d’offrir des méthodes adaptées au mobile (wallets, parcours simplifiés) et de soigner l’expérience de paiement mobile.

Implication sur l’ordre : sur un site majoritairement mobile, vous avez souvent intérêt à mettre en premier la méthode qui minimise la saisie et maximise la confiance perçue, à condition qu’elle soit courante pour votre audience.