Comment personnaliser la page de paiement WooCommerce avec Elementor et ShopEngine

01_Banner_work_Image

Le commerce électronique est désormais plus compétitif que jamais. La concurrence s'accroît car de nouveaux sites arrivent régulièrement. De nombreux entrepreneurs en commerce électronique ont des difficultés avec leurs ventes. Toi aussi?

Une étude récente indique que 60% d’abandon de panier est normal de nos jours. Ainsi, vous amenez le client potentiel sur votre site WordPress, vous le laissez choisir le produit, vous ajoutez une page de panier, puis vous obtenez le rebond.

Ne pas obtenir de ventes après que quelqu'un ait pris la décision 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.

La question est donc de savoir comment personnaliser ou modifier la page de paiement WooCommerce. Ici, vous allez apprendre comment personnaliser la page de paiement WooCommerce avec le modèle de paiement WooCommerce.

Pourquoi personnaliser la page de paiement WooCommerce ?

La page de paiement WooCommerce fait un travail adéquat en fournissant 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 alors envisager de personnaliser la page de paiement de 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 vendez uniquement des produits 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 votre client 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 votre témoignage, etc. Tous ces éléments peuvent vous aider à gagner des clients. faites confiance et incitez 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.

Comment personnaliser la page de paiement WooCommerce dans Elementor

Lorsque toutes les autres sociétés proposent le plugin/addon externe pour la page de paiement, Wpmet apporte un générateur de page de paiement intégré par glisser-déposer. Avec ShopEngine, vous pouvez créer votre propre page de paiement en 3 étapes simples. Et vous pouvez également modifier votre page de paiement WooCommerce.

En plus de créer et de personnaliser la page de paiement WooCommerce, vous pouvez créer et personnaliser de nombreuses autres pages WooCommerce, notamment la page de produit unique, la page de panier et la page d'archives WooCommerce.

Ne t'inquiète pas! Vous n'aurez pas à écrire de code. Ici, je vais montrer le processus de personnalisation du modèle de page de paiement WooCommerce.

Avant de commencer la conception de la page de paiement WooCommerce, 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

Installez Elementor et ShopEngine pour savoir comment modifier la page de paiement WooCommerce

La première étape consiste à installer Elementor et ShopEngine sur votre site WordPress wooCommerce. Les deux plugins sont gratuits et disponibles dans l’annuaire WordPress. Après avoir installé le plugin, veuillez terminer la configuration de base.

Clé d'installation : wp-admin -> Plugins -> Ajouter un nouveau -> ShopEngine/Elementor -> Installer maintenant -> Activer

Créer un modèle de page de paiement

  • Cliquer sur Modèle du Moteur de boutique menu de la barre latérale. 
  • Cliquer sur "Ajouter un nouveau" et une pop-up s'affichera dans votre tableau de bord. 
  • Définissez le nom et "Vérifier" du "Taper" dérouler.
  • Définissez la valeur par défaut sur "OUI» et enregistrez la page.

Clé de paramètres - Accédez à 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 façon de créez un modèle de page de paiement avec ShopEngine.

Tu peux créer des champs personnalisés et créer une page de paiement WooCommerce standard pour votre site Web. Aucun code personnalisé ni CSS personnalisé n'est requis pour le modèle de page de paiement WooCommerce. Avec ShopEngine, vous pouvez modifier la page de paiement WooCommerce par un simple « glisser-déposer ».

Vous pouvez rechercher l'élément et le déposer sur la page pour la personnalisation de la page de paiement WooCommerce. Enregistrez-le ensuite. 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 une page de paiement personnalisée

Créez une page de paiement WooCommerce personnalisée avec Elementor à l'aide de Shopengine
  • Formulaire de coupon- C'est un formulaire pour offrir votre coupon.
  • Paiement à la caisse- Le formulaire consiste à définir le mode de paiement à la caisse. Ce formulaire contient les détails de facturation pour personnaliser la page de paiement.
  • Commande de révision de paiement - Avec ce formulaire, il est possible de recueillir des avis clients.
  • Formulaire de paiement supplémentaire- Il (personnaliser les champs de paiement) sert à 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 permettant de prendre les informations de facturation du client. 
  • Connexion au formulaire de paiement- Le formulaire est destiné à la connexion du client pendant la commande.
  • Formulaire de commande Expédition- Il s'agit d'un formulaire permettant d'obtenir l'adresse de livraison du client. 
  • Mode de livraison- Le mode d'expédition consiste à savoir quel mode d'expédition sera appliqué.
  • 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.
  • Formulaire d'expédition- Le formulaire d'expédition sert à récupérer les informations d'expédition du client.

Alors maintenant, vous savez quel élément sert à 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 glisser-déposer de ShopEngine.

Note: Si vous ne souhaitez pas créer votre page de paiement à partir de zéro, vous pouvez utilisez les modèles de page de paiement prédéfinis de ShopEngine et modifiez différentes sections pour les personnaliser. Pour une compréhension plus claire du processus, regardez la vidéo ci-dessous :

Personnalisez la page de paiement WooCommerce à l'aide de ShopEngine et Elementor

Avec ShopEngine, vous pouvez également créer une page de paiement en plusieurs étapes dans WooCommerce.
Vérifiez tout le processus
👉👉 Comment ajouter WooCommerce en plusieurs étapes Paiement en 5 étapes

Comment personnaliser la page de paiement de WooCommerce dans Gutenberg

Le processus d'ajout et de personnalisation de la page de paiement WooCommerce est assez similaire dans Gutenberg. Tout d'abord, vous devez ajouter un modèle de page de paiement, puis le modifier en conséquence avec Gutenberg. Pour cela, accédez à ShopEngine >> Modèles de constructeur et cliquez sur "Ajouter un nouveau" bouton.

Cela ouvrira un modèle depuis le côté droit. Là, vous devez remplir le Champs Nom et Type. Aussi, activer la bascule active et sélectionner un échantillon conception. Après cela, cliquez sur « Modifier avec Gutenberg » bouton.

Vous serez maintenant redirigé vers l'éditeur Gutenberg où vous pourrez créer et personnaliser la page de paiement en exploitant les blocs de paiement de ShopEngine. Pour accéder à ces blocs, appuyez sur l'icône « + » et défiler vers le bas jusqu'à ce que vous tombiez sur les blocs de paiement.

Après avoir trouvé les blocs de paiement, ajouter les blocs requis tels que la facturation du formulaire de paiement, le formulaire de coupon, la commande de révision du paiement, le paiement du paiement, etc. en fonction de vos besoins. De plus, vous pouvez trouver l'option de personnalisation de tous ces blocs sur le côté droit après avoir sélectionné chaque bloc.

Modifier la page de paiement WooCommerce à l'aide d'un plugin ou d'un générateur, ShopEngine

Enfin, appuyez sur « Enregistrer » bouton pour activer votre page de paiement sur votre boutique WooCommerce.

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 après avoir personnalisé le modèle de page de paiement pourrait augmenter vos ventes bien plus que prévu.

Simplifiez le processus de paiement

Une étude récente montre que 28% des meilleurs sites de commerce électronique comportent 5 étapes sur la page de paiement. Vous pouvez le conserver tel quel ou effectuer moins d’étapes 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 total des étapes. Trop d’étapes peuvent nuire à votre taux de progression.

Offrez 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 des abandons élevés, les marques proposent désormais plusieurs solutions de paiement. 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 déjà mentionné, la page de paiement devrait comporter environ 5 étapes. Maintenant, il est préférable d'afficher les étapes sous forme de progression ou d'achèvement d'étape. Votre client doit savoir combien d’étapes il reste pour finaliser 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% de la commande. Qui ne veut pas économiser ? Ainsi, cela retiendra leur attention.

Vous pouvez également afficher le point de sauvegarde à venir. Par exemple, vous pouvez envoyer une requête ping ou afficher une notification indiquant « Dépensez 100 et économisez x% davantage ». Cela aidera sûrement à augmenter les ventes.

Gardez le client sur la même longueur d'onde 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 faire des achats supplémentaires. Il sera difficile de faire des ventes ascendantes et descendantes auprès du client.

Alors, gardez votre client sur la même longueur d’onde lors de la création d’un paiement. Vous pouvez désormais intégrer une passerelle de paiement. Cela améliore l’expérience client et diminue 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 de ne pas ajouter trop de témoignages génériques sur la page.

Mettre en œuvre des points et des récompenses

Un autre excellent moyen de réduire le problème des abandons consiste à introduire des points et des récompenses. Si vous autorisez vos clients à échanger des points contre des achats ou contre des réductions supplémentaires, cela les motivera à passer à la caisse.

Les clients ne peuvent gagner des points au moment du paiement que s'ils remplissent les conditions du total de la commande mentionné.

Essayez les ventes incitatives et croisées

Selon Amazon, les ventes croisées et les ventes incitatives ont contribué à environ 35% de leurs revenus. Les recommandations de produits sont responsables d'une moyenne de 10 à 301 TP3T de revenus des sites de commerce électronique selon l'analyste de Forrester Research.

Les ventes incitatives et croisées sur la page de paiement font partie des meilleures options pour tout site de commerce électronique. Montrez votre produit lié au client avec une remise et des points de récompense.

Utilisez une conception adaptée aux mobiles

En matière de référencement, Google et tous les autres moteurs de recherche veillent à une conception adaptée aux mobiles. Cela a un impact important sur le classement des recherches. Eh bien, si votre page de paiement est moins adaptée aux mobiles, vous risquez fort de perdre beaucoup de clients.

Concevez une page de paiement adaptée aux mobiles et réactive pour votre site de commerce électronique. Vous pouvez utiliser ShopEngine, un plugin de personnalisation de page de paiement WooCommerce pour concevoir la page de paiement adaptée aux mobiles.

Activer la sauvegarde du contenu du panier

Le site doit disposer d’options de sauvegarde du « contenu du panier » claires et simples. Il ne doit demander aucune inscription, connexion ou saisie de données future aux utilisateurs. 

Qu'est-ce que ShopEngine a d'autre à offrir ?

En plus des widgets, ShopEngine fournit également de nombreux modules utiles à ajouter Pré-commander, mode vacances, vente flash, etc. Vous pouvez toujours consulter tous ces modules en détail plus tard. De plus, pour chaque module, vous obtiendrez des mises en page prêtes à l'emploi comme le modèle de page de paiement WooCommerce.

Mais le module que je souhaite mettre en lumière est celui des champs de paiement supplémentaires. À l'aide de ce module, vous pouvez facilement ajouter des champs personnalisés à n'importe lequel des formulaires de votre page de paiement WooCommerce et personnaliser la page de paiement WooCommerce en fonction de votre entreprise et de vos besoins.

En rapport: Comment ajouter un champ de paiement personnalisé avancé WooCommerce


Vous pouvez également découvrir à quel point il est facile d'ajouter un champ personnalisé dans la vidéo ci-dessous :

Ajouter un champ personnalisé à la page de paiement WooCommerce

Dernier appel

Le paiement est la dernière étape permettant à un client potentiel d'acheter quelque chose. Ainsi, la page de paiement est l’endroit où vous devez faire particulièrement attention. Et ShopEngine est le meilleur plugin de personnalisation de page de paiement WooCommerce que vous trouverez pour personnaliser ou modifier la page de paiement WooCommerce et la rendre encore plus spéciale.

De plus, vous savez maintenant comment personnaliser ou modifier gratuitement la page de paiement WooCommerce. Alors, êtes-vous prêt à personnaliser ou à modifier la page de paiement WooCommerce avec ShopEngine ?


commentaires

  1. Avatar de Raaz

    C'est l'un des excellents plugins pour créer une page de paiement. Je ne sais pas où ai-je commis une erreur, mais après le processus de paiement, la page de remerciement n'est pas arrivée.

    1. Avatar de Dipa Shaha
      Dipa Shaha

      Raaz, Nous ne pouvons pas être sûrs de la cause du problème auquel vous êtes confronté sans inspecter votre site Web. Je vous suggère de créer un ticket avec notre équipe d'assistance et ils vous fourniront une solution. Vous pouvez créer un ticket en utilisant ce lien https://wpmet.com/support-ticket-form/

  2. Avatar d'Arnaldo Alves Pacheco

    Vous utilisez le plugin et vous pouvez faire quelque chose de similaire, mais vous n'avez pas beaucoup de choses à faire. Par exemple, je n'ai pas trouvé sur mon site certaines pages de catégories de produits avec images et un contador de numéros de produits, mais j'ai choisi une option d'ajout de catégories de produits pour une commande croissante et décroissante, ce qui permet de faire tout cela manuellement et tout le temps en faisant cela. La possibilité de rechercher automatiquement le menu des produits à définir selon les conditions du widget. Cette partie n’est pas très bonne.
    Vous avez également reçu une réception du client dans d'autres parties de mon site en utilisant un plugin, en perdant mon travail.

    1. Avatar de Hasib

      Merci de vérifier la version actualisée du plugin. Vous n’aurez pas de problèmes ! Les plugins mentionnés sont très faciles à utiliser et il n'y a pas d'erreurs techniques.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *