Guide WoodMart pour l'optimisation du panier d'achat et des processus de paiement

dépense ou frais Thèmes WoodMartLors de la création d'un site web de commerce électronique, la conception visuelle est souvent déjà en place, mais le panier d'achat et le processus de paiement peuvent facilement entraîner des pertes de commandes si les détails ne sont pas optimisés. C'est particulièrement vrai dans le cas desmobileDans des scénarios tels que les promotions et le premier achat de l'utilisateur, la clarté et la fluidité du processus auront une incidence directe sur la conversion finale.

Cet article vous aidera à optimiser la mise en page du panier d'achat et des pages de paiement de WoodMart d'une manière simple qui aura un impact immédiat.

I. Rationalisation de la présentation de la page du panier d'achat

chariotLa page est la dernière étape de la liste d'hésitation de l'utilisateur, donc plus elle est claire et précise, mieux c'est.

Action recommandée :

• Masquer les modules superflus

Pour accéder à la page du panier d'achat, naviguez dans le backend de WordPress à l'adresse suivante Pages > Panier > Modifier.
Désactivez les éléments distrayants tels que "Produits recommandés", "Compte à rebours de l'offre", etc., et ne conservez que la liste des produits, le sous-total, le champ de saisie du coupon et le bouton de paiement.

• Simplifier les opérations grâce aux plug-ins

Pour les commerçants qui ne sont pas familiers avec la programmation, ils peuvent profiter de l'outilPlugin WooCommercepour simplifier les opérations. Par exemple, l'utilisation de l'option "Direct Checkout pour WooCommerce"qui permet aux clients de sauter la page et de passer directement à la caisse.

Par exemple, remplacez "Continuer les achats" par "Retourner à la page du produit" et "Passer à la caisse" par "Passer à la caisse maintenant".

• Ouvrir Ajax Ajouter aux achats

Bien que la page du panier ne puisse pas modifier directement le comportement, l'activation des compléments Ajax sur la page du produit réduit le nombre de sauts et permet de mieux suivre le rythme des commandes.

sentiersBackstage → WoodMart > Theme Settings > Shop > Product archive
Activer l'option Ajax Add to Cart.

II. rationalisation de la page de paiement

La conception de la page de paiement est directement liée au succès de la conversion. WoodMart propose un modèle de paiement d'une page qui présente toutes les informations en un seul endroit et réduit le nombre de clics.

Paramètres recommandés :

1. Utilisation de la page de paiement par défaut de WoodMart

Une fois l'installation de WooCommerce terminée, le système génère automatiquement la page "Checkout" et la lie au chemin d'accès au backend :

• WooCommerce > Paramètres > Avancés > Page de paiement

Confirmer l'opération :

• Assurez-vous que la page contient le shortcode :
• Il n'est pas nécessaire d'activer les "modèles de caisse", WoodMart utilisera automatiquement ses propres styles d'embellissement.
• Si vous souhaitez modifier la mise en page, vous pouvez utiliser Elementor pour insérer un bloc de paiement, mais vous devez éviter de casser la logique du processus de WooCommerce.

2. Rationaliser les informations sur le terrain (plugin gratuit recommandé)

Plug-ins :Editeur de champs de caisse pour WooCommerce

Mode de fonctionnement :

• Backend > Plugins > Installer des plugins, Rechercher et activer Éditeur de champs de caisse

• Backend > WooCommerce > Checkout Form
  Masquer ou supprimer dans la facturation :
  • nom de l'entreprise
  • Deuxième barre d'adresse
  • Commande Remarques
• Il suffit d'enregistrer les paramètres

Cela réduit le nombre d'étapes que l'utilisateur doit franchir pour remplir le formulaire et s'applique à la plupart des formulaires. Commerce électronique B2CProcessus.

Troisièmement, l'accent mis sur l'adaptation mobile

mobileLe trafic augmente, mais les écrans sont limités, de sorte que le processus de paiement doit être plus compact.

Recommandations opérationnelles :

1. Activer le bouton de paiement collant

Méthode 1 : Installation avec WoodMart

WoodMart Défautnon communiquéCollant spécialisé Bouton de paiementmais vous pouvez le faire :

• N'oubliez pas d'utiliser les Navigation mobile par le bas. ;
• Trajectoire :
  Backstage → WoodMart > Réglages du thème > En-tête > Panneau mobile
  Ajouter un lien "Checkout" (sélectionner "Custom Link" pour le type et le remplir) /cashout)

Méthode 2 : boutons fixes CSS personnalisés

existent Personnaliser > CSS supplémentaires peut-être Sous-thèmes style.css Ajouter :

.woocommerce-checkout #place_order {
  position : fixed ;
  bottom : 20px ;
  left : 50% ;
  transform : translateX(-50%) ;
  z-index : 999 ;
  width : 90%.
}

2. Résumé des informations relatives à l'ordre plié

Activez l'option "Réduire les détails de la commande" dans les paramètres de la page de paiement, les utilisateurs peuvent cliquer sur cette option pour la développer et l'afficher, afin d'éviter que la page ne soit trop volumineuse.

3. Mise au point automatique de la boîte de saisie + adaptation du clavier

Par exemple, l'utilisation d'un clavier numérique pour le champ du numéro de téléphone et d'un clavier avec le symbole "@" pour le champ de la boîte aux lettres augmentera l'efficacité.

IV. suivi et mise en service

Enfin, n'oubliez pas d'optimiser en fonction du comportement réel des utilisateurs :

• Installer Hotjar ou Clarity pour visualiser le panier d'achat et la page de paiementcarte des points chaudsCliquez sur le chemin ;

• Utilisez Google Analytics pour établir un "taux de conversion du flux de paiement" et observez le pourcentage de désabonnement à chaque étape ;
• Testez régulièrement le processus avec votre téléphone portable pour vous assurer qu'il n'y a pas de décalage et que les champs sautent sans erreur.

rendre un verdict

La fonctionnalité de commerce électronique de WoodMart est déjà très complète, mais le panier d'achat et le processus de paiement avaient besoin d'être retravaillés pour que les utilisateurs puissent passer de l'"ajout" à la "commande". Chaque champ est rationalisé, les boutons sont optimisés et des ajustements mobiles sont effectués pour donner aux utilisateurs une plus grande tranquillité d'esprit et rendre la commande plus simple.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.