Comment personnaliser la page de paiement WooCommerce avec Elementor et ShopEngine
Publié: 2021-09-26Le commerce électronique est maintenant plus compétitif que jamais. La concurrence est de plus en plus forte car le nouveau site arrive régulièrement. De nombreux entrepreneurs en commerce électronique ont du mal à vendre. Toi aussi?
Une étude récente indique que 60% des abandons de panier sont normaux de nos jours. Ainsi, vous amenez le client potentiel sur votre site WordPress, le laissez choisir le produit, ajoutez une page de panier, puis obtenez le rebond.
Ne pas obtenir de ventes après que quelqu'un ait décidé d'ajouter des produits à son panier est vraiment décourageant. Cependant, vous pouvez résoudre ce problème si vous personnalisez la page de paiement WooCommerce.
Pourquoi personnaliser la page de paiement WooCommerce ?
La page de paiement WooCommerce fait un travail adéquat pour fournir un processus de paiement fluide aux clients. Cependant, si vous souhaitez offrir à votre utilisateur une expérience d'achat plus enrichissante et ainsi augmenter votre taux de conversion, vous devriez envisager de personnaliser la page de paiement WooCommerce.
En fonction de votre type d'entreprise, vous devez modifier la page de paiement WooCommerce pour garantir une expérience d'achat fluide à vos clients. Par exemple, si vous ne vendez que des biens numériques, il n'est pas nécessaire de collecter des adresses.
En parlant de collecte d'adresses, la page de paiement est le meilleur endroit pour collecter des données utilisateur que vous pouvez utiliser pour améliorer l'expérience de vos clients et également les utiliser dans votre future stratégie marketing pour augmenter les ventes.
Outre l'ajout, la suppression ou la modification des champs du formulaire de la page de paiement, vous pouvez également ajouter une nouvelle section pour mettre en évidence votre offre spéciale ou USP (proposition de vente unique) de votre entreprise ou témoignage, etc. Tout cela peut vous aider à gagner des clients. confiance et amener plus de clients à terminer leurs commandes.
J'espère que vous réalisez maintenant l'importance d'une page de paiement personnalisée pour votre site Web WordPress et pourquoi vous devriez personnaliser la page de paiement WooCommerce.
Si vous vous demandez comment personnaliser la page de paiement WooCommerce, passez à la section suivante pour obtenir des réponses.
Façons de personnaliser la page de paiement WooCommerce
Lorsque toutes les autres sociétés proposent le plug-in/addon externe pour la page de paiement, wpmet apporte un générateur de page de paiement par glisser-déposer intégré. Avec ShopEngine, vous pouvez créer votre propre page de paiement en 3 étapes simples.
Avant de commencer la conception, il est préférable de faire un croquis de votre prochaine page de paiement. Cela vous fera gagner du temps et éliminera toute confusion lors de la conception de la page.
Installer Elementor et ShopEngine

La première étape consiste à installer Elementor et ShopEngine sur votre site WordPress wooCommerce. Les deux plugins sont gratuits et disponibles dans le répertoire WordPress. Après avoir installé le plugin, veuillez terminer la configuration de base.
Clé d'installation : wp-admin -> Plugins -> Ajouter nouveau -> ShopEngine/Elementor -> Installer maintenant -> Activer
Créer un modèle de page de paiement
- Cliquez sur Modèle dans le menu latéral de ShopEngine .
- Cliquez sur « Ajouter un nouveau » et une fenêtre contextuelle s'affichera dans votre tableau de bord.
- Définissez le nom et « Paiement » dans le menu déroulant « Type ».
- Définissez la valeur par défaut sur « OUI » et enregistrez la page.
Clé des paramètres - Allez dans ShopEngine -> Modèles -> Ajouter un nouveau

Une nouvelle page de paiement sera ajoutée à la liste des pages. Modifiez la page avec Elementor. Consultez la documentation pour plus de détails sur la création d'un modèle de page de paiement avec ShopEngine.


Vous pouvez créer des champs personnalisés et créer une page de paiement WooCommerce standard pour votre site Web. Aucun code personnalisé ou CSS personnalisé n'est requis pour le modèle de page de paiement. Avec ShopEngine, vous pouvez modifier la page de paiement WooCommerce avec un simple "glisser-déposer".
Vous pouvez rechercher l'élément et le déposer sur la page. Ensuite, enregistrez-le. Vous pouvez également les parcourir manuellement. Vous pouvez choisir n'importe quelle mise en page Elementor selon votre choix, ajouter des widgets et l'enregistrer.
Éléments de paiement pour la page de paiement personnalisée

- Formulaire de coupon - C'est un formulaire pour offrir votre coupon.
- Paiement à la caisse - Le formulaire sert à définir le mode de paiement à la caisse. Ce formulaire contient les détails de facturation pour personnaliser la page de paiement.
- Checkout Review Order- Avec ce formulaire, il est possible de prendre les avis des clients.
- Formulaire de paiement supplémentaire - Il (personnaliser les champs de paiement) permet de prendre des informations supplémentaires telles que différentes adresses de facturation ou des informations externes.
- Facturation du formulaire de paiement - C'est un formulaire pour prendre les informations de facturation du client.
- Connexion au formulaire de paiement - Le formulaire est destiné à la connexion du client pendant la commande.
- Expédition du formulaire de paiement - Il s'agit d'un formulaire permettant d'obtenir l'adresse de livraison du client.
- Méthode d'expédition - La méthode d'expédition consiste à savoir quelle méthode d'expédition sera appliquée.
- Formulaire supplémentaire - Ces champs personnalisés permettent de prendre des informations supplémentaires telles que différentes adresses de facturation ou des informations externes.
- Expédition par formulaire - L'expédition par formulaire sert à recueillir les informations d'expédition du client.
Donc, maintenant vous savez quel élément est pour quoi ! Et vous avez également le croquis de votre page de paiement. Alors, concevez votre page de paiement WooCommerce personnalisée avec les fonctionnalités de glisser-déposer de ShopEngine.
Remarque : Si vous ne souhaitez pas créer votre page de paiement à partir de zéro, vous pouvez utiliser les modèles de page de paiement prédéfinis de ShopEngine et modifier différentes sections pour la personnaliser . Pour une meilleure compréhension du processus, regardez la vidéo ci-dessous :


Conseils bonus pour améliorer la page de paiement WooCommerce
Il y a toujours des choses secrètes qui stimulent les ventes. Nous apportons tous les conseils secrets ici en public. L'application des conseils suivants pourrait augmenter vos ventes beaucoup plus que vos attentes.
Simplifiez le processus de paiement
Une étude récente montre que 28% des meilleurs sites de commerce électronique ont 5 étapes dans la page de paiement. Vous pouvez conserver les mêmes étapes ou moins sur votre site de commerce électronique.
Gardez votre page de paiement simple et évidente. Ajoutez un indicateur visuel pour que vos clients puissent voir le nombre total d'étapes. Trop d'étapes peuvent nuire à votre taux de progression.
Offrir plusieurs options de paiement
Il fut un temps où un site de commerce électronique contenait un seul moyen de paiement. Cela a provoqué un taux d'abandon élevé. Surtout lorsqu'un site s'en tient à une passerelle de paiement locale.
Afin de résoudre le problème du taux d'abandon élevé, les marques proposent désormais des escapades à paiement multiple. Les portefeuilles électroniques et les escapades de paiement électronique rendent les choses plus faciles que jamais. À cette époque, si vous ne proposez pas plusieurs options de paiement, vous perdrez beaucoup de clients.
Afficher la progression du paiement
Comme mentionné précédemment, la page de paiement devrait comporter environ 5 étapes. Maintenant, il est préférable d'afficher les étapes en tant que progression ou achèvement de l'étape. Votre client doit savoir combien d'étapes restent pour terminer le paiement.
Il est préférable d'ajouter les étapes de progression avec le titre. Cela aidera les utilisateurs à comprendre les informations à venir.
Partagez le montant de l'épargne
C'est une excellente idée pour augmenter vos ventes. Montrez les économies totales à votre client. Disons qu'ils économisent x % sur la commande. Qui ne veut pas économiser ? Ainsi, il retiendra leur attention.
Vous pouvez également afficher le point de sauvegarde à venir. Par exemple, vous pouvez envoyer un ping ou afficher un avis avec « Dépensez 100 et économisez x % de plus ». Cela aidera sûrement à obtenir plus de ventes.
Gardez le client sur la même page pendant le paiement
Si vous dirigez votre client vers une autre page pour accepter le paiement, votre client quittera souvent le site. Ils ne reviendront pas pour des achats supplémentaires. Il sera difficile de faire des ventes incitatives et des ventes inférieures au client.
Alors, gardez votre client sur la même longueur d'onde lors de la création d'un paiement. Vous pouvez intégrer une passerelle de paiement de nos jours. Il améliore l'expérience client et réduit les problèmes abandonnés.
Afficher le témoignage
L'ajout de quelques témoignages accrocheurs à la page de paiement renforce la confiance des clients. Mais assurez-vous que vous n'ajoutez pas de témoignages génériques et trop nombreux sur la page.
Mettre en œuvre des points et des récompenses
Un autre excellent moyen de réduire le problème abandonné consiste à introduire des points et des récompenses. Si vous permettez à vos clients d'échanger des points contre des achats ou des réductions supplémentaires, cela les motivera à passer à la caisse.
Les clients ne peuvent gagner des points à la caisse que s'ils remplissent l'exigence du total de la commande mentionné.
Essayez les ventes incitatives et les ventes croisées
Selon Amazon, la vente croisée et la vente incitative ont contribué à environ 35 % de leurs revenus. Les recommandations de produits sont responsables d'une moyenne de 10 à 30 % des revenus des sites de commerce électronique selon l'analyste de Forrester Research.
Les ventes incitatives et les ventes croisées sur la page de paiement sont parmi les meilleures options pour tout site de commerce électronique. Montrez votre produit lié au client avec un rabais et un point de récompense.
Utiliser une conception adaptée aux mobiles
En matière de référencement, Google et tous les autres moteurs de recherche se soucient d'une conception adaptée aux mobiles. Il a un impact élevé sur le classement de recherche. Eh bien, si votre page de paiement est moins adaptée aux mobiles, vous avez de fortes chances de perdre beaucoup de clients.
Concevez une page de paiement réactive adaptée aux mobiles pour votre site de commerce électronique. Vous pouvez utiliser ShopEngine pour concevoir la page de paiement adaptée aux mobiles,
Activer l'enregistrement du contenu du panier
Le site doit avoir des options d'enregistrement de "contenu du panier" propres et simples. Il ne doit pas demander d'inscription, de connexion ou de saisie de données futures aux utilisateurs.

Qu'est-ce que ShopEngine a d'autre à offrir ?
Outre les widgets, ShopEngine fournit également de nombreux modules utiles tels que la précommande, la commande en attente, la vente flash , etc. Vous pouvez toujours consulter tous ces modules en détail plus tard.
Mais ce que le module que je veux mettre en lumière, ce sont les champs de paiement supplémentaires . À l'aide de ce module, vous pouvez facilement ajouter des champs personnalisés à l'un des formulaires de votre page de paiement WooCommerce et modifier la page de paiement WooCommerce en fonction de votre entreprise et de vos besoins.
Vous pouvez découvrir à quel point il est facile d'ajouter un champ personnalisé dans la vidéo ci-dessous :
Blogs bonus :
Comment personnaliser la page du panier WooCommerce sans codage (gratuit)
Comment personnaliser la page Mon compte WooCommerce à l'aide de ShopEngine
Comment personnaliser la page de la boutique WooCommerce à l'aide de ShopEngine
Comment personnaliser la page produit WooCommerce à l'aide de ShopEngine
Meilleurs plugins de panier d'achat pour WordPress et WooCommerce
Dernier appel
Le paiement est la dernière étape pour un client potentiel d'acheter quelque chose. Ainsi, la page de paiement est l'endroit où vous devez faire très attention. Et ShopEngine est le meilleur plugin que vous trouverez pour personnaliser la page de paiement WooCommerce ou modifier la page de paiement WooCommerce et la rendre encore plus spéciale.
