Comment personnaliser les champs de paiement WooCommerce

Introduction

Vous gérez une boutique WooCommerce et vous n'avez pas encore personnalisé votre paiement ? Vous pourriez probablement perdre des ventes en raison d'un abandon de panier. Il a été estimé qu'un acheteur sur cinq abandonne son panier en raison d'un processus de paiement complexe.

Pour cette raison, la personnalisation de votre page de paiement est essentielle pour obtenir une expérience de traitement des commandes simplifiée.

Par défaut, la page de paiement WooCommerce présente certaines limitations qui peuvent vous dissuader d'offrir une expérience d'achat parfaite à vos clients.

Un processus de paiement complexe et long peut être frustrant pour vos clients. Dans d'autres cas, la page de paiement peut demander trop d'informations, ce qui rend les clients réticents à partager leurs détails.

Cela ne fait qu'empirer lorsque vous découvrez combien de revenus vous avez perdus.

Cet article vous expliquera comment vous pouvez améliorer le flux de paiement de votre boutique en personnalisant la page de paiement.

Passons directement à ce guide.

Raisons pour lesquelles vous pourriez vouloir personnaliser votre page de paiement WooCommerce

La page de paiement WooCommerce est la dernière étape que les clients franchissent avant d'acheter leur commande. Cette section, cependant, peut faire une différence significative dans le processus d'achat de la commande.

Voici quelques raisons pour lesquelles vous pourriez envisager de personnaliser le paiement WooCommerce.

1. Améliorer l'expérience utilisateur

Le paiement par défaut de WooCommerce comprend de longues procédures qui peuvent distraire les acheteurs. Pour raccourcir ce processus, vous pouvez envisager de personnaliser votre paiement. Le remplissage automatique des détails tels que le numéro de téléphone, l'adresse et les détails de la carte peut aider à réduire le temps qu'un client prend à remplir ces détails. Fournir une telle fonctionnalité raccourcira le processus de paiement, ce qui offrira une meilleure expérience d'achat à vos clients.

2. Augmentez le taux de conversion

Accélérer le processus de paiement aide les clients à prendre des décisions plus rapidement. Les acheteurs sont distraits ou s'ennuient lorsqu'ils remplissent plusieurs pages avant de passer leurs commandes. À son tour, cela les incite à abandonner leurs chariots. Cependant, lorsque le processus de commande est court, les clients passeront rapidement leurs commandes et effectueront leurs paiements, ce qui augmentera vos ventes.

3. Offrez une expérience de paiement sécurisée

Un processus de paiement sécurisé offre une excellente expérience d'achat aux clients. Pour gagner la confiance de vos clients, vous devez proposer une passerelle de paiement sécurisée à la caisse. Cela garantit aux clients que leurs données personnelles et leurs informations de facturation sont en sécurité. Par conséquent, cela facilitera de meilleures relations et un meilleur engagement.

Personnalisation de la page de paiement WooCommerce

1. Utilisation d'un plugin pour modifier les champs de paiement WooCommerce

Les plugins offrent un moyen simple et rapide de personnaliser votre champ de paiement selon vos préférences. L'un de ces plugins est le plugin Checkout Field Editor WooCommerce qui vous permet d'ajouter, de modifier et de supprimer facilement des champs dans un processus sans code. Explorons rapidement comment utiliser ce plugin en quelques étapes simples.

Étape 1 : installation

Pour commencer, vous devrez télécharger le fichier .zip de l'extension depuis votre compte WooCommerce. Sur votre tableau de bord d'administration WordPress, accédez à WooCommerce > Plugins > Ajouter un nouveau. Cliquez sur 'Télécharger le plugin' et téléchargez le fichier que vous venez de télécharger. Une fois votre fichier téléchargé, cliquez sur le bouton "Installer maintenant" et activez l'extension.

Étape 2 : installation et configuration

À ce stade, vous devez configurer les paramètres du plugin. Accédez à WooCommerce > Formulaire de paiement.

Étape 3 : Personnaliser les champs de paiement

Vous trouverez deux onglets dans les paramètres principaux, "Champs de paiement" et "Paramètres avancés". En dessous se trouvent trois champs disponibles pour l'édition :

• Facturation : comprend le champ de l'adresse de paiement et de facturation à la caisse

• Expédition : Comprennent le champ d'expédition à la caisse

• Supplémentaire : il s'agit de la section à côté des sections de facturation et d'expédition à la caisse

Sélectionnez le champ que vous souhaitez modifier pour personnaliser cette section et cliquez sur le bouton "Supprimer", "Activer" ou "Désactiver".

Étape 4 : Ajouter/modifier des champs personnalisés

Dans le coin supérieur gauche de la page des paramètres, cliquez sur '+Ajouter un champ' pour ajouter un nouveau champ. Un écran contextuel apparaîtra avec des champs vides. Ajoutez tous les détails que vous jugez pertinents pour le champ personnalisé. Après avoir effectué vos modifications, n'oubliez pas de sauvegarder votre travail en cliquant sur le bouton 'Enregistrer'.

Étape 5 : Configurer les paramètres avancés

À côté de "Champs de paiement", vous trouverez l'onglet "Paramètres avancés". Vous pouvez personnaliser les paramètres de remplacement des paramètres régionaux en activant/désactivant les cases à cocher. Cliquez sur "Enregistrer les modifications" une fois que vous avez terminé.

Étape 6 : Réinitialiser les champs de paiement

Pour appliquer les paramètres d'origine à vos champs, accédez à WooCommerce > Statut > Outils. Accédez à « Champs de paiement » et sélectionnez le bouton « Réinitialiser les champs de paiement ». Tous vos champs reviendront à leurs paramètres d'origine.

Avant de continuer, voici une méthode différente pour configurer une page de paiement WooCommerce avec Divi.

2. Utilisation du code pour personnaliser les champs de paiement WooCommerce

Le codage personnalisé est une méthode différente qui vous permet de personnaliser votre paiement WooCommerce. Cette méthode est préférable à l'utilisation d'un plugin tiers, car vous avez plus de contrôle sur la personnalisation.

Vous pouvez également utiliser le fichier functions.php et les filtres de votre site pour modifier votre page de paiement. Certains des filtres incluent :

• woocommerce_checkout_fields

• woocommerce_billing_fields

• Woocommerce_shipping_fields

Avec les actions et les filtres WooCommerce, vous pouvez manipuler les champs de paiement comme vous le souhaitez. Vous pouvez ajouter, modifier, supprimer ou même modifier le texte affiché sur votre page de paiement.

Lier les produits directement à la page de paiement WooCommerce

Nous utiliserons la méthode manuelle pour lier directement nos produits à la caisse WooCommerce. Suivez les étapes ci-dessous :

Étape 1 : Trouver l'ID du produit

Pour trouver votre ID de produit sur votre tableau de bord d'administration WP, accédez à Produits > Tous les produits. Ici, vous trouverez différents produits avec leurs numéros d'identification de produit juste en dessous.

Étape 2 : Créer un lien

Commençons par une brève illustration. Prenons un cas où vous avez cette URL : www. votredomaine.com//checkout/?add-to-cart=ID

Vous devrez remplacer « votredomaine » et « ID » par votre nom de domaine et l'ID de produit spécifique du produit que vous souhaitez lier, respectivement.

Étape 3 : copier et coller

Puisque nous avons déjà trouvé notre identifiant de produit, nous ajouterons l'URL de notre produit comme ceci www. votredomaine.com//checkout/?add-to-cart=1127

Une fois que vous avez terminé, vous pouvez placer ce lien n'importe où sur votre site WooCommerce.

Application de la livraison gratuite par produit dans WooCommerce

Offrir la livraison gratuite est un moyen idéal pour inciter les clients à acheter dans votre magasin. De plus, vous pouvez personnaliser les paramètres d'expédition pour qu'ils s'appliquent uniquement à des commandes spécifiques où les acheteurs atteignent votre montant cible prédéfini.

Par exemple, voici les étapes à suivre pour déclencher la livraison gratuite pour les commandes supérieures à 100 $.

Accédez à WooCommerce > Paramètres > Expédition. Ensuite, rendez-vous dans la zone d'expédition à laquelle vous souhaitez appliquer les modifications et cliquez sur le lien "Modifier".

Cliquez sur le bouton "Ajouter une zone d'expédition" si vous n'avez pas encore ajouté de zones. Sinon, cliquez sur le bouton "Ajouter une méthode d'expédition". Vous trouverez une liste des méthodes d'expédition dans cette section.

Cliquez sur le bouton "Modifier" sous Livraison gratuite.

Un panneau "Paramètres de livraison gratuite" s'ouvrira dans lequel vous sélectionnerez "Un montant minimum de commande" comme option préférée. Enfin, cliquez sur "Enregistrer les modifications" pour appliquer vos paramètres.

Conclusion

Souhaitez-vous faire passer votre entreprise WooCommerce au niveau supérieur ? L'ajout de modifications à votre page de paiement peut avoir un impact significatif sur votre site. De l'augmentation de vos taux de conversion à l'offre à vos clients de la meilleure expérience d'achat possible.

Dans cet article, nous avons expliqué comment personnaliser votre page de paiement à l'aide du plug-in Checkout Field Editor et par codage. Lors de la configuration de votre page de paiement, les procédures de paiement complexes, les distractions et les champs inutiles ne sont que quelques éléments à surveiller.

De plus, il serait préférable que vous envisagiez de lier vos produits directement à la caisse, d'ajouter des champs personnalisés et de déclencher la livraison gratuite pour réduire l'abandon du panier. Êtes-vous satisfait de votre page de paiement actuelle ?

Il reste encore beaucoup à explorer dans ce domaine. Cependant, j'espère que vous avez vu à quel point il est facile de modifier divers composants de paiement. Ce message vous a-t-il été utile ? Pourquoi ne pas le partager avec votre réseau ?