Lors de la création d'un site de commerce électronique, la conception de la présentation des produits et des pages de paiement influe directement sur les intentions d'achat. Avec l'aide de Astra Pro Plug-ins pour une personnalisation flexible WooCommerce La structure et les détails visuels de la boutique optimisent l'expérience de l'utilisateur, en améliorant l'esthétique de la page et la fluidité des achats, ce qui favorise l'intention d'achat.

Cet article vous permettra de découvrirPage de listage des produitsrépondre en chantantpage de paiementCette section présente les principales options de configuration et explique exactement ce que fait chaque fonctionnalité, à l'intention des webmasters qui souhaitent créer une interface de commerce électronique professionnelle.

Préparer le départ

Veuillez terminer l'installation du plug-in avant d'utiliser les fonctions suivantes :

• Installation des thèmes Astra
• Activation du plug-in Astra Pro
• Installer et activer WooCommerce plug-in (composant logiciel)

Une fois que le plugin est prêt, allez sur WordPress Dans le backend, activez le module WooCommerce dans le module Astra.

Instructions pour la mise en place de la page de listage des produits

Affichage des informations sur la page

La page de liste des produits permet d'activer ou de masquer les éléments d'information suivants :

• Titre de la page : permet d'afficher ou non le titre en haut de la page.
• Navigation en fil d'Ariane : indique où se trouve la page actuelle dans la hiérarchie du site, ce qui facilite le retour au niveau supérieur.
• Barre d'outils : la partie supérieure de la page affiche la quantité actuelle du produit et un menu déroulant de tri, qui comprend les éléments suivantscaractèreetnote (du travail de l'élève)etnouveau produitetprixet autres méthodes de tri

Structure du contenu de la carte de marchandises

Chaque unité de produit offre la possibilité de faire correspondre les modules de contenu suivants :

• Nom de la classification : indique la classification à laquelle le produit appartient
• Titre du produit : affiche le nom du produit défini
• évaluations : afficher les évaluations des autres acheteurs
• Informations sur les prix : si vous fixez un prix promotionnel, le prix original sera affiché en style barré, et le nouveau prix sera en gras et en surbrillance.
• Description succincte : Présentez les arguments de vente du produit dans un langage simple.
• Bouton "Ajouter au panier" : permet d'ajouter des articles directement au panier.chariotraccourci

Paramètres du style d'affichage des produits

En ajoutant un attrait visuel aux cartes de marchandises, lesAstra Pro Les options de style suivantes sont disponibles :

• Alignement du contenu : prise en charge des alignements à gauche, au centre et à droite

• Effet de survol de l'image : vous pouvez ajouter des effets de zoom, de fondu et d'autres effets d'animation, afin de rendre la page plus interactive.

• Box Shadow : ajoutez des ombres tridimensionnelles à la carte pour améliorer la hiérarchie visuelle.

• Paramètres du bouton : vous pouvez ajuster la marge intérieure du bouton Ajouter au panier ou la personnaliser. CSS Ajustement des styles de couleurs

Instructions de configuration de la page de paiement

Astra Pro WooCommerce Le module permet également d'optimiser la mise en page et le contenu de la page de paiement, ce qui aide les acheteurs à passer leurs commandes plus facilement.

Fonctions de configuration disponibles

• Processus de paiement étape par étape : présentation en deux étapes des informations de facturation et de paiement

• Zone de saisie des notes de commande : les clients peuvent y indiquer leurs exigences en matière de livraison ou d'autres informations.

• Champs de saisie des coupons : permet de déterminer si les zones de saisie des coupons sont affichées sur la page de paiement.

• Mode caisse propre : suppression de l'en-tête et du pied de page pour réduire les distractions.

• étiquettes en tant qu'espaces réservés : les étiquettes des champs sont affichées à l'intérieur de la zone de saisie pour économiser de l'espace vertical.
• Conservation des données du formulaire : même si la page est rafra?chie, les données précédemment remplies sont conservées.

résumés

utiliser Astra Pro aller de l'avant WooCommerce L'ajustement de la mise en page peut rendre la boutique plus unifiée dans son ensemble, les informations de la page sont plus claires et le processus d'achat est plus naturel. Pas de code complexe, il suffit de cocher et d'ajuster, vous pouvez rapidement créer une esthétique visuelle et une fonctionnalité de l'affichage des produits et du processus de paiement.

Si vous devez continuer à améliorer les performances de la page, il est recommandé d'ajuster les couleurs, la typographie, les polices de caractères et d'autres détails en liaison avec le positionnement de la boutique, de sorte que le site de commerce électronique puisse être à la fois élégant et pratique.

Articles connexes

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.