#Nr. 52 - Verzögerte Seitenumleitung

Leiten Sie die Mitglieder mit einer optionalen Verzögerung auf eine neue Seite um.

UX

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>

Tutorial

Dieses Tutorial führt Sie durch das Hinzufügen einer 1-Sekunden-Verzögerung, bevor der Benutzer auf eine neue Seite weitergeleitet wird. Dies kann in Szenarien nützlich sein, in denen Sie dem Benutzer eine kurze Nachricht oder Benachrichtigung geben möchten, bevor er weitergeleitet wird.


Schritt 1: Einfügen des Skripts


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


Schritt 2: Anpassen der Umleitungs-URL


Suchen Sie im Skript die Zeile `window.location.href = "/ihre-seite";`. Ersetzen Sie `"/Ihre Seite"` durch die gewünschte URL der Seite, zu der Sie den Benutzer umleiten möchten. Wenn Sie beispielsweise zu einer Seite mit dem Namen "/buy-credits" umleiten möchten, ändern Sie die Zeile in `window.location.href = "/buy-credits";`.


Schritt 3: Einstellen der Verzögerungsdauer (optional)


Standardmäßig führt das Skript eine 1-Sekunden-Verzögerung vor der Umleitung ein. Wenn Sie die Dauer der Verzögerung anpassen möchten, suchen Sie die Zeile `}, 1000);` und ändern Sie den Wert `1000` (in Millisekunden) auf die von Ihnen gewünschte Zeit. Eine Verzögerung von 4000 Millisekunden entspricht zum Beispiel 4 Sekunden.


Schritt 4: Speichern und testen


Speichern Sie die Änderungen im Code Ihrer Website und testen Sie die Funktionalität. Wenn ein Benutzer auf dieses Skript stößt, erfährt er eine Verzögerung von 1 Sekunde, bevor er automatisch auf die angegebene Seite weitergeleitet wird.

Script Info

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

Quick Actions

View Demo Project
See it in action

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

View All Scripts