Lorsqu’un internaute valide un formulaire sur votre site WordPress, il est souvent préférable de l’orienter vers une page de remerciement (Thank You Page).


Celle-ci permet :

  • de confirmer que le message a bien été envoyé,
  • d’améliorer l’expérience utilisateur avec un message clair,
  • d’ajouter du tracking Google Ads ou Google Analytics 4 pour suivre les conversions,
  • voire de proposer un contenu bonus (ebook, promotion, lien utile).

Si vous utilisez Contact Form 7, la méthode on_sent_ok est obsolète depuis 2017. La bonne pratique actuelle consiste à utiliser les Custom DOM Events, et notamment l’événement wpcf7mailsent. Cette approche fonctionne parfaitement quelle que soit la version ou l’extension utilisée pour compléter Contact Form 7 (par exemple Akismet pour filtrer le spam ou un module de sécurité additionnel).

Redirection après envoi d’un formulaire Contact Form 7

Ajoutez le code ci-dessous dans votre fichier functions.php (ou mieux, dans un fichier JS enquéué via votre thème ou un plugin personnalisé).

// Ajout du script de redirection Contact Form 7
add_action('wp_footer', function(){ ?>
<script>
document.addEventListener('wpcf7mailsent', function(event) {
  // Exemple 1 : redirection globale pour tous les formulaires
  window.location.href = '/merci/';
  
  // Exemple 2 : redirection spécifique à un formulaire (ID = 123)
  // if (event.detail.contactFormId == '123') {
  //   window.location.href = '/merci-formulaire-123/';
  // }
}, false );
</script>
<?php });

Astuce : vous pouvez récupérer l’ID d’un formulaire Contact Form 7 directement depuis son shortcode [contact-form-7 id="123" title="Nom du formulaire"].

Le nom du formulaire, ses champs et son paramètre d’identification permettent d’adapter la redirection selon vos besoins précis.

Alternatives à la redirection

La redirection vers une page de remerciement est efficace, mais il existe d’autres options :

  • Message personnalisé dans le formulaire : via les réglages Contact Form 7 → Messages, vous pouvez afficher un texte de confirmation directement sous le formulaire.
  • Tracking via Google Tag Manager (GTM) : au lieu de rediriger, déclenchez un événement wpcf7mailsent dans GTM pour suivre la conversion sans changer de page.
  • Affichage d’un popup de confirmation avec une librairie JS (SweetAlert, Fancybox, etc.) pour une expérience plus fluide.

Exemple : suivi des conversions Google Ads / GA4

Pour un suivi marketing, vous pouvez insérer un code de tracking dans la page de remerciement.

Par exemple :

<!-- Exemple Google Ads conversion -->
<script>
gtag('event', 'conversion', {'send_to': 'AW-XXXXXXX/XXXXXXXX'});
</script>

Cela vous permet d’attribuer chaque soumission de formulaire à une campagne publicitaire ou un canal d’acquisition.

La mise en place d’une page de remerciement avec Contact Form 7 est simple et apporte de nombreux avantages : meilleure expérience utilisateur, suivi des conversions, et possibilité de proposer du contenu bonus.

➡️ Avec le snippet ci-dessus, vous êtes certain d’utiliser la méthode officielle et pérenne (wpcf7mailsent) pour rediriger vos visiteurs après envoi d’un formulaire.

Chaque module, chaque champ, chaque paramètre peut être ajusté selon votre stratégie web pour un objectif marketing clair et mesurable.

Besoin d’aide pour configurer, sécuriser ou optimiser vos formulaires sur WordPress ? L’équipe de l’agence TYTAE vous accompagne dans la mise en place technique, le tracking et l’optimisation complète de vos conversions.

Ressources utiles

Secret Link

Vous connaissez ces sites Internet magnifiques qui vous font patienter une éternité avant de s’afficher ? C’était exactement le cas ici. Un design soigné, mais un score PageSpeed Insights de 45 sur mobile qui faisait mal aux yeux. Le défi était clair : dépasser les 80 points sans toucher à l’esthétique ni aux conversions, tout en offrant une meilleure expérience utilisateur et une vitesse d’affichage optimale.

Voici l’histoire de cette transformation web, étape par étape, menée par TYTAE.

Améliorer efficacement son PageSpeed Insights : étapes

D’abord, accélérer l’affichage : maîtriser le CSS

Notre priorité était simple : faire apparaître quelque chose à l’écran le plus rapidement possible. Nous avons donc commencé par analyser les feuilles de style avec un outil adapté et extraire uniquement ce qui était nécessaire pour afficher la partie visible de la page.

Concrètement, nous avons créé un CSS critique ultra-léger contenant juste les styles pour le header et le hero. Le reste des styles se charge en arrière-plan, sans bloquer l’affichage. Résultat : l’utilisateur voit immédiatement l’interface prendre forme, puis les détails visuels se peaufinent discrètement.

Les images d’arrière-plan CSS posaient un problème particulier. Contrairement aux balises <img>, elles ne peuvent pas être chargées de manière paresseuse nativement. Nous avons donc développé deux stratégies : convertir certaines en vraies images quand c’était possible, ou utiliser un loading= »lazy » qui déclenche le chargement uniquement quand l’élément devient visible.

Nous avons également défini des dimensions fixes pour tous les éléments visuels. Fini les pages qui « sautent » pendant le chargement !

JavaScript : invité de la deuxième partie

Pour Google, le contenu doit toujours passer en premier. Nous avons donc revu entièrement la stratégie de chargement JavaScript : minification, suppression du code inutilisé, et surtout, report de tout ce qui n’est pas critique avec l’attribut defer.

Les fonctionnalités spécifiques comme les carrousels ou les galeries ne se chargent désormais que sur les pages qui en ont besoin. Quant aux scripts de tracking marketing, ils attendent sagement qu’un utilisateur interagisse avec la page avant de s’activer.

Optimisation d’images : léger mais pas light

Nous avons systématisé la conversion en WebP et AVIF pour les navigateurs compatibles, tout en gardant des fallbacks. Les attributs srcset et sizes ont été finement ajustés : pourquoi livrer une image de 2000px à un écran de smartphone ?

L’image LCP (la plus importante pour PageSpeed Insights) a reçu un traitement VIP : fetchpriority= »high » et dimensions verrouillées. Pour les icônes, nous avons opté pour du SVG inline ou en sprite : netteté parfaite et zéro requête réseau supplémentaire.

Typographie : local et swap

Les Google Fonts ont été rapatriées localement pour éviter les requêtes vers des serveurs tiers. Nous avons préchargé uniquement les variantes indispensables en WOFF2 et activé font-display: swap.

Concrètement, cela signifie que le texte apparaît immédiatement avec une police de secours, puis bascule proprement vers la police finale dès qu’elle est disponible. L’œil ne voit aucune coupure, les métriques restent stables.

Elementor optimisé

Le site utilisait Elementor, un constructeur puissant mais qui peut rapidement alourdir le HTML. Nous avons migré vers les Containers Flexbox d’Elementor, nettoyé le balisage sémantique et optimisé la structure.

Nous avons aussi activé le préchargement des liens au survol : quand un visiteur pointe sa souris sur un lien, la page suivante commence déjà à se charger. L’impression de navigation instantanée est saisissante.

L’infrastructure invisible : BDD et cache

Les performances frontend reposent aussi sur des fondations solides. Nous avons commencé par un grand ménage dans la base de données : révisions inutiles, transients expirés, et surtout un audit approfondi de la table wp_options pour réduire l’autoload.

L’ajout d’un cache Redis a été décisif. WordPress n’interroge plus constamment MySQL pour les mêmes données et puise directement en mémoire. Le temps de première réponse du serveur (TTFB) s’est immédiatement amélioré.

Faire le tri dans le thème

Nous avons désenregistré toutes les ressources inutilisées : librairies dormantes, polices d’icônes non utilisées, CSS hérités sans intérêt. L’objectif était simple : moins de fichiers à télécharger, moins de temps d’attente, même résultat visuel.

À chaque modification, notre équipe vérifiait scrupuleusement l’affichage sur desktop et mobile. Menus, carrousels, formulaires, animations : tout devait fonctionner parfaitement. Un site rapide mais cassé n’est pas une victoire.

Les résultats en chiffres

Concrètement, l’utilisateur ressent la différence : la page se dessine instantanément, les transitions sont fluides, et tout répond au doigt et à l’œil. Chaque mesure confirme cette progression : un site plus rapide, plus fluide, et mieux noté par l’outil de Google. 

La méthode plutôt que la magie

Cette transformation ne résulte pas d’une solution miracle, mais d’une approche méthodique : auditer, prioriser, optimiser, vérifier. Chaque détail compte, de l’hébergement des polices au cache objet, en passant par la structure du DOM et la stratégie de chargement des scripts.

C’est la somme de ces optimisations – et leur exécution rigoureuse dans un contexte réel – qui fait toute la différence. 

Besoin de faire évoluer le PageSpeed Insights de votre site ? Contactez TYTAE !

Notre Audit + Sprint Performance vous propose : diagnostic complet, roadmap claire, exécution accompagnée et rapport avant/après détaillé. Gardez votre design, perdez la lenteur.

Profitez de nos recommandations techniques, de l’avis d’experts et d’une stratégie basée sur la recherche des meilleures pratiques web. Gardez votre design, perdez la lenteur.

Les créateurs de contenu savent combien il est crucial de diffuser leurs podcasts, ou émissions audios, sur des plateformes comme Spotify, Apple Podcasts et Google Podcasts. Mais la gestion des flux RSS peut sembler complexe si vous ne disposez pas des outils adaptés. Chez TYTAE, notre expertise WordPress nous permet de transformer ces défis en solutions simples et efficaces, quel que soit le format ou la plateforme, qu’il s’agisse d’un podcast vidéo, d’un fichier audio ou même d’un contenu publié sur YouTube.

Pourquoi un flux RSS est-il vital pour les Podcasteurs ?

Un flux RSS bien conçu est la clé pour distribuer vos épisodes sans effort :

Les balises iTunes indispensables pour spotify

Pour garantir une intégration parfaite sur Spotify, votre flux RSS doit inclure ces balises essentielles :

<itunes:owner>
    <itunes:name>Nom du Podcasteur</itunes:name>
    <itunes:email>email@example.com</itunes:email>
</itunes:owner>
<itunes:explicit>no</itunes:explicit>
<itunes:image href="URL_de_l’image" />
<itunes:category text="Catégorie principale" />
<itunes:author>Nom ou Organisation</itunes:author>

Ces balises permettent à Spotify et aux autres plateformes de traiter vos fichiersaudio correctement et de les présenter à votre public cible avec le bon titre, le bon lien et les métadonnées associées.

Flux RSS personnalisé : une solution complète développée par TYTAE

Un de nos clients avait un besoin précis : générer automatiquement un flux RSS pour chaque podcast publié sur leur site. Plutôt que d’utiliser un plugin existant peu adapté ou trop coûteux, nous avons développé un code personnalisé spécialement conçu pour répondre à ce besoin. Voici une explication étape par étape de la solution :

1. Création d’une URL unique pour chaque Podcast

Pour rendre chaque podcast accessible sous forme de flux RSS unique, nous ajoutons une règle de réécriture :

public function add_rewrite_rules() {
    add_rewrite_rule(
        '^podcast/([^/]+)/feed/?$',
        'index.php?post_type=podcasts&name=$matches[1]&feed=podcast_feed',
        'top'
    );
}

Chaque fichier RSS est ensuite généré dynamiquement pour que l’auditeur puisse y accéder depuis la plateforme de son choix.

2. Ajout des balises iTunes dans le modèle RSS

Les balises iTunes sont essentielles pour la compatibilité avec Spotify. Voici un exemple de modèle :

<rss version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
    <channel>
        <title><?php echo esc_html($podcast[0]->post_title); ?></title>
        <link><?php echo esc_url(get_permalink($podcast[0]->ID)); ?></link>
        <description>Les derniers épisodes de nos podcasts.</description>
        <itunes:image href="<?php echo esc_url($podcast_image_url); ?>" />
        <itunes:owner>
            <itunes:name>Organisation</itunes:name>
            <itunes:email>email@example.com</itunes:email>
        </itunes:owner>
        <itunes:explicit>no</itunes:explicit>
        <itunes:category text="Arts et Culture" />
    </channel>
</rss>

3. Configuration paramétrable du flux

Nous utilisons une classe pour rendre les paramètres du flux flexibles :

class Podcast_RSS_Feed {
    private $post_type;
    private $feed_name;
    private $rewrite_base;

    public function __construct($post_type = 'podcasts', $feed_name = 'podcast_feed', $rewrite_base = 'podcast') {
        $this->post_type = $post_type;
        $this->feed_name = $feed_name;
        $this->rewrite_base = $rewrite_base;

        add_action('init', [$this, 'add_rewrite_rules']);
        add_filter('query_vars', [$this, 'add_query_vars']);
        add_action('do_feed_' . $this->feed_name, [$this, 'generate_rss_feed']);
    }
}

Cette architecture permet une adaptation complète, quel que soit le format (audio, vidéo ou texte).

4. Génération automatique du flux RSS

Voici comment nous générons dynamiquement le contenu RSS :

public function generate_rss_feed() {
    header('Content-Type: application/rss+xml; charset=' . get_option('blog_charset'));

    $podcast_slug = sanitize_text_field(get_query_var('name'));
    $podcast = get_posts([
        'post_type'   => $this->post_type,
        'name'        => $podcast_slug,
        'post_status' => 'publish',
        'numberposts' => 1,
    ]);

    if (!$podcast) {
        wp_die('No podcast found.', 'RSS Feed Error', ['response' => 404]);
    }

    $podcast_image_url = get_the_post_thumbnail_url($podcast[0]->ID);

    include plugin_dir_path(__FILE__) . 'templates/rss-template.php';
    exit;
}

Pourquoi choisir TYTAE pour votre Développement WordPress ?

Nous savons que chaque projet est unique, et les plugins standards ne répondent pas toujours à des besoins spécifiques. Que ce soit pour des fonctionnalités avancées comme ce flux RSS dédié aux podcasts ou pour toute autre demande, TYTAE propose des solutions sur-mesure, fiables et évolutives.

Vous cherchez à développer une fonctionnalité spécifique, à accroître l’audience sur votre compte, ou à contourner les limites des plugins existants ? Contactez-nous dès aujourd’hui et voyons comment nous pouvons transformer vos idées en réalité — que vous produisiez une émission ou un livre audio.