Comment personnaliser les pages du panier d'achat avec le WooCommerce Cart Widget d'Elementor

Elementor Widget de panier pour WooCommerce, libre à vous de créer le vôtre !page du panier d'achatDans cet article, nous allons vous présenter comment utiliser le widget Panier d'Elementor pour renforcer la cohérence de la marque, améliorer l'expérience de l'utilisateur et optimiser l'efficacité de la transaction finale. Dans cet article, nous allons vous présenter l'utilisation du widget Panier d'Elementor en détail, de l'ajout de la mise en page, à la définition du texte, à l'embellissement du design et à l'adaptation au mobile, nous vous emmènerons vers la personnalisation complète de la page du panier d'achat.

Qu'est-ce que le widget Elementor Cart ?

Le widget Cart d'Elementor est conçu pour WooCommerce Composant d'affichage du panier d'achat adapté à la boutique. Il permet de contrôler entièrement la structure et le style de la page du panier, sans les limites du shortcode WooCommerce par défaut. Des détails tels que la typographie, les couleurs, les polices, les styles de boutons et autres peuvent être facilement modifiés à l'aide de l'éditeur par glisser-déposer Elementor pour donner à la page du panier d'achat un aspect plus professionnel et conforme au style de votre marque.

spécificités: :

• Grande liberté de conception : plus de limitation aux styles prédéfinis de WooCommerce, structure de carte entièrement personnalisable.
• Améliorer le taux de conversion : une présentation plus claire et une meilleure visibilité aident les utilisateurs à passer rapidement à la caisse.
• Cohérence de la marque : les couleurs, les polices et les styles sont harmonisés avec les autres pages du site afin d'améliorer l'expérience globale.

Comment utiliser le widget Elementor Cart

Installation de WooCommerce et activation de l'édition Elementor

Assurez-vous que le plugin WooCommerce est installé et activé, et ouvrez la page du panier dans Elementor pour l'éditer. Par défaut, cette page est éditée par le plugin WooCommerce "woocommerce_cart" Génération de shortcodes. Il doit être remplacé par le widget Cart d'Elementor.

Ajouter un widget Panier et définir la mise en page

• Rechercher dans Elementor "Chariot"Faites glisser le widget du panier d'achat dans la page.

• Réglez à nouveau le mode de mise en page dans les options générales :
  • Colonne unique : pour les pages à faible contenu.
  • Deux colonnes : placez le récapitulatif de la commande et les articles à acheter séparément pour une clarté plus intuitive.

Définition du texte de la copie et du bouton

Totaux dans le panneau Paramètres de contenu pour personnaliser les champs de texte suivants :

• Bouton de mise à jour du panier d'achat
• Texte du bouton de coupon
• Sous-total des titres de section
• Texte du bouton de paiement
• Bouton de mise à jour de l'expédition (nécessite que les paramètres d'expédition soient activés dans WooCommerce)

Explication des paramètres de style

Dans le "typeL'"onglet" vous permet de contrôler entièrement l'apparence de votre panier d'achat, comme l'illustrent les modules mis en évidence ci-dessous :

1. le style de présentation général (sections)

• couleur de fond
• Bordures et coins arrondis
• Marges intérieures et extérieures
• Boîte d'ombres

2. la typographie

• Définition de la couleur, de la police et de la taille du texte du titre et de la description
• Couleur de l'état de la liaison (normale/à l'arrêt)
• Nom du produit, prix, quantité police

3. les styles de formulaires (Formulaires)

• Styles de champ (couleurs, polices, arrière-plans) pour les codes de coupon et les formulaires d'expédition
• Styles distincts pour l'état normal et l'état focalisé
• Réglage de l'espacement des champs (écart entre les rangs)

4. les styles de boutons (boutons)

• Le bouton du code de coupon, le bouton de mise à jour et le bouton de paiement peuvent être définis individuellement.
• Comprend les couleurs, les polices, les bordures, les ombres et l'état de survol.

5. résumé de la commande

• Contrôler le style des noms commerciaux, des quantités et des sous-totaux
• Définir le style du séparateur de produits
• Lien vers le produit Couleur et statut d'interaction

6) Totaux

• Définition des styles de police des titres et des montants
• Ajouter un intercalaire en haut du prix total
• Personnalisation du style du bouton de paiement

résumés

Les widgets Cart d'Elementor donnent aux pages de panier WooCommerce plus de liberté de conception que jamais. Que vous cherchiez à augmenter les conversions, à créer une expérience d'achat cohérente avec votre marque ou à optimiser votre flux de travail mobile, les widgets Cart vous facilitent la tâche.

Pour plus de tutoriels et d'informations sur WordPress, suivez les liens suivantsRéseau de fluctuation des photonsavec les tutoriels WordPress les plus complets et les plus actifs.Communauté d'échange WordPress.

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.