Scroll-Fortschrittsanzeige-Widget für Ihre Website
Helfen Sie Besuchern, ihren Scroll-Fortschritt mit einer festen Fortschrittsleiste oder einem schwebenden Fortschritts-Button zu verfolgen. Fügen Sie eine optionale Nach-oben-Funktion hinzu, passen Sie das Ganze an Ihre Markenfarben an und steuern Sie die Platzierung ganz ohne Code.
So erstellen Sie ein Scroll Progress-Widget
Wählen Sie Ihre Anzeigen
Wählen Sie die Fortschrittsleiste oder den schwebenden Fortschritts-Button und entscheiden Sie dann, ob der Button Besucher zurück zum Seitenanfang springen lässt.
Farben und Layout gestalten
Legen Sie einfarbige oder Verlaufsfüllungen fest, passen Sie die Farben für Track und Prozente an, stellen Sie Größe und Position der Anzeige ein und steuern Sie die Gerätesichtbarkeit.
Betten Sie ihn auf Ihrer Website ein
Sehen Sie sich das Scroll-Verhalten in der Vorschau an, kopieren Sie den Einbettungscode und veröffentlichen Sie das Widget auf jeder langen Seite.
Orientieren Sie Besucher beim Scrollen
Wählen Sie Ihre Fortschrittsanzeige
Wählen Sie entweder eine feste Fortschrittsleiste oder einen schwebenden Fortschritts-Button, damit Besucher ihren Scroll-Fortschritt in Blogs, Guides und auf Landingpages einfach verfolgen können.
Passend zu Ihren Markenfarben
Verwenden Sie einfarbige oder Verlaufsfüllungen und passen Sie anschließend die Farben für Fortschritt, Track und Prozente an, damit das Widget zu Ihrem Website-Design passt.
Mit einem Klick nach oben scrollen
Lassen Sie Besucher auf den schwebenden Fortschritts-Button klicken, um auf langen Seiten schnell zum Anfang zurückzuspringen, wenn sie einen schnellen Neustart benötigen.
Platzierung und Geräte steuern
Verankern Sie die Leiste oben oder unten, platzieren Sie den Button in einer beliebigen Ecke, passen Sie die Größe an und wählen Sie Desktop, Mobilgeräte oder beides.
Warum sich Jotform Website Widgets auszeichnen
Mit den Widgets von Jotform wird Ihre Website interaktiver und Sie steigern Ihre Conversion-Rate. Zur Auswahl stehen zahlreiche Tools wie Sternebewertungen, Slideshows mit Erfahrungsberichten, Pop-ups mit Social Proof und eingebettete Medien. Fügen Sie Widgets zu Ihren Formularen oder Landingpages hinzu, um Daten zu sammeln, Erfahrungsberichte anzuzeigen und Leads zu gewinnen – ganz ohne Programmierkenntnisse.
Fügen Sie Jotform-Widgets mithilfe eines Einbettungscodes in Ihre Website ein. Passen Sie das Widget an, sehen Sie sich die Vorschau an und fügen Sie den Code in jede Seite ein, die benutzerdefiniertes HTML oder Einbettungsblöcke unterstützt – ganz ohne Entwicklerinnen oder Entwickler.
Mit Jotform Website Widgets sammeln Sie Leads, zeigen Kundenfeedback, präsentieren Social Proof, binden Medien ein oder fügen nützliche Webseiten-Tools hinzu. Über jedes Widget können Besucher direkt auf Ihrer Website mit Ihrem Unternehmen interagieren.
Wenn Sie Unterstützung bei der Einrichtung, Anpassung, Einbettung oder Fehlerbehebung Ihres Widgets benötigen, steht Ihnen das Kundensupport-Team von Jotform rund um die Uhr zur Verfügung. So können Sie beruhigt weiterarbeiten, denn Sie wissen: Hilfe ist da, wenn Sie sie brauchen.
Wo Sie Ihr Scroll-Fortschrittsanzeige-Widget einsetzen können
Verwenden Sie das Widget auf Seiten, auf denen Besucher weit scrollen und von einem klaren Fortschrittsgefühl sowie einem schnellen Weg zurück nach oben profitieren.
Blog posts and articles so readers can see how far they have scrolled and return to the headline quickly
Documentation and help centers where dense instructions benefit from a live progress cue and scroll-to-top shortcut
Product and feature pages that stack long storytelling sections, comparisons, and CTAs
Landing pages that use long vertical layouts and need subtle orientation without extra navigation
Resource hubs and magazines with editorial content that should feel easy to finish
Mobile-first pages where long scrolling is common and a floating progress button improves usability
Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator
Nutzen Sie Jotform, um aus jedem Kontakt eine konkrete Maßnahme zu machen. Erstellen Sie leistungsstarke Formulare, mit denen Sie Leads erfassen, Zahlungen abwickeln und Antworten automatisieren – und das alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, von wo aus Sie nachfassen oder Ihre bevorzugten Apps verbinden können.
Jetzt starten – Kostenlos!
FAQ
Was ist ein Scroll-Fortschrittsanzeige-Widget?
Ein Scroll-Fortschrittsanzeige-Widget zeigt mit einer festen Fortschrittsleiste und einer optionalen schwebenden kreisförmigen Anzeige, wie weit Besucher gescrollt haben.
Scrollt der Button nach oben?
Kann ich die Farben anpassen?
Kann ich die Platzierung steuern?
Funktioniert es auf Mobilgeräten?
Kann ich es am Anfang oder nach Abschluss ausblenden?
Muss ich Code schreiben?