Personnaliser la page de paiement de WooCommerce : Tutoriel complet

Sites web de commerce électroniquepage de paiementest l'un des aspects les plus importants. Après tout, c'est la destination finale du client après avoir passé une commande. Si le site webLa page de paiement de WooCommerce est difficile à utiliserpeut-êtreprendre une période de (x temps)les acheteurs risquent d'abandonner leurs achats et de laisser une mauvaise impression du site.

Les pages de paiement efficaces et à fort taux de conversion ont toutes un aspect différent. La page de paiementStyle, structure, nombre de champsrépondre en chantantAutres fonctionsLe montant varie en fonction du secteur d'activité et du type de produit vendu. 

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

Par exemple, si la vente deproduit physique uniquePas besoin de créer un compte, c'est simple et rapide !Paiement en une seule pageC'est le meilleur choix.

Mais si les ventesRéservation de locationIl peut être nécessaire depaiement en plusieurs étapesIl s'agit de la première fois qu'une réservation est effectuée, qui contient une série de champs supplémentaires pour collecter les détails du client nécessaires à la réservation. 

Si vous vendez des logiciels sur la base d'un abonnement, vous pouvez demander à vos clients de créer un compte pour pouvoir accéder à leurs clés et gérer les renouvellements d'abonnement.

 Attention :Si vous souhaitez personnaliser manuellement la page de paiement à l'aide d'un code, il est préférable d'installer d'abord le thème enfant, puis d'ajouter le code au fichier du thème enfant. L'utilisation d'un thème enfant vous permettra d'éviter de modifier le code lors des mises à jour du thème, car à chaque fois que le thème est mis à jour, le fichierRemplacer les modifications apportées au fichier du thème principal. Si vous ne savez pas comment faire, nous avons un article sur la façon de procéder.Création de sous-thèmesL'article peut être consulté.

Pourquoi personnaliser votre page de paiement WooCommerce ?

Le but ultime de la personnalisation de votre page de paiement WooCommerce est de convertir plus d'acheteurs et d'augmenter la valeur moyenne de la commande (AOV). Cependant, la page de paiement par défaut de WooCommerce et la page de paiement dethématiqueIl n'est pas toujours possible de garantir entreOptimisation de la caisse. Chaque propriétaire de magasin a des besoins différents et des attentes différentes de la part de ses clients, c'est pourquoi la personnalisation est nécessaire. 

Toutefois, il est généralement nécessaire de concevoir les pages de paiement de manière à ce que le processus d'achat soit rapide et fluide. Les pages de paiement doivent également être faciles à lire et s'harmoniser avec le style du reste du site web afin d'optimiser l'expérience. 

Il est également important de tenir compte des besoins de vos acheteurs. En fournissant, au moment du paiement, des informations qui peuvent être utiles auxAvantages spécifiques au clientLes options (Les exemples incluent les méthodes de paiement multiples, les options de livraison et la possibilité de s'inscrire à des programmes de fidélisation.), les clients peuvent faire des choix qui répondent à leurs besoins. 

La page de paiement de WooCommerce est une excellente occasion de diriger les clients vers des canaux de marketing tels que l'email et le SMS.

Types de personnalisation de la page de paiement de WooCommerce

Quels types de personnalisation peuvent être apportés au modèle de page de paiement de WooCommerce pour résoudre ces problèmes ? Nous décomposons le processus en cinq types d'objectifs de personnalisation et nous expliquons en détail comment les atteindre.

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

1. amélioration des processus d'utilisation et de l'efficacité des caisses 

Les clients ne veulent pas passer plus de temps à la caisse. En fait, 18% clients perdraient si la page de paiement était trop compliquée, et 25% clients abandonneraient s'ils devaient créer un compte. 

Pour ce faire, il fautDe multiples façons de personnaliser le processus de paiementaccélérer les achats.

Réduire le nombre de champs de vérification

Plus le client doit saisir d'informations dans un formulaire de paiement, plus il est irrité. La bonne nouvelle, c'est que de nombreux navigateursSauvegarder des données telles que les noms d'utilisateur, les adresses et même les détails des cartes de crédit des achats précédents.. Toutefois, cette possibilité est limitée aux cas où l'utilisateur choisit d'activer cette fonction.Il est toujours préférable d'essayer de limiter le nombre de champs affichés et le nombre de champs que le client doit remplir.

Il existe plusieurs façons deRéduction du nombre de champspour améliorer le processus de paiement. Vous pouvez modifier les pages de paiement de WooCommerce à l'aide de l'optionéditeur de blocsSi le thème ne prend pas en charge l'édition de blocs, le personnalisateur peut être utilisé. Il est également possible d'utiliser la fonctionplug-in (composant logiciel)pourraitDes fonctions personnalisées sont ajoutées auLe fichier functions.php du thème enfantAu milieu.

Comment modifier ou supprimer les champs de la caisse de WooCommerce en utilisant l'éditeur de blocs :

Si vous utilisez le thème des blocs, vous pouvez le faire en allant dans la sectionApparence → Éditeur → Pages → Checkout, modifier les champs avec l'éditeur de siteVous pouvez naviguer dans le tableau de bord de WordPress et aller dans la sectionPage → Checkout. 

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

Avec l'éditeur de blocs, seuls certains éléments peuvent être modifiés ou supprimés. Ces éléments sont les suivants 

  • Commande Remarques
  • Conditions d'utilisation
  • Code des coupons
  • numéro de téléphone
  • identification de l'entreprise
  • Adresse 2 (numéro d'appartement, suite, etc.)
  • Titre du chapitre et numéro de l'étape
  • Description du chapitre
  • Retour au lien du panier d'achat

Si toutes les options ci-dessus sont supprimées de l'éditeur de blocs, la page de paiement personnalisée de WooCommerce ressemble à ce qui suit.

Personnaliser la page de paiement de WooCommerce : Tutoriel complet
Comment supprimer ou modifier les champs de la caisse de WooCommerce à l'aide du personnalisateur :

En fonction de votre thème, si vous souhaitez utiliserajusteurMasquer certains champs. Les options de personnalisation sont moins nombreuses dans le personnalisateur que dans l'éditeur de blocs. 

Apparence dans le tableau de bord de WordPress → PersonnalisationEn dessous, vous trouverez différentes options pour personnaliser votre site web WordPress. Dans le menu de gauche, naviguez versWooCommerce → Checkout.

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

Ici, il est possible de cacheridentification de l'entrepriseetLigne d'adresse 2répondre en chantanttéléphoneschamp. Il est également possible de définir le champpolitique de confidentialitéest laissé vide pour le supprimer de la page de paiement. 

Comment supprimer ou modifier des champs avec le plugin WooCommerce Checkout Field Editor ?

Pour des options plus avancées, vous pouvez essayer une extension spécialement conçue pour supprimer, ajouter et éditer les champs de caisse de WooCommerce. Dans cet exemple, nous utilisons l'extensionÉditeur de champs de caisseExtension.

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

L'extension Checkout Field Editor permet de modifier, de supprimer et d'ajouter des champs dans trois domaines différents :Champs de facturationetChamps de transportrépondre en chantantChamps supplémentaires. Lorsque des champs sont ajoutés, modifiés ou supprimés dans chaque zone, ils apparaissent (ou disparaissent) dans une zone spécifique de la page de paiement.

Pour ce faire, cochez les cases situées à gauche de chaque ligne et sélectionnez l'optionDésactiver/supprimerpour désactiver le champ.

Veuillez noter que la désactivation des champs principaux (surlignés en violet) peut entraîner des problèmes lors du paiement ou des conflits avec d'autres plugins qui dépendent de ces champs.

Comment supprimer ou modifier les champs de la caisse de WooCommerce avec des fonctions PHP :

Note : Ceci ne fonctionne que si la page de paiement utilise le shortcode [woocommerce-checkout]. Cela ne fonctionne pas pour les pages de paiement construites avec l'éditeur de blocs.

Si la page de paiement de WooCommerce n'est pas personnalisée avec un éditeur de blocs, les champs de paiement peuvent être supprimés ou modifiés à l'aide d'un code. Les opérations et fonctions PHP doivent être placées dans la sectionfunctions.phpDocumentation.

Utilisez un service SFTP (par ex.FileZillapeut-êtreCyberduck)Téléchargez le sous-sujet du serveur pour l'élémentfunctions.phpfichier. Peut être édité dans un éditeur de textefunctions.php.

existentfunctions.phpajoutez le code du champ que vous souhaitez supprimer. Par exemple, supprimons le champ du numéro de téléphone de la page de paiement.

add_filter('woocommerce_checkout_fields', 'remove_checkout_phone_field' ) ;

function remove_checkout_phone_field( $fields ) {

unset( $fields['billing']['billing_phone' ] ) ;

return $fields ;

}

Vous trouverez ci-dessous une comparaison avant et après de la zone de facturation, montrant l'effet de l'édition :

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

Si l'affichage de l'en-tête de navigation et du pied de page du site web sur la page de paiement est utile, il est plus susceptible d'être distrayant et de conduire à une désaffection des utilisateurs. L'affichage du logo du site dans l'en-tête de la page de paiement garantit une expérience cohérente de la marque, mais tout autre contenu susceptible d'inciter les acheteurs à quitter la page de paiement doit être supprimé. 

Si vous utilisez un thème qui prend en charge l'éditeur de blocs, la possibilité de modifier ou de supprimer l'en-tête et le pied de page en créant un nouveau modèle de caisse via l'éditeur de site complet qui sera utilisé sur la page de caisse de WooCommerce. Si vous utilisez le plugin Page Builder, vérifiez la documentation pour voir s'il fournit un moyen facile de créer un modèle de caisse. De nombreux plugins populaires de construction de pages WordPress offrent de telles options. 

Il est également possible de masquer complètement l'en-tête et le pied de page d'une page particulière à l'aide de CSS ou de PHP personnalisés.

Dans cet exemple, nous utilisons leThème Twenty Twenty-FourSupprimez l'en-tête et le pied de page de la page de paiement WooCommerce dans l'éditeur de site.

Il ne sera pas possible d'effectuer ces modifications à l'aide de l'éditeur de blocs en éditant la page de paiement dans la section Pages du tableau de bord de WordPress. Pour accéder à la pageApparence → Éditeur → Modèles → WooCommerce → Page : CheckoutCliquez ensuite sur l'icône en forme de crayon pour modifier le modèle afin de modifier le modèle de page de paiement de WooCommerce.

De là, cliquez simplement sur les blocs d'en-tête et de pied de page et supprimez-les. Veillez à enregistrer les modifications.

Si le thème ne permet pas de personnaliser facilement la page de paiement de WooCommerce à l'aide de l'éditeur de blocs ou d'autres outils d'édition par glisser-déposer, n'hésitez pas à utiliser le CSS pour masquer l'en-tête et le pied de page sur la page de paiement personnalisée.

.page-id-11 #header, #footer{

display:none ;

}

Dans la position au-dessus de .page-id-11, insérez le numéro d'identification de la page après .page-id-.

Placez ce code dans l'éditeur de site (Ou le personnalisateur si le thème ne permet pas une édition complète du site.) dans un champ CSS supplémentaire dans le thème enfant ou directement dans le fichierfichier style.cssAu milieu.

Remarque : cela n'affecte pas les pages de caisse qui utilisent l'éditeur de blocs.

Si vous souhaitez utiliser des fonctions PHP pour supprimer l'en-tête et le pied de page d'une page de paiement personnalisée, vous pouvez ajouter l'extrait de code suivant au fichierfichier functions.phpAu milieu :

function remove_header_footer_from_checkout() {

if(is_checkout()){ ? >
header { display:none ; }
footer { display:none ; }

<?php }
}

add_action( 'wp_header', 'remove_header_footer_from_checkout') ;

Proposer des méthodes de paiement pratiques

Lorsque vous créez un site web, tenez compte du clientLe mode de paiement le plus souhaitéTrès important. L'utilisation d'un processeur de paiement fiable et l'offre d'alternatives pratiques telles que les portefeuilles numériques, les crypto-monnaies ou les plans de paiement tiers peuvent faciliter le passage à la caisse des clients. 

La passerelle de paiement utilisée dépendra du pays dans lequel l'entreprise est située, de la devise que vous souhaitez accepter et du lieu de résidence du client. La bibliothèque d'extensions de WooCommerce contient à elle seule environ70 options d'extension de paiement.

Parmi les processeurs de paiement les plus courants, on peut citerWooPaymentsStripe, WorldPay et Authorize.net. Les options de portefeuilles numériques sont les suivantesPayPalPour plus d'informations, veuillez consulter la boutique WooCommerce. Pour les plans de paiement tiers, Affirm, Klarna, Afterpay, et même la fonction Payez plus tard de PayPal ont fait leurs preuves, sont fiables et faciles à intégrer dans votre boutique WooCommerce.

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

Remplir à l'avance les informations enregistrées sur le client, mais autoriser le paiement par le client.

Pour les vendeurs, les acheteurs créent des comptes en toute simplicité. Les utilisateurs connectés peuvent consulter l'historique de leurs commandes et les téléchargements disponibles, enregistrer et modifier les informations relatives à leur carte de crédit et mettre à jour les détails de facturation et les adresses de livraison.

Remplissage automatique basé sur le navigateur

Les clients peuvent utiliser la fonction de remplissage automatique de leur navigateur : Google, Safari (via iCloud) et Firefox (entre autres) ont tous des fonctions de remplissage automatique qui stockent les noms d'utilisateur, les mots de passe, les détails de la carte de crédit et les informations d'adresse. Lorsqu'ils cliquent sur les champs concernés au cours du processus de paiement en ligne, leur navigateur leur propose des options de remplissage automatique basées sur les informations qu'ils ont précédemment sauvegardées.

Plugin Autofill

Si un prospect n'utilise pas la fonction de remplissage automatique de son navigateur, il peut toujours utiliser la fonction de remplissage automatique de son navigateur.Google remplit automatiquement les adresses des clientsetc. remplissent les champs d'adresse en fonction de l'adresse IP de l'utilisateur. 

Données de paiement enregistrées dans le portefeuille numérique

Un autre moyen de payer est d'utiliser un portefeuille numérique. Leurs comptes Google Pay, PayPal, Venmo, Apple Pay et autres contiennent des détails de paiement et des informations de facturation qui peuvent aider à accélérer le passage en caisse dans les magasins. 

Il est donc désormais plus facile d'activer le paiement par un invité, mais comment donner aux clients la possibilité de créer un compte au moment du paiement ?

existentWooCommerce → Paramètres → Compte et confidentialitéIl est très facile d'y accéder.

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

tiquePermettre aux clients de passer des commandes sans compte. Cochez ensuite la casePermettre aux clients de créer un compte à la caisseet enregistrez les modifications.

Envisagez un paiement en plusieurs étapes ou un paiement sur une seule page.

La chose la plus facile à faire est de concevoir une page de paiement unique qui s'adapte parfaitement à l'utilisateur. Mais cela n'est pas toujours possible.

Par exemple, sur mobile, un paiement sur une seule page nécessite un défilement fastidieux, même si les champs ne sont pas trop nombreux. En outre, si la caisse ne fonctionne pas en raison d'un problème d'accès à l'Internet, il est possible que vous ayez besoin d'une aide supplémentaire.Produits vendusou un type de service qui nécessite plus d'étapes (produits à attributs multiples), un paiement sur une seule page peut s'avérer fastidieux, même sur un ordinateur. 

La solution à ce problème consiste à personnaliser la page de paiement de WooCommerce en utilisant l'approche en plusieurs étapes. Paiement en plusieurs étapes (où les champs de chaque étape sont affichés en totalité dans la fenêtre de visualisation du dispositif) peut faciliter le processus d'achat pour les clients et les aider à comprendre l'état d'avancement de leur commande. 

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

Flux Checkout pour WooCommerceL'extension est une excellente solution de paiement en plusieurs étapes. Grâce à elle, il est possible de diviser le processus de paiement en plusieurs parties gérables, de personnaliser le nombre de champs à chaque étape et même de remplir automatiquement le champ de l'adresse du client à l'aide de la géolocalisation.

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

À chaque étape du processus, leurs informations sont sauvegardées et ils passent automatiquement à l'étape suivante jusqu'à ce que le paiement soit finalisé.

Vous pouvez également déplacer le formulaire de paiement directement sur la page du produit et mettre en place un processus de paiement sur une seule page. C'est la solution la plusConvient aux sites contenant moins de produitsou lorsque vous souhaitez créer des pages d'atterrissage ciblées directement liées à des campagnes de publicité numérique.

Extension One Page Checkout pour WooCommerce par WooCommerce.

Vous pouvez utiliser leWooCommerce One Page CheckoutL'extension WooCommerce One Page Checkout permet de placer le formulaire de paiement n'importe où sur le site web. Il peut être ajouté à la page"Données du produit"de la page du produit, ou vous pouvez changer manuellement le shortcode dans l'éditeur WordPress en[woocommerce_one_page_checkout]Ajoutez à n'importe quelle page, article ou type d'article personnalisé.

Option de paiement en une page pour les produits WooCommerce.

Le formulaire de paiement s'affiche directement sur la page concernée, ce qui permet aux clients de passer rapidement à la caisse.

Les lunettes de soleil sont marquées d'un "coupon" sur la page du produit.

Appliquer automatiquement les coupons aux commandes éligibles

Dans le système de paiement par défaut de WooCommerce, un champ permet aux clients d'appliquer des codes de réduction.

Pour éviter cela, il suffit d'appliquer automatiquement le coupon aux achats éligibles. S'il y a plusieurs options de coupons qui peuvent s'appliquer à une commande, vous pouvez choisir de les afficher sur la page de paiement de WooCommerce pour que les clients puissent les sélectionner. 

Bien que les options par défaut de WooCommerce pour les coupons n'incluent pas de paramètres pour appliquer automatiquement les coupons au panier d'un client ou pour afficher les coupons disponibles à la caisse, il est possible d'utiliser l'outil de gestion des coupons de WooCommerce.Coupons intelligentsExtension Activez cette fonction.

Les options du champ coupon WooCommerce sont affichées ou appliquées automatiquement.

Après avoir installé Smart Coupons, rendez-vous surMarketing → CouponsCréez un nouveau coupon ou sélectionnez le coupon que vous souhaitez voir apparaître sur la page de paiement ou qui sera appliqué automatiquement.

existentDonnées sur les coupons → GénéralEnsuite, défilez vers le bas jusqu'àAfficher dans le panier d'achat, à la caisse et dans Mon compte ?et cochez la case. Si vous souhaitez que le coupon soit appliqué automatiquement, cochez la caseApplication automatique ?à côté, puis enregistrez les modifications.

Désormais, les clients n'ont plus à se soucier des codes de réduction et peuvent effectuer leurs achats plus rapidement.

Un homme travaille sur une feuille de calcul dans son bureau, à mi-chemin du sablier.

Temps de chargement des pages plus rapides

Bien qu'il ne s'agisse pas nécessairement d'une personnalisation de la page de paiement de WooCommerce, le fait de s'assurer que votre site WordPress est optimisé pour des temps de chargement rapides peut contribuer à rendre le processus de paiement rapide et facile. Même si vous utilisez l'optionPlugin de mise en cacherépondre en chantantRéseau de diffusion de contenu(CDN), les paniers d'achat et les pages de paiement ne fournissent généralement pas non plus de contenu mis en cache.

S'il est souvent recommandé aux sites web d'utiliser la mise en cache côté serveur et les plugins de mise en cache afin de diffuser rapidement un contenu relativement statique, il est vrai qu'il n'est pas souhaitable de mettre en cache des pages très dynamiques pour les visiteurs ( Mais il est vrai qu'il n'est pas souhaitable de mettre en cache des pages très dynamiques pour les visiteurs (tels que "Mon compte", "Panier" et "Paiement".).

Dans ce cas, de nombreux problèmes peuvent se poser, par exemple :

  • Les clients ne peuvent pas mettre à jour leur panier d'achat
  • Vous rencontrez le mauvais article du panier sur la page de paiement.
  • Affichage des informations de paiement mises en cache par d'autres comptes d'utilisateurs lors du paiement par le client
  • Les achats récents n'apparaissent pas dans mon compte

C'est pourquoi, par défaut, l'optimisation pour WooCommerce et la plupart des plugins de mise en cache incluront ces éléments et d'autres.page dynamiqueExclues de la mise en cache. Toutefois, cela signifie que si vous comptez sur les plugins de mise en cache et les CDN pour accélérer votre site sans autres optimisations côté serveur, les pages non mises en cache (telles que les pages de paiement) peuvent se charger plus lentement que le reste de votre site.

2. améliorer l'apparence de la page de paiement

La page de paiement de WooCommerce peut hériter des styles du thème ou utiliser les styles par défaut de WooCommerce. Dans un cas comme dans l'autre, l'apparence de la page de paiement prête à l'emploi ne convient pas à tous les sites web. 

Modifiez le style de la page de paiement pour qu'elle soit plus cohérente avec l'image de marque de votre site web, ou ajustez simplement la taille de la police pour que les étiquettes des champs soient plus faciles à lire. Ou, mieux encore, supprimez complètement les étiquettes de champ et gagnez de la place en marquant les champs d'un texte de remplacement.

Formulaires d'informations d'expédition WooCommerce juxtaposés - l'un utilise des étiquettes de champ et l'autre des espaces réservés.

Pour supprimer les libellés des champs d'un formulaire de paiement basé sur des blocs, ajoutez la feuille de style CSS suivante à la sectionfichier style.cssdans l'éditeur de site complet ou dans ledans le champ Append CSS.

components-form .wc-block-components-text-input label, .wc-block-components-text-input label {

display:none ;

}

.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block- components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components- form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block- components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label {

   display : none ;

}

Cependant, si vous ne voulez pas laisser le champ de saisie complètement vide, vous pouvez envoyer un message à la fonctionfichier functions.phpAjoutez quelques extraits de code pour personnaliser le texte de l'espace réservé, comme indiqué ci-dessous :

add_filter( 'woocommerce_checkout_fields' , 'override_placeholder_text_checkout_fields', 20, 1 ) ;

function override_placeholder_text_checkout_fields( $fields ) {

$fields['billing']['billing_email']['placeholder'] = 'Email Address ' ;
 $fields['billing']['billing_first_name']['placeholder'] = 'Prénom' ; $fields['billing']['billing_last_name']['placeholder'] = "Nom de famille" ; $fields['billing']['billing_postcode']['placeholder'] = "Code postal" ;
$fields['billing']['billing_city']['placeholder'] = 'Ville' ; $fields['shipping']['shipping_first_name']['placeholder'] = ' Prénom ' ; $fields['shipping']['shipping_last_name']['placeholder'] = 'Nom' ; $fields['shipping']['shipping_postcode'][' placeholder']] = "Code postal" ; $fields['shipping']['shipping_city']['placeholder'] = "Town/City *" ;

retour $fields ;
}

Quels que soient les aspects que vous souhaitez mettre en place, vous pouvez le faire en utilisant une combinaison de CSS, d'actions et de filtres. Faites des essais avec les mises en page, les polices, les combinaisons de couleurs et la taille des champs et des boutons. N'oubliez pas de veiller à ce que les pages de paiement soient faciles à lire et faciles d'accès. 

3. accroître la satisfaction des clients et les fidéliser

S'il est important de rationaliser le processus de paiement de la boutique, d'autres améliorations peuvent être apportées à la page de paiement afin d'améliorer l'expérience de l'utilisateur. Des options de livraison, la commande de produits supplémentaires et la possibilité de gagner des points et des récompenses pourraient être proposées. 

Le formulaire de paiement peut être agrémenté d'options qui occupent très peu d'espace tout en les mettant en évidence au moment du paiement. Bien entendu, la plupart de ces champs doivent être totalement facultatifs.

Examinons de plus près quelques-unes des façons dont vous pouvez modifier la méthode de paiement.

Un large éventail d'options d'expédition et de livraison est disponible

Les clients qui dépassent 60% seront concernés par le supplément deFret, taxesrépondre en chantantAutres coûtsLes clients de % renonceront à leurs achats s'ils estiment que les délais de livraison sont trop longs.

Vous pouvez le faire dans WooCommerce → Paramètres → Expédition.dans l'option Gérer les zones d'expédition et sélectionnez la zone d'expédition que vous souhaitez modifier.

Paramètres d'expédition de WooCommerce dans le tableau de bord de WordPress.

Activez la méthode d'expédition gratuite et enregistrez les modifications. Si vous souhaitez ajouter une autre méthode d'expédition (Pour les livraisons accélérées), vous pouvez cliquer surAjouter un mode de livraisonpuis sélectionnezLivraison à taux fixe. Sélectionnez le nom du mode de livraison, choisissez si les frais de port sont taxables ou non, puis saisissez le coût.

Paramètres d'expédition forfaitaire de WooCommerce pour le backend de WordPress.

Crée et enregistre une nouvelle méthode d'expédition.

En plus d'activer les options de livraison gratuite et accélérée, il est également possible pour les clients de sélectionner une date et une heure spécifiques pour la livraison de la commande grâce à la fonction Order Delivery de WooCommerce. Ce type de fonctionnalités est particulièrement utile si vous gérez un restaurant, un fleuriste ou toute autre entreprise qui propose des services de livraison locaux. 

Extension de livraison de commande pour les bannières WooCommerce.

Vous trouverez ci-dessous quelques-unes des actions qui peuvent être effectuées à l'aide de la fonction de livraison des commandes de WooCommerce :

  • Afficher le sélecteur de date de livraison
  • Afficher la date de livraison estimée
  • Permettre aux clients de choisir une heure ou un créneau de livraison spécifique
  • Définir les délais de livraison pour chaque mode de transport
  • Limiter le nombre de commandes pouvant être livrées à une date ou une période donnée afin d'éviter une surcharge de travail et des retards de livraison.
  • Faire payer un supplément aux clients pour des dates de livraison et des créneaux horaires spécifiques
  • Précisez les dates auxquelles la livraison n'est pas possible (par exemple, les week-ends et les jours fériés).

En offrant aux clients des options d'expédition et de livraison pratiques, on peut leur donner l'impression que l'on se soucie de leur expérience.

Inclut le module complémentaire de paiement

Proposer des services optionnels aux clients au moment du paiement est un excellent moyen d'accroître leur satisfaction. Vous pouvez le faire en utilisant le champ Notes de commande, mais cela présente de nombreux inconvénients.

Si l'on s'appuie sur "Commande Remarques"Dans le cas d'une telle personnalisation des commandes, il serait difficile de rester organisé lors du traitement de la commande, en particulier si le client a demandé plusieurs services spéciaux. Il est également impossible de facturer des services supplémentaires. En outre, il n'est pas possible de savoir combien de clients ont demandé chaque service supplémentaire.

Skyverge checkout plugin pour les bannières WooCommerce.

La meilleure façon de gérer le module complémentaire de caisse est d'utiliser la fonctionWooCommerce Checkout Add-onsExtensions. Avec l'extension WooCommerce Checkout, vous pouvez :

  • fournir des services gratuits ou payants.comme la gravure ou d'autres services personnalisés, l'assurance transport, les cadeaux d'entreprise ou le traitement accéléré
  • Ajoutez des options de cadeauPar exemple, les notes de cadeaux, les emballages et les reçus.
  • Saisissez l'indice.
  • Accepter les téléchargements de fichiers

Pour contrôler le nombre de champs sur la page de paiement de WooCommerce, les modules complémentaires peuvent être affichés de manière conditionnelle en fonction des valeurs des sous-totaux du panier, de certains produits dans le panier ou d'un autre module complémentaire. 

Exprimez la proposition de valeur par des icônes et des titres.

Ajouter un symbole de confiance à la caisse (ou non)

Une autre raison importante pour laquelle les clients renoncent à faire des achats est qu'ils ne font pas confiance au site pour leur fournir les informations relatives à leur carte de crédit. Si les clients estiment que le site n'est pas sûr, ils ne paieront pas. 

De plus en plus d'hébergeurs incluent automatiquement des versions gratuites de certificats de sécurité ( SSL/TSL ) qui répondent aux normes web actuelles (Depuis 2017, Google signale comme non sécurisé tout site web ne disposant pas d'un certificat de sécurité).

Personnaliser la page de paiement de WooCommerce : Tutoriel complet

4. canaux de commercialisation des abonnements

Un autre objectif de la page de paiement de WooCommerce pourrait être de diriger les clients vers des canaux de remarketing tels que l'email marketing et le SMS. 

Si vous utilisez déjà une plateforme de marketing par courriel, il existe une intégration WooCommerce. La plupart de ces intégrations permettent d'ajouter une case à cocher "opt-in" sur la page de paiement. En voici un exemple.MailPoetInclut ce paramètre ainsi que des messages opt-in personnalisés.

MailPoet Settings WooCommerce Opt-In Display Options.

Si vous souhaitez que vos clients acceptent de recevoir des mises à jour de commandes et des offres spéciales par SMS, vous pouvez utiliser l'optionWooCommerce SMS. Cette extension ajoutera une case à cocher "opt-in" sous le champ du numéro de téléphone sur la page de paiement de WooCommerce.

Informations sur le client (email, téléphone, etc.) dans WooCommerce Checkout.

La page de paiement est la dernière occasion pour votre boutique de rester en contact avec vos clients avant qu'ils ne partent. Si vous voulez vous assurer qu'ils reviennent, donnez-leur la possibilité de s'inscrire pour poursuivre la communication.

Certains sites peuvent avoir besoin d'ajouter ou de personnaliser des champs sur la page de paiement pour répondre à des besoins commerciaux spécifiques ou à des obligations légales.

Par exemple, si vous transportez des animaux vivants tels queLa ferme à vers de l'oncle JimIl se peut que vous deviez ajouter des informations sur la manière dont votre commande sera expédiée et sur le moment où elle le sera, ainsi que sur les délais de livraison, et inclure certaines clauses de non-responsabilité.

Informations sur les transports destinées aux clients, avec des icônes, des titres et des paragraphes.

Nous contacter
Vous ne pouvez pas lire l'article ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
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.
Posté par photon fluctuations, retweeté avec attribution :https://www.361sale.com/fr/21256/

Comme (0)
Précédent 6 jours ago
Suivant 5 jours ago

Recommandé

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Nous contacter

020-2206-9892

QQ咨询:1025174874

Courriel : info@361sale.com

Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.

Service clientèle WeChat