Elementor-Schaltfläche ‘Nach oben’ zum Zurückscrollen
Ihr ‘Nach oben’-Widget erstellen
Screenshots
Warum Nutzer Elfsight lieben.
Das Durchscrollen einer langen Seite sollte sich nicht wie eine Bergbesteigung anfühlen. Die Elfsight-Schaltfläche ‘Nach oben’ führt Besucher in einer sanften Bewegung zum Seitenanfang. Sie ist einfach, intuitiv und verleiht jeder modernen Website den polierten Touch, den sie braucht.
Mit nur wenigen Klicks erstellen Sie eine Schaltfläche ‘Nach oben’, die perfekt in Ihr Design passt. Wählen Sie Symbol, Farbe, Position und Animation – alles lässt sich im Editor anpassen. Und da sie vollständig responsive ist, sieht sie auf jedem Gerät gut aus und funktioniert einwandfrei.
Wussten Sie schon?
Eine Nielsen Norman Group-Studie zeigte, dass 57 % der Zeit, die Nutzer mit dem Betrachten einer Seite verbringen, oberhalb des sichtbaren Bereichs liegt – der ohne Scrollen sichtbar ist.
Navigation einfach und sichtbar halten – Fügen Sie jetzt das Elfsight-Schaltfläche ‘Nach oben’-Widget für Elementor hinzu, damit jeder Besucher engagiert bleibt und sich reibungslos durch Ihre Inhalte bewegt.
Kernfunktionen der Elementor-Schaltfläche ‘Nach oben’
Darum ist Elfsight ein absolutes Must-have für ein besseres Surferlebnis:
- 9. Das Chat-Widget in Ihre Website einbetten
- Intelligente Auslöser für das Erscheinungsbild: Legen Sie fest, wann der Button erscheint – nach einer festgelegten Scroll-Distanz oder auf bestimmten Seiten.
- Sanfter Scroll-Effekt: Bieten Sie den Nutzern einen angenehmen, nahtlosen Übergang statt eines abrupten Sprungs nach oben.
- Positionierung: Platzieren Sie den Button überall auf dem Bildschirm – unten rechts, links von der Mitte oder dort, wo es sich sinnvoll anfühlt.
- Kein Programmieraufwand erforderlich: Es funktioniert auch, wenn Sie kein Entwickler sind – es ist so einfach wie Ziehen, Ablegen und Einfügen.
Alle Funktionen direkt im Live-Editor testen – kein Konto erforderlich.
So fügen Sie eine Schaltfläche ‘Nach oben’ zu Elementor hinzu.
Das Einbetten einer Zurück-oben-Schaltfläche auf einer Elementor-Website ist schnell und einfach. Sie können sie inline oder als schwebende Schaltfläche auf jeder Seite platzieren.
Methode 1: Schwebende Schaltfläche
Ideal, wenn Ihre Schaltfläche auf allen Seiten sichtbar sein soll.
- Vorlage auswählen: Wähle einen schwebenden Stil, der beim Scrollen sichtbar bleibt.
- Details anpassen: Farbe, Position und Animation festlegen.
- Erzeugen Sie Ihren Code: Kopieren Sie den Einbettungscode aus dem Editor.
- In WordPress einbetten: Gehen Sie zu „Design → Anpassen → Zusätzliches HTML“ und fügen Sie es vor dem schließenden
</body>-Tag ein.
Methode 2: Eingebettete Schaltfläche
Wenn Ihre bestehende 7.0-Website auf Folgendem basiert:
- Öffnen Sie den Elfsight-Editor: Wählen Sie eine Vorlage, die zum Erscheinungsbild Ihrer Website passt.
- Design anpassen: Wählen Sie Symbol, Größe und Stil aus und legen Sie fest, wann es erscheinen soll.
- Embed-Code kopieren: Klicken Sie auf „Kostenlos zur Website hinzufügen“ und kopieren Sie das bereitgestellte Snippet.
- In Elementor einfügen: Ziehen Sie in Ihrem Elementor-Editor ein HTML-Widget an die gewünschte Stelle und fügen Sie den Code ein.
Brauchen Sie weitere Hilfe? Besuchen Sie unser Hilfecenter für detaillierte Anleitungen. Sie können auch Ideen für neue Funktionen in unserer Wunschliste teilen oder Updates im Changelog verfolgen.