Comment personnaliser la page du panier WooCommerce ?

Avant de voir comment procéder, jetons d’abord un coup d’œil à la page du panier par défaut et comprenons pourquoi vous devez la personnaliser en premier lieu. Voyons mieux ce que vous pouvez personnaliser et comment cela profitera à votre magasin.

Pourquoi modifier la page du panier ?

En tant que propriétaire de magasin, vous devez essayer d’optimiser chaque aspect de votre entreprise. Nous avons déjà vu comment personnaliser la page boutique, les pages produits et la page de paiement. Dans cet article, nous nous concentrerons sur la page Panier.

La page du panier est essentielle aux décisions d’achat des clients. C’est là que l’acheteur examine sa commande avant de finaliser l’achat. Ainsi, votre page panier doit offrir une valeur ajoutée au client pour améliorer ses chances de conversion.

L’abandon de panier est l’un des principaux problèmes des boutiques en ligne, car environ 80 % des utilisateurs abandonnent leur panier. C’est pourquoi vous devez accorder une attention particulière à votre page de panier. Même une petite amélioration de votre abandon de panier peut avoir un impact important sur vos ventes.

Par défaut, l’apparence et le comportement de la page du panier dépendent de votre thème actif. Par exemple, voici à quoi ressemble la page du panier avec le thème Astra.

Et voici à quoi cela ressemble avec le thème par défaut Twenty-Twenty One.

Comme vous pouvez le constater, l’apparence de la page du panier varie considérablement selon chaque thème. De plus, la page du panier par défaut est assez basique. Même s’il fait le travail, il n’offre aucune fonctionnalité supplémentaire, manquant ainsi des opportunités de vente croisée, de proposition d’offres spéciales, etc.

En personnalisant la page du panier, vous pouvez améliorer l’expérience utilisateur de votre client. Vous pouvez ajouter un message personnalisé pour une mise à jour importante, afficher les produits associés, ajouter un bouton de retour au panier, modifier le message Ajouter au panier et bien plus encore. Ces éléments contribuent à améliorer l’expérience utilisateur, ce qui se traduit par des clients satisfaits.

Pour résumer, améliorer la page du panier peut être très bénéfique pour votre entreprise en ligne et cela en vaut la peine. Passons maintenant à un pas en avant et voyons différentes façons de personnaliser la page du panier dans WooCommerce .

Comment personnaliser la page du panier WooCommerce

Il existe différentes manières de personnaliser la page du panier sur votre boutique WooCommerce :

1. Avec les blocs WooCommerce par défaut
2. Utiliser des plugins
3. Avec les constructeurs de pages
4. Par programmation

Examinons de plus près chaque méthode afin que vous puissiez choisir celle qui vous convient le mieux.

1. Blocs WooCommerce par défaut

Gutenberg, l’éditeur de blocs WordPress, est livré avec un ensemble de blocs par défaut dédiés à WooCommerce. Ceux-ci incluent Tous les produits, les produits en vedette, les produits filtrés, tous les avis et bien d’autres. Il existe un total de 20 blocs WooCommerce que vous pouvez ajouter à n’importe quelle page de votre site, tout comme les blocs Gutenberg classiques.

1.1) Ajouter le bloc Tous les produits

Accédez à votre page Panier ou créez une nouvelle page dans WordPress. Cliquez sur l’ icône + en haut à gauche pour dévoiler un ensemble complet de blocs disponibles pour l’éditeur Gutenberg. Ensuite, faites défiler jusqu’à la section Blocs WooCommerce et recherchez le bloc Tous les produits . Cliquez et faites-le glisser vers la zone de la page, et cela ajoutera le bloc à votre page.

Une fois que vous avez ajouté le bloc à votre page, tous les produits de votre inventaire seront affichés ici. Vous pouvez modifier davantage les paramètres des produits affichés à partir du menu des paramètres dans la section la plus à droite et modifier le nombre de colonnes, de lignes, le tri, etc.

1.2) Ajouter le bloc de produits les plus récents

Le bloc Produits les plus récents affichera tous les nouveaux ajouts à votre inventaire. Cliquez et faites simplement glisser le bloc Produits les plus récents sur votre page, et il affichera vos derniers produits. De plus, vous pouvez personnaliser les paramètres du bloc à partir du menu des paramètres.

1.3) Ajouter des produits triés sur le volet

Le bloc Produits triés sur le volet vous permet de sélectionner manuellement les produits que vous souhaitez afficher sur une page. Cela peut être un excellent outil pour présenter certains produits spécifiques sur une page ou mettre en évidence certains produits sur une autre page.

Pour ajouter le bloc à votre site, faites simplement glisser le bloc Produits sélectionnés à la main sur la page. Il affichera une barre de recherche dans laquelle vous pourrez rechercher les produits que vous souhaitez mettre en avant. Trouvez le produit souhaité et cliquez dessus pour l’ajouter à la liste. De même, vous pouvez répéter le processus et ajouter plusieurs produits à la liste.

Une fois que vous avez ajouté tous les produits souhaités à la liste, appuyez sur le bouton Terminé et le tour est joué ! Vos produits triés sur le volet sont désormais affichés sur la page. Comme nous l’avons vu précédemment, vous modifiez les paramètres à partir du menu des paramètres.

De même, vous pouvez ajouter tout autre bloc WooCommerce de votre choix. Vous pouvez opter pour un seul bloc sur une page entière ou plusieurs blocs sur la même page. Les possibilités sont infinies.

Nous avons vu comment les blocs WooCommerce par défaut peuvent vous aider à personnaliser la page Voiture. Passons maintenant à la section suivante et voyons comment nous pouvons personnaliser la page du panier à l’aide de plugins tiers.

2. Plugins pour personnaliser la page Panier

Il existe plusieurs plugins que vous pouvez utiliser pour modifier la page du panier. Dans cette section, nous examinerons certains des meilleurs.

2.1) Blocs WooCommerce

WooCommerce Blocks est un plugin d’accès anticipé aux blocs expérimentaux WooCommerce. Il vous permet d’essayer de nouveaux blocs WooCommerce avant qu’ils ne soient publiés dans l’éditeur de blocs par défaut.

Au moment de la rédaction de cet article, le plugin ajoute deux blocs supplémentaires : panier et paiement. Lors de l’activation des blocs WooCommerce, les blocs de panier et de paiement sont automatiquement ajoutés à l’éditeur de blocs et vous pouvez les utiliser de la même manière que n’importe quel autre bloc.

Pour afficher le panier sur une page, faites simplement glisser le bloc panier et votre panier apparaîtra. Vous pouvez ensuite personnaliser chaque section du panier individuellement et le bloc du panier dans son ensemble. De plus, vous pouvez même le modifier pour les paniers remplis et vides.

De même, vous pouvez afficher le formulaire de paiement sur une page et le personnaliser à votre guise. Vous pouvez également personnaliser les paramètres de chaque bloc dans les paramètres ainsi que l’ensemble du bloc de paiement.

De plus, vous pouvez placer de nombreux blocs sur une seule page à côté de la page de panier ou de paiement, ce qui n’était pas possible auparavant. Cela vous donne beaucoup de flexibilité et vous permet de concevoir la page du panier exactement comme vous le souhaitez.

Lors de l’ajout de ces blocs, vous pouvez recevoir un avertissement de compatibilité indiquant que le plugin peut avoir des problèmes de compatibilité avec d’autres plugins ou extensions. En effet, certains blocs sont expérimentaux et sont en cours de développement. Par conséquent, ils ne doivent être utilisés que pour essayer de nouvelles fonctionnalités et non en production. Ils seront déployés en tant que blocs WooCommerce par défaut une fois qu’ils seront stables.

Caractéristiques

• Expérimenter de nouveaux blocs à des fins de test
• Essayez les blocs de panier et de paiement
• Signaler les bugs et les erreurs, le cas échéant

Tarifs

Ceci est un plugin gratuit.

Si vous souhaitez essayer plus de plugins pour modifier votre page Panier, jetez un œil à ces deux autres :

2.2) StoreCustomizer

StoreCustomizer est un package tout-en-un qui vous permet de personnaliser entièrement votre boutique WooCommerce. Vous pouvez tout personnaliser, des pages de produits à la page de la boutique, en passant par la page du compte, la page du panier et la page de paiement.

Pour commencer, vous pouvez personnaliser les polices et les couleurs globales utilisées dans toute la boutique. Vous pouvez également personnaliser chaque page individuellement, modifier son apparence, ajouter de nouvelles fonctionnalités et fonctionnalités, et bien plus encore.

Le plugin élimine le besoin d’écrire des extraits personnalisés pour personnaliser certaines parties de votre boutique WooCommerce. Il ajoute lui-même le code requis, il n’est donc pas nécessaire de créer un thème enfant ou d’ajouter des extraits de code personnalisés car tout est géré par le plugin.

Enfin, toutes les options sont commodément intégrées dans le personnalisateur de thème. En conséquence, cela rend la personnalisation de la boutique WooCommerce transparente et indolore.

Caractéristiques

• Plugin tout-en-un pour personnaliser votre boutique WooCommerce
• Personnalisez les pages de produits, la page de la boutique, la page du compte, la page du panier et le paiement
• Changez le design du magasin à votre guise
• Ajoutez des fonctionnalités et des fonctionnalités supplémentaires à votre boutique sans aucun codage
• Accès facile via le personnalisateur de thème, ce qui rend la personnalisation sans effort
• Extrêmement léger et ajoute uniquement le code nécessaire lui-même

Tarifs

Il s’agit d’un plugin freemium, ce qui signifie qu’il propose des versions gratuites et premium. Alors que la version gratuite offre des options de personnalisation décentes, les forfaits premium commencent à 49 USD par an pour un seul site et vous offrent une expérience de personnalisation avancée. Ils incluent un an de mises à jour et de support.

2.3) Plugin de panier rapide WooCommerce

WooCommerce Fast Cart est conçu pour accélérer le processus d’achat pour le consommateur. Au lieu d’avoir des pages de panier et de paiement séparées, vous pouvez utiliser le plugin pour créer un panier contextuel et des pages de paiement. De plus, vous pouvez simplement ignorer complètement la page du panier et procéder directement au paiement.

Les pages contextuelles du panier et du paiement peuvent être entièrement personnalisées. Vous pouvez modifier la typographie et les couleurs pour correspondre au thème de votre site Web. Vous pouvez également ajuster la position des boutons et personnaliser la disposition du panier.

De plus, vous pouvez appliquer des coupons à partir de la page du panier et utiliser le panier contextuel pour présenter des produits pertinents en activant les ventes croisées. Enfin, le plugin est extrêmement léger et bien optimisé et prend en charge tous les canaux de paiement largement utilisés, tels que PayPal, Stripe et Amazon.

Caractéristiques

• Ajoutez un panier contextuel et une page de paiement pour des conversions instantanées
• Définir uniquement le panier ou le paiement ou les deux pages dans la fenêtre contextuelle
• Hautement personnalisable
• Léger et optimisé
• Fonctionne avec toutes les passerelles de paiement populaires comme PayPal, Stripe, Amazon

Tarifs

Il s’agit d’un plugin premium qui coûte 79 USD par an pour un seul site. Vous bénéficierez également d’une garantie de remboursement de 30 jours.

Dans cette section, nous avons vu certains des meilleurs plugins pour personnaliser la page du panier WooCommerce. Jetons un coup d’œil à certaines des personnalisations que nous pouvons réaliser. Pour la démonstration, nous utiliserons le plugin StoreCustomizer. Commençons.

Personnalisez la page du panier à l’aide de StoreCustomizer

StoreCustomizer est un plugin riche en fonctionnalités qui vous permet de personnaliser presque tous les aspects de votre boutique WooCommerce. Dans la section précédente, nous avons examiné les caractéristiques et fonctions du plugin. Voyons maintenant comment vous pouvez utiliser StoreCustomizer pour personnaliser la page du panier.

Installer et activer le plugin

Tout d’abord, accédez à votre tableau de bord d’administration WordPress  et accédez à  Plugins > Ajouter un nouveau.  Recherchez le  plugin StoreCustomizer , cliquez sur le bouton Installer maintenant  , puis activez-le.

Personnaliser la page du panier

Une fois que vous avez activé le plugin, allez dans  Apparence > Personnaliser pour accéder au personnalisateur de thème.

StoreCustomizer intègre ses outils et fonctionnalités de personnalisation dans le personnalisateur de thème. Accédez simplement à StoreCustomizer > Cart Page dans le menu de personnalisation du thème et vous trouverez toutes les options pour modifier la page du panier.

Personnalisations de base

En commençant par les personnalisations de base, vous disposez de quelques possibilités. Vous pouvez désactiver les coupons à partir de la page du panier, empêcher l’utilisateur de modifier la quantité dans le panier ou mettre à jour automatiquement le panier lorsque l’utilisateur met à jour la quantité de l’article. Vous pouvez également supprimer des liens vers la page produit, afficher les métadonnées du produit, répertorier les produits en stock et bien plus encore.

Bouton Ajouter à la boutique

Un bouton de retour à la boutique permet à l’utilisateur de revenir à la page du magasin s’il a besoin d’ajouter quelque chose à son panier. C’est une bonne idée d’ajouter ce bouton car il offre aux clients une meilleure expérience d’achat.

StoreCutomizer vous permet d’ajouter un bouton de retour à la boutique à la page de votre panier et d’en modifier complètement la conception et la convivialité. De plus, vous pouvez modifier le texte du bouton et le lier à n’importe quelle page. Enfin, vous pouvez également modifier la position du bouton en fonction de vos besoins.

Afficher la remise/montant économisé

Afficher la remise/montant économisé vous permet d’inclure un bloc dans la  section Prix total  qui affiche la remise qu’un utilisateur reçoit sur un achat lors de l’utilisation d’un coupon ou lors d’une vente dans tout le magasin. Vous pouvez lui donner le nom de votre choix et modifier la couleur de l’arrière-plan et de la police.

Ventes croisées et totaux du panier

Vous pouvez également afficher des produits associés ou en vedette sur la page du panier. En règle générale, ces articles sont étroitement liés aux produits du panier, les utilisateurs sont donc susceptibles de les ajouter à leur panier, vous aidant ainsi à augmenter vos ventes.

Grâce au plugin StoreCustomizer, vous pouvez choisir le nombre total de ventes croisées à afficher et les produits à afficher par ligne. Vous avez la possibilité de déplacer la section des ventes croisées sous les totaux du panier ou de la laisser par défaut. Enfin, vous pouvez modifier le titre des ventes croisées ou même supprimer toute la section de ventes croisées si vous le souhaitez.

Outre les ventes croisées, vous pouvez modifier l’en-tête de la section Totaux du panier.

Modifier la page du panier vide

La page Panier vide par défaut affiche un message informant l’utilisateur que le panier est vide. StoreCustomizer, vous permet de créer votre message personnalisé pour inviter l’utilisateur à explorer la boutique.

Vous pouvez également inclure un bouton Retour à la boutique pour rediriger les clients vers le magasin. Vous pouvez entièrement personnaliser la conception et la convivialité du bouton, y compris sa couleur, sa police et son texte.

Personnalisez le tableau du panier et passez aux boutons de paiement

Sous la zone Composants de conception de la page du panier StoreCustomizer, vous pouvez personnaliser le tableau du panier ainsi que le bouton Passer à la caisse. Vous pouvez ajuster la taille des boutons, les couleurs, la police, etc.

Comme vous pouvez le constater, les plugins peuvent vous aider à personnaliser une grande partie de votre page de panier WooCommerce. Cependant, il existe également d’autres options. Dans la section suivante, nous verrons comment les constructeurs de pages vous permettent de modifier la page du panier.

3. Avec les constructeurs de pages

Les constructeurs de pages constituent une solution universelle pour tous les besoins de modification de votre site. Les créateurs de pages les plus populaires disposent d’une section WooCommerce dédiée qui vous permet de personnaliser entièrement l’ensemble de votre boutique.

Vous pouvez utiliser des générateurs de pages pour modifier la page du panier et toute autre page WooCommerce. Les constructeurs de pages sont généralement basés sur le concept de blocs ou de widgets. Il existe des widgets pour diverses fonctionnalités et plusieurs fonctionnalités, et vous pouvez les ajouter à n’importe quelle page de votre choix et les modifier.

Lorsque vous travaillez avec des constructeurs de pages, vous disposez d’une grande autonomie en termes de personnalisation. De plus, les créateurs de pages sont livrés avec une variété de modèles prédéfinis entièrement préconfigurés et conçus de manière créative pour que vous puissiez les utiliser.

Si vous souhaitez utiliser un constructeur de pages, les deux options les plus populaires et préférées sont Elementor et Divi. Ces deux constructeurs de pages disposent d’un ensemble de blocs spécifiques à WooCommerce.

Par exemple, Elementor comprend 22 blocs distincts pour WooCommerce que vous pouvez utiliser. Cependant, il convient de mentionner que les blocs WooCommerce dans Elementor ne sont disponibles que dans la version Pro.

Dans le cas de Divi, vous avez accès à 17 blocs WooCommerce. Divi est un constructeur de pages premium, vous devrez donc payer pour accéder à ces fonctionnalités.

Les plugins et les constructeurs de pages ne sont pas les seuls moyens de personnaliser la page du panier WooCommerce. Vous pouvez également ajouter vos extraits de code personnalisés pour personnaliser et améliorer les fonctionnalités de votre page de panier. Si vous avez des compétences en codage, la section suivante est faite pour vous. Voyons comment vous pouvez modifier la page du panier par programme.

4. Par programmation

Avant d’aller plus loin, nous vous recommandons de créer une sauvegarde complète de votre site et d’utiliser un thème enfant pour éditer le  fichier function.php  . Si vous ne savez pas comment procéder, consultez notre guide sur la façon de créer un thème enfant ou d’utiliser l’un de ces plugins de thème enfant.

Après avoir configuré votre thème enfant, accédez à  WP Admin Dashboard > Apparence > Theme Editor.  Ici, vous pouvez ajouter des extraits de code personnalisés à la fin du  fichier function.php  de votre thème enfant.

Le  plugin Code Snippets  est une autre option pour ajouter des extraits de code à votre site. Vous pouvez installer le plugin depuis le référentiel WordPress pour ajouter des extraits de code à votre site. Même si avec les extraits de code, vous n’avez pas besoin d’un thème enfant, nous recommandons toujours d’en avoir un.

Voyons maintenant quelques extraits de code que vous pouvez utiliser pour personnaliser votre page de panier WooCommerce.

4.1) Message personnalisé sur la page du panier

Tout d’abord, apprenons à personnaliser le message sur la page du panier. Cela peut être utile pour fournir des informations essentielles à votre utilisateur. Par exemple, vous pouvez leur envoyer des notifications telles que « Les expéditions peuvent prendre plus de temps en raison du COVID », les informer d’une promotion, etc. Remplacez simplement « Ceci est mon texte personnalisé » dans l’extrait par le vôtre et publiez-le sur votre site Web.

// Ajouter un message personnalisé à la page du panier WooCommerce
add_action( 'woocommerce_before_cart_table', 'shop_message', 20 );
fonction shop_message() {
echo '<p class="woocommerce-message">Ceci est mon texte personnalisé</p>'; // Change ce texte
}

Fait! Cela affichera un message personnalisé sur la page de votre panier.

4.2) Contenu personnalisé sur la page du panier vide

La personnalisation de votre page Panier vide est très importante. La page Panier vide par défaut affiche uniquement un message indiquant que le panier est vide. Cependant, en utilisant l’extrait suivant, vous pouvez le personnaliser pour en faire un message plus convivial et interactif invitant l’utilisateur à explorer votre inventaire, en lui donnant des informations sur vos produits, etc.

Remplacez simplement « Vous n’avez ajouté aucun article à votre panier. Consultez notre inventaire et vous adorerez nos produits » avec le message que vous souhaitez afficher.

// Ajoute du contenu personnalisé à la page du panier vide de Woocommerce 
add_action( 'woocommerce_cart_is_empty', 'empty_cart_custom_content' );
fonction vide_cart_custom_content() {
echo '<h4>Vous n'avez ajouté aucun article à votre panier. Consultez notre inventaire et vous allez adorer nos produits</h4>' ; // Remplacez le message par votre propre message
echo do_shortcode('

‘); }

4.3) Bouton Vider le panier sur la page du panier

Même si donner aux acheteurs la possibilité de vider leur panier peut sembler contre-productif, la vérité est que cela offre une bien meilleure expérience. Dans de telles circonstances, vous pouvez inclure un bouton Vider le panier qui permet aux utilisateurs de supprimer tous les articles de leur panier.

Pour ajouter un bouton Vider le panier, utilisez simplement l’extrait de code suivant.

// Bouton "Vider le panier" sur la page du panier Woocommerce 
add_action( 'woocommerce_cart_coupon', 'woocommerce_empty_cart_button' );
fonction woocommerce_empty_cart_button() {
echo '<a href="' . esc_url( add_query_arg( 'empty_cart', 'yes' ) ) . '" class="bouton panier"
title="' . esc_attr( 'Panier vide', 'woocommerce' ) . '">' . esc_html( 'Panier vide', 'woocommerce' ) . '</a>';
} 
add_action( 'wp_loaded', 'woocommerce_empty_cart_action', 20 );
fonction woocommerce_empty_cart_action() {
if ( isset( $_GET['empty_cart'] ) && 'yes' === esc_html( $_GET['empty_cart'] ) ) {
WC()->cart->empty_cart();
$référent = wp_get_referer() ? esc_url( remove_query_arg( 'empty_cart' ) ) : wc_get_cart_url();
wp_safe_redirect( $référent );
}
}

Si le bouton n’est pas séparé des autres boutons de la table du panier, vous devrez peut-être l’ajouter au Customizer > CSS supplémentaire.

un.bouton.cart {
marge gauche : 10 px ;
}

Nous avons vu quelques extraits de code pour modifier votre page de panier. En vous basant sur ces extraits et en les adaptant, vous pouvez entièrement personnaliser votre page panier et booster vos ventes.

Jusqu’à présent, nous avons vu différentes méthodes pour personnaliser la page du panier WooCommere : avec les options par défaut, avec des plugins, des constructeurs de pages et par programme.

Allons maintenant plus loin et voyons comment vous pouvez contourner la page du panier pour accélérer l’expérience d’achat du client. Voyons comment ignorer la page du panier.

Comment ignorer la page du panier

Certains magasins préfèrent ignorer la page du panier et laisser les clients examiner et payer leur commande sur la page de paiement. Cela raccourcit les étapes nécessaires aux clients pour passer à la caisse, ce qui rend l’expérience d’achat plus rapide.

Pour ignorer la page du panier, accédez au tableau de bord d’administration WP  et accédez à  WooCommerce > Paramètres.  Sous l’ onglet Produits , sélectionnez les paramètres généraux dans le sous-menu et cochez l’ option « Redirection vers la page du panier après un ajout réussi » . Après cela, n’oubliez pas de sauvegarder les modifications.

Ensuite, allez dans l’ onglet Avancé et sélectionnez Mise en page . Modifiez la page  Panier  par défaut en Paiement  et enregistrez les modifications.

Fait! Vous pouvez maintenant accéder au front-end de votre site Web et le vérifier vous-même.

Fait intéressant, ignorer la page Panier via les paramètres par défaut de WooCommerce n’est pas le seul moyen. Vous pouvez obtenir la même chose en utilisant des plugins dédiés ou des extraits de code personnalisés. Pour plus d’informations à ce sujet, consultez notre guide sur la façon d’ignorer la page du panier dans WooCommerce.

Bonus : Comment modifier le texte de passage à la caisse

Un autre bon moyen de modifier la page de votre panier consiste à modifier le texte « Procéder au paiement » . C’est une option intéressante pour que le texte soit plus significatif pour votre boutique. Par exemple, si vous vendez des produits numériques disponibles dans le cadre d’un plan d’abonnement, « Abonnez-vous maintenant » est une meilleure option que « Passer à la caisse ».

Dans cet article, nous avons déjà expliqué comment modifier le bouton et le texte « Procéder au paiement » à l’aide du plugin StoreCustomizer. Dans cette section, nous verrons une autre façon de modifier le texte « Procéder au paiement » à l’aide d’un extrait de code personnalisé.

Par exemple, jetons un coup d’œil à l’extrait suivant pour remplacer le bouton Procéder au paiement par « Amenez-moi à la caisse ». Modifiez simplement le texte « Amenez-moi à la caisse » par ce que vous voulez.

//Modifier le texte de passage à la caisse 
remove_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout',20);
add_action( 'woocommerce_proceed_to_checkout', 'custom_button_proceed_to_checkout',20); 
fonction custom_button_proceed_to_checkout() {
echo '<a href="'.esc_url(wc_get_checkout_url()).'" class="checkout-button bouton alt wc-forward">' .
__("Amenez-moi à la caisse", "woocommerce") . '</a>'; //Remplacez « Amenez-moi à la caisse » par votre texte

C’est tout! Vous pouvez maintenant modifier le texte « Procéder au paiement » sur la page de votre panier à l’aide de l’extrait de code ci-dessus. Cependant, il y a plus à faire. Si vous souhaitez plus d’informations à ce sujet, consultez notre article sur la façon de modifier le texte « Procéder au paiement ».

Conclusion

Dans l’ensemble, votre page de panier est l’une des pages les plus importantes de votre boutique en ligne, elle mérite donc toute votre attention. C’est la page où vos clients examinent leurs commandes avant de finaliser leurs transactions, elle nécessite donc une attention particulière.

Par défaut, la page du panier est définie par le thème actif et offre des fonctionnalités limitées. Cependant, vous pouvez faire bien plus avec votre page de panier, comme ajouter un message personnalisé ou effectuer des ventes croisées pour augmenter vos ventes. Vous pouvez également personnaliser la page du panier WooCommerce pour offrir à vos clients une meilleure expérience d’achat.

Dans cet article, nous avons vu en détail comment personnaliser la page du panier WooCommerce. Nous avons commencé avec les blocs WooCommerce par défaut fournis avec l’éditeur de blocs. Nous avons ensuite suivi le plugin WooCommerce Blocks, en introduisant deux blocs expérimentaux supplémentaires. Ensuite, nous avons vu certains des meilleurs plugins pour personnaliser la page du panier et avons vu une démonstration utilisant le plugin StoreCustomizer. Nous avons également examiné certains des créateurs de pages que vous pouvez utiliser pour personnaliser la page du panier. Enfin, nous avons examiné quelques extraits de code qui vous offrent plus de contrôle et de flexibilité sur vos préférences de personnalisation et vous permettent de tirer le meilleur parti de la page du panier.

Outre la personnalisation de la page du panier, nous avons vu comment ignorer la page du panier et comment modifier le message « Procéder au paiement », à la fois en utilisant le plugin et par programme.

Avez-vous déjà pensé à personnaliser votre page de panier WooCommerce ? Quelles personnalisations souhaiteriez-vous réaliser ? Faites-le-nous savoir dans les commentaires ci-dessous.