{"id":227630,"date":"2022-09-23T10:26:00","date_gmt":"2022-09-23T07:26:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227630"},"modified":"2022-11-09T02:20:58","modified_gmt":"2022-11-08T23:20:58","slug":"redirection-woocommerce-apres-le-paiement-comment-la-configurer","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/redirection-woocommerce-apres-le-paiement-comment-la-configurer\/","title":{"rendered":"Redirection WooCommerce apr\u00e8s le paiement\u00a0: comment la configurer"},"content":{"rendered":"\n

Comment pouvez-vous rediriger les clients vers une belle page de remerciement personnalis\u00e9e pour votre produit sp\u00e9cifique\u00a0?<\/p>\n

L’une des redirections WooCommerce les plus courantes se produit apr\u00e8s le paiement \u00e0 la caisse. Par d\u00e9faut, ils sont redirig\u00e9s vers une page "Merci".<\/p>\n

Vous souhaitez probablement que l’utilisateur arrive sur une page personnalis\u00e9e une fois la commande pass\u00e9e, o\u00f9 le service apr\u00e8s-vente et le support peuvent \u00eatre g\u00e9r\u00e9s.<\/p>\n

Cet article cr\u00e9\u00e9 par notre \u00e9quipe de wpDataTables<\/a> vous guidera sur la fa\u00e7on de mettre en \u0153uvre la redirection de l’utilisateur WooCommerce vers une page personnalis\u00e9e apr\u00e8s le paiement.<\/p>\n

L’extrait de code de redirection WooCommerce apr\u00e8s le paiement<\/h3>\n

L’extrait de code ci-dessous permet la redirection vers une page personnalis\u00e9e apr\u00e8s que l’utilisateur a effectu\u00e9 un achat lors de l’utilisation du plug-in compl\u00e9mentaire d’abonnement. Ajoutez simplement l’extrait de code au th\u00e8me enfant actif function.php et remplacez l’URL dans la fonction wo_redirect() par la page appropri\u00e9e.<\/p>\n

Cet extrait est fr\u00e9quemment utilis\u00e9 lorsque les propri\u00e9taires de sites Web souhaitent montrer aux clients une page d’accueil apr\u00e8s le paiement. Les pages de bienvenue sont d’excellents moyens d’\u00e9duquer les clients, de vendre un produit et de solliciter des r\u00e9f\u00e9rences.<\/p>\n

add_action( 'woocommerce_thankyou', 'bbloomer_redirectcustom');\nfunction bbloomer_redirectcustom( $order_id ){\n\u00a0\u00a0\u00a0\u00a0$order = wc_get_order( $order_id );\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/yoursite.com\/custom-url';\n\u00a0\u00a0\u00a0\u00a0if (! $order->has_status( 'failed')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_safe_redirect( $url );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0exit;\n\u00a0\u00a0\u00a0\u00a0}\n}\n<\/code><\/pre>\n
H\u00e9, saviez-vous que les donn\u00e9es peuvent aussi \u00eatre belles\u00a0?<\/h3>\n
wpDataTables<\/a> peut le faire de cette fa\u00e7on. Il y a une bonne raison pour laquelle c’est le plugin WordPress #1 pour cr\u00e9er des tableaux et des graphiques r\u00e9actifs.<\/p>\n
\"Redirection<\/a><\/p>\n
Un exemple r\u00e9el de wpDataTables dans la nature<\/p>\n
Et c’est vraiment facile de faire quelque chose comme \u00e7a :<\/p>\n
    \n
  1. Vous fournissez les donn\u00e9es du tableau<\/li>\n
  2. Configurez-le et personnalisez-le<\/li>\n
  3. Publiez-le dans un article ou une page<\/li>\n<\/ol>\n
    Et ce n’est pas seulement joli, mais aussi pratique. Vous pouvez cr\u00e9er de grandes tables avec jusqu’\u00e0 des millions de lignes<\/a>, ou vous pouvez utiliser des filtres et une recherche avanc\u00e9s<\/a>, ou vous pouvez vous d\u00e9cha\u00eener et les rendre modifiables<\/a>.<\/p>\n
    "Ouais, mais j’aime trop Excel et il n’y a rien de tel sur les sites Web". Oui, c’est vrai. Vous pouvez utiliser la mise en forme conditionnelle<\/a> comme dans Excel ou Google Sheets.<\/p>\n
    Vous ai-je dit que vous pouviez \u00e9galement cr\u00e9er des graphiques<\/a> avec vos donn\u00e9es\u00a0? Et ce n’est qu’une petite partie. Il y a beaucoup d’autres fonctionnalit\u00e9s<\/a> pour vous.<\/p>\n
    Configurer une page de remerciement WooCommerce en \u00e9crasant les mod\u00e8les WooCommerce<\/h3>\n
    Pour rediriger l’utilisateur apr\u00e8s qu’une commande a \u00e9t\u00e9 pass\u00e9e, vous devez utiliser le crochet de redirection du mod\u00e8le et une fonction de rappel avec l’URL de redirection. En bref, voici les \u00e9tapes n\u00e9cessaires\u00a0:<\/p>\n
    Tout d’abord, il est recommand\u00e9 de v\u00e9rifier si l’utilisateur se trouve sur la page de paiement, la page de commande ou la page de commande re\u00e7ue avant de cr\u00e9er la redirection personnalis\u00e9e apr\u00e8s le paiement.<\/p>\n
    La redirection automatique des clients vers une page personnalis\u00e9e une fois la commande pass\u00e9e n\u00e9cessite la fonction template_redirect().<\/p>\n
    Ajoutez le hook d’action template_redirect par exemple<\/p>\n
    -?\u00a0add_action('template_redirect', 'your_callback_function');<\/code><\/pre>\n
    Cr\u00e9ez la fonction de rappel que vous avez r\u00e9f\u00e9renc\u00e9e dans le crochet de redirection du mod\u00e8le ci-dessus, en notant que le nom dans la fonction de rappel et le crochet doivent correspondre.<\/p>\n
    Dans la fonction de rappel, utilisez la fonction wp_redirect() pour ajouter la page vers laquelle vous souhaitez que l’utilisateur soit redirig\u00e9 apr\u00e8s un paiement r\u00e9ussi. Ajoutez toujours une sortie apr\u00e8s la fonction wp_redirect pour \u00e9viter les probl\u00e8mes de redirection.<\/p>\n
    Ce code est ajout\u00e9 \u00e0 votre fichier functions.php dans le th\u00e8me. Localisez ce fichier et ouvrez-le dans l’\u00e9diteur pour ajouter ce crochet d’action pour la redirection WooCommerce apr\u00e8s le paiement.<\/p>\n
    Enregistrez les modifications ou mettez \u00e0 jour votre th\u00e8me functions.php ou le fichier du plugin et vous aurez cr\u00e9\u00e9 avec succ\u00e8s la redirection vers la page pr\u00e9f\u00e9r\u00e9e apr\u00e8s le paiement de WooCommerce.<\/p>\n
    Personnalisation de la page de remerciement WooCommerce avec des filtres<\/h2>\n
    Commen\u00e7ons \u00e0 personnaliser la page de remerciement WooCommerce<\/a> avec quelques modifications rapides du code.<\/p>\n
    Changer le titre de la page de remerciement<\/h3>\n
    Au lieu de cr\u00e9er une page de remerciement personnalis\u00e9e, vous pouvez simplement modifier le titre de la page.<\/p>\n
    Vous pouvez ajouter l’extrait ci-dessous avec un plugin ou dans le fichier functions.php du th\u00e8me.<\/p>\n
    <?php<\/code><\/pre>\n
    WooCommerce fournit la fonction is_order_received_page() dans le fichier includes\/wc-conditional-functions.php.<\/p>\n
    Personnalisez le titre<\/h3>\n
    Vous pouvez am\u00e9liorer votre site Web en personnalisant le titre de la page "Merci" pour inclure des d\u00e9tails tels que le nom du client ou l’accueillir dans sa langue maternelle.<\/p>\n
    Vous pouvez ajouter le code ci-dessous avec un plugin ou dans le functions.php de votre th\u00e8me :<\/p>\n
    <?php\n\u00a0add_filter( 'the_title', 'woo_personalize_order_received_title', 10, 2 );\nfunction woo_personalize_order_received_title( $title, $id) {\n\u00a0\u00a0\u00a0 if (is_order_received_page() && get_the_ID() === $id) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 global $wp;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Get the order. Line 9 to 17 are present in order_received() in includes\/shortcodes\/class-wc-shortcode-checkout.php file\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order_id\u00a0 = apply_filters( 'woocommerce_thankyou_order_id', absint( $wp->query_vars['order-received']) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order_key = apply_filters( 'woocommerce_thankyou_order_key', empty( $_GET['key'] )? '': wc_clean( $_GET['key']) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if ($order_id > 0) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order = wc_get_order( $order_id );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if ($order->get_order_key() != $order_key) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $order = false;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (isset ($order)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/$title = sprintf( \"You are awesome, %s!\", esc_html( $order->billing_first_name) ); \/\/ use this for WooCommerce versions older then v2.7\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 $title = sprintf( \"You are awesome, %s!\", esc_html( $order->get_billing_first_name()) );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0 }\n\u00a0\u00a0\u00a0 return $title;\n}<\/code><\/pre>\n
    Modification du texte avant les informations de commande<\/h3>\n
    Les filtres disponibles dans WooCommerce vous permettent de modifier le texte affich\u00e9 sur la page "Merci". Le texte par d\u00e9faut qui s’affiche avant les informations de commande est "Merci. Votre commande a \u00e9t\u00e9 re\u00e7ue.".<\/p>\n
    Ce texte provient du fichier templates\/checkout\/thankyou.php. Le filtre disponible pour changer ce texte est: woocommerce_thankyou_order_received_text<\/p>\n
    <?php<\/code><\/pre>\n
    Le code ci-dessus ajoutera le texte "Nous vous avons envoy\u00e9 le re\u00e7u d’achat par e-mail". au texte existant.<\/p>\n
    Si vous souhaitez \u00e9craser compl\u00e8tement le texte, vous devez simplement \u00e9viter d’encha\u00eener la variable $str \u00e0 votre variable de message $new_str.<\/p>\n
    $new = ‘Nous vous avons envoy\u00e9 le re\u00e7u d’achat par e-mail.’;<\/p>\n
    Si vous souhaitez que le client t\u00e9l\u00e9charge un formulaire, c’est \u00e0 ce moment que les instructions peuvent \u00eatre ajout\u00e9es.<\/p>\n
    <?php<\/code><\/pre>\n
    Je ne code pas – Existe-t-il un plugin digne de confiance pour cela ?<\/h2>\n
    L’\u00e9criture de code est une comp\u00e9tence, mais ces plugins peuvent \u00eatre utilis\u00e9s pour obtenir le m\u00eame r\u00e9sultat.<\/p>\n
    Cet exemple concerne le plugin WooCommerce Redirect Thank You .<\/a><\/p>\n
    Installation du plugin<\/h3>\n
    \"Redirection<\/a><\/p>\n
    Apr\u00e8s avoir install\u00e9 le plugin WooCommerce Redirect Thank You, vous pouvez cr\u00e9er vos pages de remerciement. Vous pouvez configurer une page de remerciement g\u00e9n\u00e9rale adapt\u00e9e \u00e0 une utilisation globale, ou vous pouvez concevoir des pages pour pr\u00e9senter des produits sp\u00e9cifiques.<\/p>\n
    \"Redirection<\/a><\/p>\n
    Cela permet des ventes crois\u00e9es, des ventes incitatives, des remises ou des coupons, qui pourraient tous favoriser les ventes futures. Dans l’exemple de codage "Merci" pr\u00e9sent\u00e9 ci-dessus, une vente incitative avec une offre de coupon a \u00e9t\u00e9 mise en \u0153uvre \u00e0 l’aide d’un bloc WooCommerce.<\/p>\n
    \"Redirection<\/a><\/p>\n
    Dans le tableau de bord WordPress, survolez WooCommerce et cliquez sur Param\u00e8tres, puis s\u00e9lectionnez l’onglet "Merci".<\/p>\n
    (Facultatif) Si vous souhaitez d\u00e9finir une page de remerciement globale \u00e0 laquelle les clients seront envoy\u00e9s \u00e0 la fin de la commande, vous pouvez d\u00e9finir cette page avec ce param\u00e8tre. Cette option remplace le param\u00e8tre de la page de commande termin\u00e9e de WooCommerce.<\/p>\n
    \"Redirection<\/a><\/p>\n
    Dans le champ Cl\u00e9 de licence, ajoutez la cl\u00e9 de licence envoy\u00e9e dans l’e-mail de confirmation de commande. Cela activera les notifications des nouvelles versions du plugin et permettra les mises \u00e0 jour automatiques depuis votre tableau de bord WordPress.<\/p>\n
    Autres plugins<\/h3>\n
    YITH Page de remerciement personnalis\u00e9e pour WooCommerce<\/h4>\n
    \"Redirection<\/a><\/p>\n
    Redirection personnalis\u00e9e Boxy WooCommerce apr\u00e8s le paiement<\/h4>\n
    \"Redirection<\/a><\/p>\n
    Soyez cr\u00e9atif avec votre page de remerciement<\/h3>\n
    Le contr\u00f4le de la conception permet la cr\u00e9ativit\u00e9 avec votre page "Merci". En utilisant un constructeur de page, vous pouvez am\u00e9liorer l’exp\u00e9rience de votre client, en renfor\u00e7ant les taux de r\u00e9tention.<\/p>\n
    Gardez votre page de remerciement pertinente, en incluant peut-\u00eatre une vid\u00e9o du propri\u00e9taire du magasin recommandant un produit. Lorsque vous fournissez des informations attrayantes \u00e0 votre client, il sera motiv\u00e9 \u00e0 faire appel \u00e0 vos services \u00e0 l’avenir.<\/p>\n
    Si vous avez appr\u00e9ci\u00e9 la lecture de cet article sur la redirection WooCommerce apr\u00e8s le paiement, vous devriez consulter celui-ci pour savoir comment configurer les produits li\u00e9s \u00e0 WooCommerce<\/a>.<\/p>\n
    Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels que la configuration du mode test<\/a> WooCommerce, le produit group\u00e9<\/a> WooCommerce, le produit variable<\/a> WooCommerce, les plugins de rendez -vous<\/a> WooCommerce, les variations<\/a> de produits WooCommerce, comment exporter des commandes WooCommerce<\/a>, comment modifier le nombre de produits WooCommerce par page<\/a>, WooCommerce masque la cat\u00e9gorie de la page de la boutique<\/a> et les meilleures options de produits suppl\u00e9mentaires WooCommerce<\/a>.<\/p>\n
    Source d’enregistrement:  wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
    L’une des redirections WooCommerce les plus courantes apr\u00e8s le paiement \u00e0 la caisse. Par d\u00e9faut, ils sont redirig\u00e9s vers une page \u00ab\u00a0Merci\u00a0\u00bb.<\/p>\n","protected":false},"author":1,"featured_media":185220,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[811,841,852,862],"tags":[1167],"class_list":["post-227630","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins-2","category-tutoriels","category-woocommerce-3","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/227630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=227630"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/227630\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/185220"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=227630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=227630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=227630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}