#52 - Redirection de page retardée

Rediriger les membres vers une nouvelle page avec un délai facultatif.

Video Tutorial

Loom
tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

10 lines
Paste this into Webflow
<!-- 💙 MEMBERSCRIPT #52 v0.1 💙 DELAYED REDIRECT TO NEW PAGE -->
<script>
  const redirectToNewPage = function() {
    setTimeout(function() {
      window.location.href = "/your-page";
    }, 1000); // Delay keywordin milliseconds
  };

  redirectToNewPage();
</script>

Tutoriel

Ce tutoriel vous guidera dans l'ajout d'un délai d'une seconde avant de rediriger l'utilisateur vers une nouvelle page. Cela peut être utile dans les scénarios où vous souhaitez fournir un bref message ou une notification à l'utilisateur avant qu'il ne soit redirigé.


Étape 1 : Coller le script


First, locate the global scripts section of your website, usually found before the closing `</body>` tag. Paste the script within that section:


Étape 2 : Personnaliser l'URL de redirection


Dans le script, repérez la ligne `window.location.href = "/votre-page";`. Remplacez "/votre-page"` par l'URL de la page vers laquelle vous souhaitez rediriger l'utilisateur. Par exemple, si vous souhaitez rediriger l'utilisateur vers une page appelée "/buy-credits", modifiez la ligne en `window.location.href = "/buy-credits";`.


Étape 3 : Réglage de la durée du délai (facultatif)


Par défaut, le script introduit un délai de 1 seconde avant la redirection. Si vous souhaitez personnaliser la durée du délai, localisez la ligne `}, 1000);` et modifiez la valeur `1000` (en millisecondes) à la durée souhaitée. Par exemple, un délai de 4000 millisecondes équivaut à 4 secondes.


Étape 4 : Enregistrer et tester


Enregistrez les modifications dans le code de votre site web et testez la fonctionnalité. Lorsqu'un utilisateur rencontrera ce script, il subira un délai d'une seconde avant d'être automatiquement redirigé vers la page spécifiée.

Script Info

Versionv0.1
PublishedNov 11, 2025
Last UpdatedNov 11, 2025

Need Help?

Join our Slack community for support, questions, and script requests.

Join Slack Community
Back to All Scripts

Related Scripts

More scripts in UX