Pourquoi devriez-vous personnaliser la page de remerciement WooCommerce ?

La page de remerciement est la page que les utilisateurs voient après avoir terminé une commande. Par défaut, il remercie simplement les acheteurs pour leur achat et fournit des informations de base sur la commande telles que le numéro de commande, les articles achetés, le prix, le mode de paiement, etc. Il n’y a rien de mal à cela, mais vous pouvez faire un bien meilleur usage de cette page. La page de remerciement est souvent négligée mais peut être extrêmement puissante. Gardez à l’esprit que tous vos acheteurs le verront après avoir passé une commande, c’est donc une excellente occasion de vendre ou de donner des informations utiles à vos clients. En personnalisant la page de remerciement, vous pouvez offrir une bien meilleure expérience après-vente à vos acheteurs. Si quelqu’un voit votre page de remerciement, c’est parce qu’il a passé une commande dans votre boutique. Cela signifie qu’ils vous font confiance (au moins assez pour acheter chez vous). Comme vous le savez probablement, il est beaucoup plus facile de vendre à quelqu’un qui a déjà acheté chez vous qu’à de nouveaux clients. Même si votre objectif principal n’est peut-être pas de vendre quelque chose, vous pouvez travailler pour transformer cet acheteur en un client fidèle. Par exemple, vous pouvez modifier la page de remerciement et ajouter des guides utiles, des liens de parrainage que les utilisateurs peuvent partager pour obtenir une récompense, des offres exclusives, des remises sur de futurs achats, etc. Il existe plusieurs façons de personnaliser la page de remerciement pour améliorer l’expérience utilisateur et faire revenir les clients dans votre magasin. Dans la section suivante, nous allons vous montrer différentes méthodes pour modifier la page de remerciement WooCommerce par programme.

Comment éditer la page de remerciement WooCommerce par programmation : 2 méthodes

Il y a deux façons principales de modifier la page de remerciement par programmation dans WooCommerce:

  1. Utiliser des crochets
  2. Remplacer les fichiers modèles

De plus, vous pouvez également combiner les deux méthodes en fonction de chaque exigence spécifique. Regardons de plus près les deux sens. REMARQUE: Comme nous allons modifier certains fichiers principaux, avant de commencer, nous vous recommandons de créer une sauvegarde complète de votre site et d’installer un thème enfant. Si vous ne savez pas comment procéder, consultez ce guide pour en créer un ou utiliser l’un de ces plugins.

1) Personnalisez la page de remerciement à l’aide de crochets

Pour exécuter les crochets WooCommerce, nous allons travailler sur le fonctions.php fichier du thème enfant. Nous avons besoin de ce fichier pour écraser celui du thème parent. Certains des crochets fournis par WooCommerce fonctionnent sur la page de remerciement, tels que woocommerce_before_thankyou et woocommerce_thankyou. De plus, vous pouvez modifier le titre et le contenu avec des crochets de filtre tels que woocommerce_endpoint_order-received_title et woocommerce_thankyou_order_received_text. Pour utiliser l’un de ces crochets, vous déclencherez chacun d’eux en ajoutant l’extrait suivant au functions.php fichier du thème enfant :

add_action('woocommerce_before_thankyou','QuadLayers_before_thankyou'); function QuadLayers_before_thankyou(){ echo "TEST"; }

Les crochets de filtre fonctionnent de la même manière, mais ils doivent renvoyer une valeur. le ‘woocommerce_before_thankyou’ filter hook modifiera le titre de la page de remerciement comme suit :

add_filter( 'woocommerce_endpoint_order-received_title', 'QuadLayers_thank_you_title' ); function QuadLayers_thank_you_title( $old_title ){ return 'You're awesome!'; }

2) Modifier la page de remerciement en écrasant les fichiers de modèle

Une autre façon de modifier la page de remerciement WooCommerce par programme consiste à écraser les fichiers de modèle. Il convient de noter que l’écrasement des fichiers de modèle vous donne beaucoup de flexibilité, mais lorsque vous écrasez un fichier de modèle, les crochets qui fonctionnent sur ce fichier ne fonctionneront plus. Pour écraser les fichiers de modèle, vous devez copier le merci.php situé dans le dossier WC plugin templates et collez le fichier du même nom dans le dossier WooCommerce de votre thème enfant incluant le sous-dossier checkout comme suit : Remplacer le modèle woocommerce de la page de remerciement Pour en savoir plus sur la personnalisation des fichiers modèles dans WooCommerce, consultez ce guide. Après cela, vous pourrez modifier librement le merci.php fichier de votre thème enfant et écrasez celui par défaut.

Exemples de scripts pour modifier la page de remerciement WooCommerce par programmation

Dans cette section, nous allons vous montrer différents scripts que vous pouvez utiliser pour modifier votre page de remerciement WooCommerce par programmation. Pour ce didacticiel, nous utiliserons le thème Storefront, il peut donc sembler un peu différent si vous utilisez un thème différent. Voici à quoi ressemble la page de remerciement par défaut dans WooCommerce : Comment personnaliser la page de remerciement dans WooCommerce

1) Ajoutez du contenu personnalisé à la page de remerciement

Comme vu précédemment, nous pouvons utiliser les crochets WooCommerce pour ajouter un titre personnalisé. Cette fois, nous ajouterons plus de contenu utile, afin que les clients puissent nous suivre sur les réseaux sociaux. Collez le code suivant sur le functions.php fichier de votre thème enfant :

add_filter( 'woocommerce_endpoint_order-received_title', 'QuadLayers_thank_you_title' ); function QuadLayers_thank_you_title( $old_title ){ return 'You're awesome!'; } add_filter( 'woocommerce_thankyou_order_received_text', 'QuadLayers_thank_you_details', 20, 2 ); function QuadLayers_thank_you_details( $thank_you_title, $order ){ $str="

Oh " . $order->get_billing_first_name() . ', thank you so much for your order!

'; $str.='

We will get in touch with you shortly to deliver your purchase.

'; $str.='

Stay tuned to get latest announcements and follow us on our social media profiles

>'; $str.= '
'; $str.='
'; $str.='
'; $str.='

Here is all information about your order. Cheers!

'; return $str; }

N’oubliez pas de remplacer les URL des images par le chemin de l’URL de votre propre site Web. En plus de cela, vous devez insérer des backlinks vers vos profils de médias sociaux, de sorte que lorsque les utilisateurs cliquent sur le lien, ils deviendront des abonnés. Ce sera le résultat: Inclure du contenu personnalisé sur la page de remerciement

2) Afficher les informations sur le produit sur la page de remerciement

Une autre alternative intéressante consiste à afficher d’autres produits, afin que les clients puissent acheter d’autres articles qui les intéressent. Pour afficher des produits spécifiques, vous pouvez utiliser des shortcodes WooCommerce comme celui-ci :

add_action( 'woocommerce_thankyou', 'QuadLayers_thankyou_page', 10, 2 ); function QuadLayers_thankyou_page(){ $sh="

You might want to check these other products.

"; $sh .='

‘).’