Redirection WooCommerce après le paiement : redirection vers une page de remerciement personnalisée

Souhaitez-vous créer une redirection WooCommerce après paiement personnalisée qui amène vos clients vers une belle page de destination ? Les redirections WooCommerce les plus courantes se produisent après le paiement ou le paiement. Par défaut, le client est redirigé vers la page de remerciement WooCommerce par défaut.

Si vous recherchez la meilleure solution pour créer une redirection WooCommerce après le paiement ; cet article vous expliquera comment implémenter la redirection de l'utilisateur WooCommerce après le paiement vers une page de remerciement personnalisée.

Cela peut être une bonne solution pour que l'utilisateur soit redirigé vers une page où il peut avoir un service après-vente ou un support client après une commande réussie.

WooCommerce Redirect After Checkout : Comment créer une redirection étape par étape

Le moyen idéal pour créer une redirection WooCommerce après le paiement est de comprendre les étapes du processus de paiement, de la page du panier au moment où le client effectue un paiement. Les étapes peuvent être décrites comme suit :

1. Le client passe la commande après avoir cliqué sur procéder au paiement à partir de la page du panier WooCommerce
2. Le client vérifie le contenu du panier et sélectionne le mode de paiement
3. Le client procède à la commande en cliquant sur le bouton Passer la commande .
4. Si le paiement est réussi, le client est redirigé vers la page de remerciement

Pour créer une redirection WooCommerce après le paiement, vous devez intercepter la redirection WooCommerce par défaut après le paiement à l'aide d'un filtre d'action, comme vous le verrez dans l'extrait que je partagerai dans la section suivante.

Création de redirections WooCommerce

Auparavant, j'ai écrit comment rediriger les utilisateurs WooCommerce après l'enregistrement en fonction du rôle de l'utilisateur et comment créer une redirection WooCommerce après la déconnexion . Si vous n'avez pas lu ces deux articles, il peut être judicieux de le lire en premier afin de comprendre l'idée générale des redirections WooCommerce.

Vous souhaitez peut-être que l'utilisateur accède à une page personnalisée après avoir passé la commande, où vous pouvez gérer le service après-vente et l'assistance.

Redirection WooCommerce après les étapes de paiement

Voyons comment mettre en œuvre une solution rapide qui redirige les utilisateurs une fois le paiement terminé. J'ai deux solutions parfaites pour la redirection WooCommerce après le paiement.

Vous pouvez utiliser l'extrait de code que je partagerai dans ce tutoriel ou vous pouvez implémenter la redirection en utilisant le plugin que j'ai spécialement créé pour résoudre ce problème.

Si vous ne souhaitez pas modifier le fichier functions.php ou ajouter des extraits et préférez utiliser un plugin, j'ai créé un plugin pour cette redirection et vous pouvez le trouver ici.

Redirection WooCommerce après l'extrait de code de paiement

Cet extrait de code WooCommerce partagé ci-dessous peut être ajouté au fichier functions.php pour créer une redirection vers une page personnalisée une fois que l'utilisateur a effectué un paiement.

Pour que cet extrait soit efficace, vous devez l'ajouter au thème enfant actif functions.php et modifier l'URL dans les fonctions wp_redirect() vers la page personnalisée sur laquelle vous souhaitez rediriger les utilisateurs.

Il s'agit d'un extrait de redirection WooCommerce utile qui est souvent utilisé par les propriétaires de magasins qui souhaitent présenter des produits de vente incitative sur la page de remerciement ou qui souhaitent montrer aux clients une page d'accueil personnalisée une fois le paiement terminé.

Cela peut être une excellente solution pour un site d'adhésion WooCommerce et peut être un bon endroit pour aider les utilisateurs à démarrer le processus d'intégration.

 
add_action( 'woocommerce_thankyou', 'njengah_woocommerce_redirect_after_checkout');

function njengah_woocommerce_redirect_after_checkout( $order_id ){

    $order = wc_get_order( $order_id );

    $url = 'https://example.com/custom-url';

    if ( ! $order->has_status( 'failed' ) ) {

        wp_safe_redirect( $url );

        exit;

    }

}

Redirection personnalisée WooCommerce après la commande

Vous pouvez créer une redirection WooCommerce après le paiement en fonction de plusieurs conditions avant de voir comment créer la redirection générale WooCommerce après le paiement, permettez-moi de dresser un tableau des façons les plus courantes de créer des redirections WooCommerce après le paiement :

Pour rediriger l'utilisateur une fois la commande passée, vous devez utiliser le crochet de redirection du modèle et une fonction de rappel avec l'URL de redirection. Dans un résumé rapide voici les détails étape par étape :

• #1) C'est d'abord une bonne pratique de vérifier si l'utilisateur se trouve sur la page de paiement, la page de commande ou sur la page de commande reçue avant de créer la redirection personnalisée après le paiement.
• #2) Pour rediriger automatiquement vos clients vers une page personnalisée une fois la commande passée, nous devons utiliser la fonction template_redirect() .
• #3) Ajoutez le crochet d'action template_redirect par exemple - ? add_action('template_redirect', 'your_callback_function');
• #4) Créez la fonction de rappel que vous avez référencée dans le hook de redirection de modèle ci-dessus et le nom doit correspondre au nom utilisé dans le hook.
• #5) Dans la fonction de rappel, utilisez la fonction wp_redirect() pour ajouter la page vers laquelle vous souhaitez que l'utilisateur soit redirigé après un paiement réussi. Ajoutez toujours une sortie après la fonction wp_redirect pour éviter les problèmes de redirection.
• #6) Ce code est ajouté à votre fichier functions.php dans le thème . Localisez ce fichier et ouvrez-le dans l'éditeur pour ajouter ce crochet d'action pour la redirection WooCommerce après le paiement.
• #7) Enregistrez les modifications ou mettez à jour votre thème functions.php ou le fichier du plugin et vous créerez avec succès la redirection vers la page préférée après le paiement de WooCommerce.

Crochet d'action de redirection WooCommerce

Tout d'abord, nous créons un crochet d'action avec le modèle de redirection et une fonction de rappel comme indiqué ci-dessous :

 add_action( 'template_redirect', 'woocommerce_redirect_after_checkout' );

Ce code enregistre le crochet de redirection du modèle qui implémente la fonction de rappel que nous utiliserons pour cibler l'action "commande passée". Fondamentalement, cela indique à WordPress que chaque fois qu'une commande est passée, l'action de redirection est lancée.

Fonction de rappel de redirection WooCommerce

Nous créons maintenant la fonction de rappel qui contient le code exécuté dans la redirection. Voici le code de la fonction de rappel :

 fonction woocommerce_redirect_after_checkout() {
global $wp ;

if ( is_checkout() && ! empty( $wp->query_vars['order-received'] ) ) {

$redirect_url = 'https://votresite/url-to-redirect-after-checkout';

wp_redirect($redirect_url );

sortir;
}
}

Dans cette fonction de rappel, nous utilisons l' objet global $wp pour accéder à la méthode post query pour savoir si la commande a été passée et si l'utilisateur est redirigé vers l'URL de redirection prédéfinie.

Ce code doit être ajouté au fichier functions.php et le code complet doit être le suivant :

 add_action( 'template_redirect', 'woocommerce_redirect_after_checkout' );

fonction woocommerce_redirect_after_checkout() {
global $wp ;

if ( is_checkout() && ! empty( $wp->query_vars['order-received'] ) ) {

$redirect_url = 'https://votresite/url-to-redirect-after-checkout';

wp_redirect($redirect_url );

sortir;
}

}

Après avoir ajouté ce code au fichier functions.php de votre thème ; testez avec un produit pour vous assurer que la redirection est réussie après avoir cliqué sur le bouton de commande comme indiqué ci-dessous :

Lorsque vous cliquez sur la commande au lieu de rediriger vers la page de remerciement par défaut avec les détails de la commande, vous devriez être redirigé vers la page personnalisée que vous avez ajoutée au crochet d'action ci-dessus.

Il est important de vous assurer de supprimer cet exemple d'URL dans le code et de le remplacer par l'URL de votre propre site où vous souhaitez que les clients soient redirigés après le paiement ou la passation d'une commande.

Il y a plus d'options que nous pouvons ajouter à la fonction de rappel pour faire avancer nos options de redirection mais pour ce tutoriel, nous n'entrerons pas dans les options plus avancées. Il existe également des options d'utilisation de plugins pour créer une redirection personnalisée après le paiement dans WooCommerce.

Plugin de redirection après paiement WooCommerce (WRAC)

Plusieurs lecteurs de cet article m'ont demandé d'aider à ajouter ce code aux thèmes WordPress, récemment, j'ai développé un plugin qui aidera à créer une redirection WooCommerce après le paiement.

Solutions simples

WRAC est une solution simple pour un problème du monde réel, si vous souhaitez contrôler la redirection de vos clients WooCommerce après le paiement, vous avez besoin de ce plugin.

Il s'agit d'un plugin de redirection WooCommerce innovant et puissant après le paiement qui peut vous aider à gérer l'expérience client après le paiement ou après un achat réussi. La version actuelle vous permet de définir n'importe quelle page comme page de remerciement personnalisée.

Configuration facile et grande flexibilité

Vous n'avez plus besoin de rediriger la page de remerciement WooCommerce par défaut, avec le plugin WRAC, il vous suffit de sélectionner la page que vous souhaitez définir comme page de remerciement personnalisée et de la définir en moins d'une minute. Cela vous donne la liberté de créativité puisque vous pouvez utiliser n'importe quel modèle de page personnalisé et ajouter des fonctionnalités illimitées à la page de remerciement personnalisée.

Solution ultime pour une page de remerciement personnalisée

C'est la solution ultime pour créer n'importe quelle page de remerciement personnalisée WooCommerce ou rediriger vers n'importe quelle page que vous voulez des utilisateurs
pour aller après le paiement. Vous pouvez également choisir d'afficher ou non les détails de la commande sur la page de remerciement personnalisée.

Bonne documentation et installation et support gratuits

Il est entièrement compatible avec tous les thèmes WooCommerce et est livré avec une très bonne documentation ainsi qu'une installation et une configuration gratuites de ma part.

Documentation vidéo rapide

Comment pouvez-vous obtenir le plugin ?

• Vous pouvez obtenir le plugin à partir d'ici - Redirection WooCommerce après le plugin de paiement
• Vous pouvez alors demander votre installation gratuite si vous ne savez pas comment installer un plugin.
• Le plugin est livré avec une documentation détaillée.

Si vous recherchez la solution parfaite pour la redirection WooCommerce après le paiement ou après un paiement réussi ou échoué, ce plugin que j'ai développé peut être une bonne solution à ce problème.

Il y a quelques mois, lorsque j'ai partagé cette solution sur ce billet de blog, j'ai reçu plusieurs demandes pour aider les lecteurs à intégrer ce code dans leurs sites ou thèmes WooCommerce, vous aussi pouvez demander de l'aide - ici.

Problème de redirection de paiement WooCommerce

Au départ, j'ai aidé près de 100 lecteurs avec des idées sur la façon d'ajouter cette redirection WooCommerce après le code d'achat à leurs sites Web, mais j'ai souvent rencontré plusieurs défis car tous les thèmes sont codés différemment.

J'ai réalisé que les utilisateurs de WooCommerce avaient besoin d'une solution parfaite qui aide à la redirection après un paiement réussi ou échoué.

Il s'agit d'une optimisation importante du processus de paiement WooCommerce qui contribue grandement à augmenter les conversions ainsi qu'à doubler, tripler ou décupler les ventes.

Problème de redirection de paiement WooCommerce par défaut

Par défaut, le paiement WooCommerce redirige vers la page COMMANDE REÇUE ou la page MERCI qui fournit des détails utiles sur la commande mais n'a pas la possibilité de personnaliser pour ajouter plus de fonctionnalités. Comme vous pouvez le voir sur l'image ci-dessous :

• C'est à ce stade que vous, en tant que propriétaire de boutique WooCommerce, pouvez montrer au client une autre offre ou d'autres informations importantes liées au produit qu'il vient d'acheter. Par défaut, WooCommerce n'a pas la possibilité d'ajouter des options personnalisées ici.
• Personnaliser cette page pour ajouter plus de fonctionnalités comme l'offre spéciale n'est pas facile car vous devez comprendre comment créer ou construire une page personnalisée à l'aide du code PHP et des hooks WordPress.
• C'est aussi une perte de temps de créer la page de remerciement personnalisée car il faut du temps pour apprendre à coder et à le faire correctement.

WRAC - Redirection WooCommerce après le plug-in de paiement

Pour résoudre ce problème, j'ai décidé de créer un plugin qui serait facile à installer et à configurer pour créer des redirections après le paiement WooCommerce sans écrire de code.

Le plugin que j'ai créé il y a quelques mois - WRAC - la redirection WooCommerce après le paiement n'a cessé de croître en nombre d'utilisateurs aujourd'hui pour atteindre plus de 600+ .

J'ai reçu de nombreux e-mails de commentaires et demandes de fonctionnalités et dans cette nouvelle version de la version 1.0.3, j'ai inclus toutes les fonctionnalités précédemment demandées.

Cette version ne comportait qu'une option pour rediriger globalement tous les utilisateurs après le paiement vers une page de remerciement personnalisée. Il permettait aux utilisateurs de rediriger vers n'importe quelle page et disposait d'options de redirection réussies et échouées.

Les fonctionnalités résumées pour la version 1.0.0 incluent :

Cette version a été assez réussie et la plupart des demandes des utilisateurs étaient d'ajouter les éléments suivants :

La fonctionnalité la plus demandée était la redirection basée sur les produits sélectionnés sur lesquels j'ai travaillé et ajoutés dans la prochaine version (1.0.1) du plugin WRAC.

Cette version a ajouté l'option de créer une redirection basée sur les produits sélectionnés et conserve toutes les fonctionnalités de la version précédente.

Sous l'onglet WooCommerce de la même page Redirect After Checkout, j'ai ajouté la section de redirection basée sur les produits sélectionnés. Voici un résumé des fonctionnalités de la version 1.0.1 :

Cette version a été un succès et le retour le plus fréquent était de créer des redirections conditionnelles qui permettaient à plus d'un produit d'avoir une redirection spécifique.

Par exemple - Le produit A redirige vers la page Y tandis que le produit B redirige vers la page X.

Dans la nouvelle mise à jour, cela a été inclus et les utilisateurs peuvent désormais créer plus de redirections pour les produits ainsi que d'autres redirections conditionnelles.

Cette version est une mise à jour majeure du plugin pour effectuer des redirections plus globales ainsi que pour ajouter les redirections conditionnelles après le paiement de WooCommerce. La plupart de ces fonctionnalités sont basées sur les demandes de plus de 600 utilisateurs qui utilisent déjà le plugin.

Ces fonctionnalités font également de ce plugin le plugin de redirection après paiement WooCommerce le plus avancé, car il fournit tous les scénarios possibles en utilisant la fonction de redirection conditionnelle.

Voici le résumé des fonctionnalités de la version 1.0.2 du WRAC :

Options de redirection globales

Les options globales ont été améliorées et j'ai ajouté plusieurs autres options qui peuvent être utilisées pour créer des redirections globalement. Voici le résumé des options de redirection globale :

Captures d'écran - Options de redirection globales - Global | Produits & Catégories | Historique des achats | Méthode de paiement | Sous-total de la commande | ID utilisateur et rôle | Heure – Plage de dates

Redirection du sous-total de la commande globale

Redirection globale

Redirection de la méthode de paiement globale

Redirection globale des produits et des catégories _Sélectionnez rapidement les catégories

Redirection globale des produits et des catégories _Sélectionnez rapidement les produits

Redirection globale des produits et des catégories

Redirection de l'historique global des achats

Options de redirection conditionnelle - Redirection WooCommerce après le paiement

Cela inclut un certain nombre d'options de redirection qui sont appliquées de manière conditionnelle à l'aide des opérateurs pour chaque condition et les actions sont appliquées en fonction de la condition.

Cela vous permet de créer une redirection WooCommerce illimitée après les options de paiement pour la redirection WooCommerce. Voici le résumé des options de redirection conditionnelle :

Captures d'écran – Options de redirection conditionnelle – Produit | Catégories | Méthode d'expédition | Emplacement géographique| Méthode de paiement | Rôle d'utilisateur | Heure – Plage de dates | Coupon

Options d'actions de redirection conditionnelles

Redirection conditionnelle Ajouter une nouvelle redirection

Options de redirection conditionnelle

Présentation de la redirection conditionnelle

Plage de temps de redirection conditionnelle

Options de condition de redirection conditionnelle

Si vous n'avez toujours pas de copie du plugin WRAC, vous devez prendre l'action. Utilisez le bouton ci-dessous pour l'obtenir à un prix réduit. Nous comptons des heures avant que cette offre n'expire !

Conclusion

J'espère que cet article met en évidence toutes les options disponibles que vous pouvez utiliser pour créer une redirection WooCommerce personnalisée après le paiement sur votre boutique WooCommerce. Si vous avez des questions concernant le code fourni ici ou si vous recherchez l'aide d'un développeur WooCommerce ? Vous pouvez me contacter pour plus d'aide.

Articles similaires

1. Comment mettre le panier WooCommerce et le paiement sur une seule page
2. Comment ajouter une méthode d'expédition personnalisée dans WooCommerce
3. Comment ajouter une description après le prix dans WooCommerce
4. Comment rediriger l'utilisateur s'il n'est pas connecté à WordPress » Redirection de page
5. Comment modifier le lien de retour à la boutique dans WooCommerce
6. Comment créer la page de mon compte dans WooCommerce
7. Comment ajouter un produit après la configuration de la vitrine [Guide du débutant]
8. Comment compter les articles ajoutés au panier WooCommerce Cart Count Code
9. Comment masquer le bouton Ajouter au panier dans WooCommerce
10. Comment supprimer a été ajouté à votre panier Message WooCommerce
11. Comment modifier le texte Procéder au paiement dans WooCommerce
12. Comment ajouter du texte après le prix dans WooCommerce »Ajouter un suffixe de prix
13. Comment obtenir des méthodes de paiement dans WooCommerce » Exemple de code
14. Comment créer une page de connexion dans WordPress sans utiliser de plugin
15. Comment réparer une erreur de type non interceptée : wp.template n'est pas une fonction
16. Comment créer un thème enfant WooCommerce Storefront [Guide complet]
17. Comment ajouter du texte avant le prix dans WooCommerce »Ajouter du texte avant le prix
18. Qu'est-ce que le thème WooCommerce Storefront ? [A répondu]
19. Plus de 100 trucs, astuces et extraits Ultimate WooCommerce Hide Guide
20. Comment ajouter une vidéo dans l'image du produit WooCommerce
21. Comment configurer la livraison gratuite avec un minimum de dépenses dans WooCommerce
22. Comment ajouter une recherche à la page de la boutique dans WooCommerce
23. Comment utiliser do_shortcode dans WordPress (PHP)
24. Comment effacer le panier lors de la déconnexion dans WooCommerce
25. Comment ajouter un SKU de produit dans WooCommerce
26. Comment ajouter un bouton Afficher le panier dans WooCommerce
27. Comment dupliquer un produit dans WooCommerce
28. Comment changer l'espace réservé du code de coupon WooCommerce
29. Comment configurer le fichier de téléchargement WooCommerce lors du paiement
30. Comment modifier le texte de l'espace réservé du champ de paiement WooCommerce
31. Comment créer un bouton WooCommerce Ajouter au panier par identifiant de produit
32. Comment trouver rapidement votre identifiant de produit dans WooCommerce
33. Comment changer le modèle d'e-mail dans WooCommerce
34. Comment ajouter un produit au panier par programmation dans WooCommerce
35. Comment changer l'étiquette d'expédition WooCommerce
36. Comment ajouter une recherche à la page de la boutique dans WooCommerce