Sélectionner une page

Rediriger Contact Form 7 vers une URL personnalisée (par exemple, un bouton PayPal)

4 Nov 24 | code, Wordpress

Si vous utilisez Contact Form 7 sur votre site WordPress et que vous souhaitez rediriger les utilisateurs vers une page spécifique après l’envoi du formulaire (par exemple, vers un bouton PayPal), voici un code simple à ajouter à votre site. Cette méthode vous permettra de rediriger les utilisateurs sans avoir à installer de plugin supplémentaire.

Code de redirection pour Contact Form 7

Pour activer cette redirection, copiez et collez le code ci-dessous dans le fichier functions.php de votre thème enfant :

/**
 * Contact form7 : Fonction de redirection personnalisée
 * Ajoutez ce code dans le fichier functions.php de votre thème enfant
 */
function cf7_redirection() {
?>
<script type="text/javascript" id="cf7-redirection">
document.addEventListener( 'wpcf7mailsent', function( event ) {
  if (event.detail.contactFormId == 'ID_DE_VOTRE_FORMULAIRE_DE_CONTACT') {
    location.href = 'URL_DE_VOTRE_BOUTON_PAYPAL';
  }
}, false );
</script>
<?php
}
add_action( 'wp_footer', 'cf7_redirection', PHP_INT_MAX );

Étape 1 : Récupérer l’ID de votre formulaire de contact

Pour que le code fonctionne correctement, vous devez remplacer ID_DE_VOTRE_FORMULAIRE_DE_CONTACT par l’ID de votre formulaire de contact CF7. Pour le trouver, allez dans l’administration de votre site WordPress, puis dans Contact > Formulaires de contact. Passez votre souris sur le lien de votre formulaire, et vous verrez un ID composé de chiffres uniquement (par exemple, 567).

Étape 2 : Ajouter l’URL de votre bouton PayPal

Remplacez URL_DE_VOTRE_BOUTON_PAYPAL par l’URL de redirection de votre bouton PayPal. Pour obtenir ce lien dans PayPal :

  1. Allez dans PayPal et créez un bouton.
  2. À la fin de la configuration du bouton, sélectionnez Envoyer le lien par email au lieu de Code généré.
  3. Copiez le lien fourni et collez-le dans votre code.

Une fois que vous avez remplacé l’ID du formulaire et l’URL PayPal, enregistrez votre fichier functions.php. La redirection sera alors active : chaque fois qu’un utilisateur soumettra le formulaire, il sera automatiquement redirigé vers votre lien PayPal.

Solution alternative : Utiliser un plugin de redirection pour Contact Form 7

Si vous préférez ne pas manipuler le code vous-même, il existe un plugin qui peut vous faciliter cette tâche : WPCF7 Redirect. Ce plugin vous permet de configurer des redirections personnalisées pour vos formulaires Contact Form 7 directement depuis l’interface d’administration de WordPress, sans avoir à toucher au code.

En suivant ces étapes, vous pourrez configurer facilement une redirection personnalisée pour vos formulaires Contact Form 7. Que ce soit pour un bouton PayPal ou toute autre page de votre site. Si vous souhaitez rediriger vos utilisateurs ur une page différente en fonction de leur réponse à une question posée dans le formulaire de contact CF7 voici un autre article.

Vous avez des questions à propos de cet article ? Besoin d'aide sur un autre sujet ? Contactez-moi, je pratique des prix vraiment compétitifs et je réponds généralement rapidement