Comment personnaliser la page de remerciement WooCommerce : plugins et codage

Publié: 2021-07-15

Cherchez-vous des moyens de tirer le meilleur parti de vos pages de remerciement après achat pour une meilleure génération de prospects ? Alors cet article est parfait pour vous. Dans ce guide, nous verrons différentes manières de personnaliser la page de remerciement WooCommerce à la fois à l'aide de plugins et par programmation .

Qu'est-ce que la page de remerciement dans WooCommerce ?

Généralement, lorsque vos clients achètent vos produits, ils sont redirigés vers une page de remerciement . Cette page donne généralement aux clients des informations sur la commande qu'ils ont passée, telles que le numéro de commande, le produit qu'ils ont acheté, le mode de paiement, etc.

Même si la page de remerciement par défaut fournie avec WooCommerce par défaut est correcte, ce n'est pas exactement la plus optimale lorsqu'il s'agit d'améliorer vos ventes ou d'attirer l'attention de vos clients.

Pourquoi modifier la page de remerciement ?

La page de remerciement est la première page que vos acheteurs voient après avoir acheté chez vous. Cela signifie que c'est la seule page que tous vos clients verront, c'est donc un moyen supplémentaire de booster vos ventes. Par exemple, vous pouvez rediriger les acheteurs vers des produits connexes, proposer des offres exclusives, promouvoir de nouveaux produits, etc.

Alternativement, vous pouvez afficher des messages de remerciement personnalisés qui vous aideront à vous démarquer de 99 % des sites de commerce électronique. Avec une page de remerciement personnalisée, vous ouvrez de nouvelles voies non seulement pour augmenter vos ventes, mais également pour offrir à vos clients une meilleure expérience après-vente.

Le problème est que, par défaut, WooCommerce n'offre pas beaucoup d'options de personnalisation pour votre page de remerciement. C'est pourquoi, dans ce guide, nous vous montrerons différentes méthodes que vous pouvez utiliser pour modifier votre page de remerciement.

Comment personnaliser la page de remerciement WooCommerce

Il existe différentes manières de personnaliser la page de remerciement dans WooCommerce :

  1. Avec des plugins
  2. Par programmation

Examinons chaque méthode afin que vous puissiez choisir celle qui vous convient le mieux.

1) Modifier la page de remerciement WooCommerce avec des plugins

Il existe de nombreux outils pour modifier la page de remerciement dans WooCommerce. Ce sont quelques-uns des meilleurs.

1.1) Personnalisation de la page de remerciement NextMove

personnaliser la page de remerciement woocommerce - nextmove lite

Avec le personnalisateur de page de remerciement NextMove , vous pouvez créer de nouvelles façons de maintenir l'intérêt des clients pour votre boutique. Il contient de nombreux composants intéressants que vous pouvez intégrer à vos pages de remerciement de plusieurs manières. Par exemple, vous pouvez ajouter des boutons de partage social, recommander des produits, du contenu HTML, des vidéos et même des coupons dynamiques. En plus de cela, vous pouvez ajouter une carte de localisation ainsi que des détails sur la commande et le client pour générer plus de fidélité et trouver des moyens de mieux servir vos clients.

De plus, NextMove est compatible avec la plupart des constructeurs de pages, vous pouvez donc simplement ajouter la page de remerciement personnalisée à l'aide de ses codes abrégés pratiques. De plus, le plugin a également une version pro avec des composants supplémentaires conçus pour la génération de leads. Cela inclut des coupons personnalisés et dynamiques, des options de pots-de-vin intelligents, des produits connexes, etc.

Principales caractéristiques
  • Grande variété de composants à ajouter à votre page de remerciement
  • Compatible avec les constructions de pages et chaque composant est livré avec son propre shortcode dédié
  • Options pour ajouter du contenu HTML à votre page de remerciement avec les détails de la commande et les détails du client
Tarification

Le personnalisateur de page de remerciement NextMove est un plugin freemium. Il a une version gratuite avec des fonctionnalités de base et un plan Pro qui commence à 29 USD par an.

1.2) Merci de rediriger pour WooCommerce

personnaliser la page de remerciement de woocommerce -redirection de remerciement

Merci Redirect pour WooCommerce est un plugin simple et facile à utiliser qui vous permet de définir une page de redirection pour vos produits. Il vous permet de définir une page de remerciement pour vos clients selon qu'ils achètent ou non vos produits avec succès.

Créez une page de remerciement personnalisée avec un message de remerciement spécifique ainsi que du contenu supplémentaire tel que les détails de la commande ainsi que la compatibilité de la traduction linguistique. Le plugin vous permet également d'ajouter une page de remerciement globale ou de définir des URL de redirection par produit pour encore plus de flexibilité.

En plus de cela, la version pro est livrée avec des fonctionnalités étendues telles que la compatibilité multisite ainsi que la compatibilité avec les abonnements et les dons WooCommerce.

Principales caractéristiques
  • Plugin de redirection facile à utiliser pour les pages de remerciement WooCommerce
  • Pages de remerciement personnalisées avec des messages spécifiques, des traductions et des détails de commande
  • Créer et définir des redirections basées sur le produit si nécessaire
Tarification

Merci Redirect car WooCommerce est un outil freemium. La version gratuite a des fonctionnalités standard tandis que le plan Pro commence à 15 USD pour un seul site Web et comprend des fonctionnalités plus avancées.

1.3) Personnalisateur de page de remerciement WooCommerce

personnaliser la page de remerciement woocommerce - personnalisateur de page de remerciement woocommerce

Améliorez vos ventes et les réponses de vos clients avec le personnalisateur de page de remerciement pour WooCommerce . Cet excellent plugin fournit un outil facile à utiliser pour éditer facilement vos pages de remerciement. Profitez d'un personnalisateur en direct et d'une large gamme de composants parmi lesquels choisir. Ajoutez des messages de remerciement, des coupons, des détails de commande, des détails de confirmation, des boutons de partage sur les réseaux sociaux, etc. Vous pouvez également modifier facilement la position des éléments, des couleurs, des motifs et bien plus encore.

Avec le personnalisateur de page de remerciement, vous pouvez non seulement ajouter des icônes de médias sociaux, mais également inclure des médias et des textes personnalisés. De même, il vous permet d'ajouter facilement une carte Google Map à votre page de remerciement pour diriger vos clients vers votre boutique.

Principales caractéristiques
  • Personnalisateur de page de remerciement convivial avec aperçu en direct
  • Options pour concevoir, personnaliser et choisir les positions de chaque composant de la page de remerciement
  • La version Pro ajoute plus de fonctionnalités pour les produits en vedette, les ventes croisées et les ventes incitatives, ainsi que des diaporamas et des coupons applicables aux règles
Tarification

Merci Page Customizer est un plugin freemium. La version gratuite est livrée avec des fonctionnalités de base tandis que le plan Pro commence à 26 USD pour une seule licence.

Comment personnaliser la page de remerciement WooCommerce avec NextMove Lite

Pour cette démonstration, nous utiliserons la version gratuite de la page de remerciement NextMove WooCommerce . C'est un outil convivial pour les débutants et sa conception prête pour les codes courts facilite le déploiement de vos pages de remerciement.

Installez le plug-in NextMove Lite

Tout d'abord, installez le plugin en ouvrant votre tableau de bord d'administration WP et en allant dans Plugins > Ajouter un nouveau . Ensuite, utilisez la barre de recherche en haut à droite pour rechercher la page de remerciement Next Move WooCommerce , puis cliquez sur Installer dans l'onglet du plugin. Cliquez sur Activer une fois le bouton mis à jour.

personnaliser la page de remerciement de woocommerce - installer le plugin

Après cela, vous serez invité avec une demande de suivi de diagnostic que vous pouvez facilement refuser ou accepter en utilisant Ignorer ou Autoriser et continuer respectivement.

Ensuite, vous serez redirigé vers l'écran Pages de remerciement où vous pourrez choisir de personnaliser une page de remerciement existante ou d'en créer une nouvelle.

Commençons par modifier votre page existante.

Modifier et personnaliser les pages de remerciement avec NextMove Lite

Accédez à XLPlugins > NextMove Lite et sous votre page de remerciement, cliquez sur Composants.

personnaliser la page de remerciement de woocommerce - composants d'édition du prochain film

Vous serez maintenant redirigé vers l'écran de personnalisation de la page de remerciement où vous pourrez librement ajouter ou modifier l'un de vos composants.

Commençons par ajouter un simple texte et une vidéo à votre page de remerciement.

Cliquez simplement sur l'un des composants de la colonne de gauche Sélectionner les composants et appuyez sur Activer sur l'écran central Modifier le composant .

personnaliser la page de remerciement de woocommerce - prochain film activer le texte simple

Ajouter un élément de texte à votre page de remerciement

Vous pouvez maintenant personnaliser votre texte en ajoutant une petite section d'en-tête, du texte, puis en personnalisant votre texte en conséquence. Continuons et personnalisons le composant de texte en ajoutant un titre, le texte requis et en y ajoutant un peu de couleur de police.

personnaliser la page de remerciement de woocommerce - activer le texte simple

Ensuite, vous pouvez utiliser la colonne de droite pour choisir la mise en page de votre page de remerciement entre une simple colonne ou une double colonne. Après cela, vous pouvez réorganiser vos composants en les faisant glisser et en les déposant de la liste.

Pour notre page de remerciement, nous voulons que notre texte simple soit en haut, alors faisons simplement glisser notre composant Texte simple vers le haut, comme indiqué ci-dessous.

personnaliser la page de remerciement de woocommerce - prochaine étape organiser les composants

Ajouter un composant vidéo à votre page de remerciement

Ce n'est que la première étape. Ajoutons une vidéo pour rendre notre page de remerciement plus attrayante. En suivant le même processus, sélectionnez Vidéo et activez le composant .

personnaliser la page de remerciement de woocommerce - prochaine étape ajouter une vidéo

Ensuite, vous pouvez ajouter un titre et un texte de description ainsi que la source vidéo via une URL ou un code d'intégration. Pour l'instant, ajoutons une simple vidéo YouTube comme source pour promouvoir l'un de nos produits.

personnaliser la page de remerciement de woocommerce - ajouter une vidéo

Vous pouvez également activer des options supplémentaires pour les composants ainsi que définir une disposition et réorganiser vos composants comme vu précédemment.

De plus, vous pouvez modifier librement l'un des composants existants tels que les informations de commande et les détails de la commande en appuyant sur Composants dans la colonne de gauche et en le modifiant en conséquence.

Jetons un coup d'oeil à un exemple.

Modifier et personnaliser les composants des pages de remerciement

Si nous cliquons sur Informations sur la commande , nous verrons l'écran Modifier le composant où nous pourrons choisir les icônes, les en-têtes de commande et les sous-titres. Le plug-in vous permet également d'ajouter des balises dynamiques spécifiques que vous pouvez modifier en fonction des détails et des informations de la commande de votre client.

Ajoutons une ligne supplémentaire sur vos sous-titres indiquant "Les détails supplémentaires de la commande seront envoyés à {{customer_email}}".

Une fois que vous avez terminé de personnaliser votre page de remerciement, appuyez sur le bouton Enregistrer en haut à droite pour enregistrer votre page de remerciement personnalisée. Si vous voulez voir à quoi ressemble votre page de remerciement sur le devant, cliquez sur Aperçu .

Donc, après tous ces changements, voici notre page de remerciement personnalisée :

Comme vous pouvez le constater, nous avons personnalisé le texte et ajouté une vidéo faisant la promotion d'un de nos produits. Vous pouvez utiliser plus de fonctionnalités et le personnaliser encore plus pour l'améliorer.

Une chose importante à considérer est que le plugin vous permet d' ajouter plusieurs pages de remerciement et de définir des règles différentes pour chaque page. De cette façon, vous pouvez créer et définir différentes pages de remerciement à afficher pour différents produits, catégories, rôles, etc.

Voyons comment faire cela.

Configurer des règles pour plusieurs pages de remerciement

Commençons par créer une nouvelle page en cliquant sur Add New sur l' interface du plugin . Donnez un titre à votre page de remerciement, puis faites défiler jusqu'à la section Règles .

personnaliser la page de remerciement de woocommerce - prochaine étape créer une nouvelle page de remerciement

Ici, vous pouvez définir les règles de vos produits afin que cette page de remerciement spécifique n'apparaisse à vos clients que s'ils achètent des produits en fonction de vos règles. Pour notre démonstration, nous allons définir la règle sur Order Category et, dans le champ de droite, choisir la catégorie à appliquer à la règle. Par exemple, affichons cette page de remerciement uniquement lorsque les clients achètent quelque chose dans la catégorie Produits groupés.

Vous pouvez également ajouter d' autres règles en cliquant sur les boutons ET ou OU afin que les règles soient vérifiées en fonction de plusieurs conditions.

Ajouter une priorité et des redirections à votre page de remerciement

Dans la barre latérale de droite, vous pouvez choisir la page vers laquelle la page de remerciement redirigera les utilisateurs . Sélectionnez la page Mon compte , puis choisissez votre priorité de page en dessous. Cela vous permet de définir la priorité d'une page si vous avez plusieurs priorités. Étant donné que cette page actuelle doit d'abord être appliquée à tout produit groupé, définissons la priorité la plus élevée (1).

Ensuite, cliquez sur Publier et votre nouvelle page de remerciement devrait être créée.

Vous pouvez maintenant revenir en arrière et modifier cette page de remerciement nouvellement créée en suivant les étapes décrites ci-dessus pour la personnaliser.

N'oubliez pas de prévisualiser et de modifier la page de remerciement en conséquence et d'utiliser les balises fournies pour ajouter des éléments dynamiques à votre page de remerciement.

2) Comment personnaliser la page de remerciement WooCommerce par programmation

Si vous ne souhaitez installer aucun plugin, vous pouvez personnaliser votre page de remerciement WooCommerce par programmation . C'est une option très intéressante pour les utilisateurs WordPress/WooCommerce plus expérimentés et nécessite un peu de connaissances en codage.

REMARQUE : Avant de commencer avec cette méthode, assurez-vous de créer une sauvegarde complète de votre site et d'installer un thème enfant.

La façon la plus simple de le faire est d'ajouter un simple crochet WooCommerce au fichier functions.php de votre thème enfant. De cette façon, vous pouvez envoyer des textes ou des messages personnalisés à vos acheteurs lorsqu'ils accèdent à votre page de remerciement.

Par exemple, un code simple que vous pouvez ajouter pour personnaliser le texte est :

 add_action('woocommerce_before_thankyou','QuadLayers_before_thankyou');
fonction QuadLayers_before_thankyou(){
echo "Merci d'avoir acheté chez QuadLayers" ;
}

Placez simplement ce code dans le fichier functions.php de votre thème enfant. Pour ce faire, ouvrez votre éditeur de thème en allant dans Apparence > Éditeur de thème. Ensuite, utilisez la barre latérale droite pour trouver le fichier functions.php et collez le code comme indiqué ci-dessous.

personnaliser la page de remerciement woocommerce - fonctions code php

Cliquez sur Mettre à jour le fichier et c'est tout !

Comme vous pouvez l'imaginer, vous pouvez faire beaucoup plus. Pour modifier correctement la page de remerciement WooCommerce par programme, vous devrez personnaliser vos fichiers de modèle. Pour en savoir plus sur ce processus et sur d'autres exemples de choses que vous pouvez faire, consultez notre guide sur la façon de personnaliser la page de remerciement WooCommerce par programme.

Conclusion

Dans l'ensemble, la page de remerciement est l'une des rares pages que tous vos clients verront. Cette page est souvent négligée mais peut vous aider à augmenter vos ventes si elle est utilisée intelligemment. Par exemple, vous pouvez rediriger les acheteurs vers des produits connexes, proposer des offres exclusives, etc. Ce faisant, non seulement vous serez déjà différent de 99% des sites de commerce électronique qui utilisent la page de remerciement par défaut, mais vous pouvez également créer des moyens d'offrir à vos clients une meilleure expérience après-vente.

Dans ce guide, nous vous avons montré différentes manières de personnaliser la page de remerciement WooCommerce . Lequel choisir ? Si vous voulez quelque chose de rapide et facile, choisissez un plugin que vous aimez et vous pourrez éditer votre page de remerciement en quelques minutes. Si vous avez des compétences en codage, en revanche, vous pouvez personnaliser vos pages de remerciement par programmation. Cela demande un peu plus de travail mais offre beaucoup de flexibilité.

Pour plus de guides sur la façon de tirer le meilleur parti de votre boutique, consultez ces tutoriels :

  • Comment personnaliser la page Mon compte WooCommerce
  • Modifier la page produit dans WooCommerce
  • Comment personnaliser la page 404 dans WordPress

Avez-vous modifié vos pages de remerciement WooCommerce ? Quelle méthode as-tu utilisé ? Faites-nous savoir dans la section commentaires ci-dessous!