Rediriger vers la page de remerciement après la soumission du formulaire de contact 7
Si vous utilisez le plugin Contact Form 7, vous savez probablement que lorsqu’un utilisateur remplit un formulaire de contact et appuie sur le bouton Soumettre, il ne redirigera vers aucune page. Au lieu de cela, ce plugin traite les données de l’utilisateur via Ajax et maintient l’utilisateur sur la même page.
Il s’agit d’un flux habituel pour la plupart des formulaires. Mais que se passe-t-il si vous souhaitez que l’utilisateur redirige vers la page de remerciement ou toute page personnalisée d’un site Web après la soumission du formulaire de contact 7 ? Si vous êtes celui qui le cherche, continuez à lire.
Pourquoi avoir besoin de rediriger sur une autre page ?
À des fins d’analyse, le propriétaire du site conserve normalement une page de réussite ou de remerciement sur le site Web. Le nombre d’utilisateurs redirigés vers ces pages calcule le taux de réussite de la campagne. La page de remerciement est utilisée pour suivre vos conversions. De plus, en plus d’afficher du contenu comme « Merci pour votre demande. Nous vous répondrons bientôt.’, vous pouvez faire beaucoup plus de choses sur la même page.
Selon votre site Web, vous feriez les tactiques suivantes sur la page de remerciement.
- Afficher une promotion
- Ajoutez des liens vers votre meilleur contenu
- Demandez aux lecteurs de faire un sondage
- Participez à votre communauté
- Afficher les témoignages
- Demandez-leur de partager votre site
- Afficher une vidéo
- Demander des commentaires
- Demandez-leur de vous suivre sur les réseaux sociaux
Voici quelques conseils que vous pouvez appliquer à la page. Vous pouvez afficher tout ce qui peut vous aider.
Rediriger vers la page de remerciement après la soumission du formulaire de contact 7
J’espère que vous êtes convaincu de l’importance de la page de remerciement pour votre site web. Voyons ensuite comment effectuer une redirection dans le plugin Contact Form 7.
Le plugin Contact Form 7 fournit différents événements DOM qui peuvent être utilisés pour diverses raisons. Pour ce tutoriel, nous pouvons utiliser les événements ‘wpcf7mailsent’ ou ‘wpcf7submit’.
L’événement ‘wpcf7mailsent’ se déclenche lorsqu’un e-mail est envoyé lors de la soumission du formulaire. Un événement « wpcf7submit » se déroule sur la soumission d’un formulaire de contact. L’utilisateur peut choisir n’importe quel événement dans le code JavaScript suivant. Vous pouvez placer le code ci-dessous footer.phpaprès un wp_footer()appel.
<script>
document.addEventListener( 'wpcf7mailsent', function( event) {
location = "<?php echo get_bloginfo('url'); ?>/thank-you";
}, false );
</script>Ici, je suppose que votre page slug est "merci". Ajustez ce slug selon vos pages.
Allez-y et essayez. Vous devez rediriger sur votre page de remerciement après la soumission du formulaire de contact. J’aimerais entendre vos pensées et suggestions dans la section des commentaires ci-dessous.
Articles Liés
- Comment enregistrer les soumissions du formulaire de contact 7 dans la base de données WordPress
- Comment ajouter une liste de pays dans le formulaire de contact 7 Plugin
- Supprimer le formulaire de contact 7 CSS et JS lorsque vous n’en avez pas besoin