Comment personnaliser le bouton Ajouter au panier dans woocommerce
Vous pouvez personnaliser la page du panier de plusieurs façons. Dans ce tutoriel, nous nous concentrerons sur le bouton Ajouter au panier. Nous vous montrerons plusieurs options afin que vous puissiez choisir celle qui correspond le mieux à vos besoins. Nous utiliserons quelques plug – ins et quelques programmes, mais toutes les options sont pour les débutants.
Dans ce guide, nous vous montrerons comment: Modifier le texte du bouton Ajouter au panier ajouter du texte au – dessus ou au – dessous du bouton Ajouter au panier changer la couleur du bouton Ajouter au panier supprimer le bouton Ajouter au panier et ajouter un bouton d’achat direct sur la page du magasin personnaliser le bouton Ajouter au panier et ajouter un bouton d’achat direct La page produits nous montre comment faire ces choses étape par étape. Comme nous allons éditer quelques fichiers maîtres, il est recommandé de créer un sous – thème avant de commencer. Vous pouvez suivre ce guide pour utiliser des plug – ins ou générer des sous – thèmes pour placer des fragments de code PHP à la fin du fichier de fonctions. Php du sous – thème colle un clip CSS dans un style de fichier. Comment modifier le texte du bouton Ajouter au panier dans woocommerce commençons par quelque chose de simple en éditant le texte du bouton pour créer un bouton Ajouter au panier personnalisé. Supposons que vous changiez le texte ajouter à la carte en « acheter cet article ». Pour ce faire, il suffit de copier et coller le code suivant:
Ajouter un filtre (‘woocomberce _ Product Single Add to cart text’, ‘QL Customize Add to cart button woocomberce’);
Fonction QL _ Customize Add to cart button woocomberce () {
Retour \ (‘buy this item’, ‘woocomberce’);
}
Enfin, nous pouvons faire quelque chose de similaire et personnaliser le bouton Ajouter au panier pour rediriger l’utilisateur de la page produit vers la page Checkout. Comme au point 4, l’idée est de raccourcir le processus d’achat afin d’améliorer le taux de conversion. Pour ce faire, dans le tableau de bord WordPress, allez à woocommerce > paiement direct > général. Encore une fois, Sélectionnez Oui dans le champ redirection ajouter au panier, et sélectionnez Checkout dans le champ redirection ajouter au panier et remplacer l’URL du panier. Le bouton Ajouter au panier ajoutera maintenant le produit et redirigera le client vers la page de paiement, et vous devrez modifier le texte du bouton. Nous avons remplacé le texte ajouté au panier par buy now. Pour ce faire, allez à l’onglet produits et configurez comme suit: De cette façon, vous pouvez facilement créer des boutons personnalisés \
Quadlayers _ Custom Add to cart message () {
$message = ‘votre produit a été ajouté à votre panier. Grazie per l’acquisto con noi! »;
Renvoie un message $;
} dans ce cas, nous éditons un message qui a été ajouté au panier dans votre produit. Merci d’avoir acheté avec nous! Pour le rendre plus personnalisé, vous pouvez voir le nom du produit que le client vient d’ajouter au panier comme suit: Add _ filter (‘WC Add to cart message’, ‘quadrayers Custom WC Add to cart message’, 10, 2);
Fonctions ici