Kompatibilität:

WebSite X5 Evo und Pro


Das Objekt Hover Button ist perfekt für die Erstellung animierter Schaltfläche für Ihre Website. Auf der Vorschauseite können Sie einige Beispiele finden: Die verfügbaren Optionen und Effekte zusammen mit ein bisschen Fantasie können zu wunderbaren Ergebnissen führen.  Wir haben dieses Objekt für viele Templates angewendet, z. B. Fashion Bytes und CV Power.



Möchten Sie entdecken, wie das Objekt Hover Button funktioniert? Schauen Sie sich das Video an oder lesen Sie einfach weiter:




So können Sie der Schaltfläche einen Link zuweisen

  • Öffnen Sie das Einstellungen-Fenster des Objekts.
  • Öffnen Sie mit der Schaltfläche   das Fenster Link.
  • Wählen Sie dann die gewünschte Aktion, definieren Sie die Parameter und klicken Sie auf OK.


So definieren Sie den grafischen Stil der Schaltfläche

  • Im Fenster Hover Button wenden Sie die Optionen in den Bereichen Stil, Rand und Icon an, um den Anfangsstand der Schaltfläche zu definieren:
    • verfassen und formatieren die den Text der Schaltfläche;
    • geben Sie die Größe, die Farbe und die Ränder der Schaltfläche ein;
    • stellen Sie ein Hintergrundbild ein.
  • Definieren Sie den Stil der Schaltfläche beim Mousover. Sie können:
    • eine Text-Variation definieren, damit der angegebene Text z. B. in Kursivschrift angezeigt wird;
    • ein unterschiedliches Hintergrundbild anwenden, oder demselben Bild eine andere Ausrichtung zuweisen; 
    • einen Effekt einstellen. 
  • Klicken Sie auf OK, wann Sie fertig sind.


4 Tipps für wirksame Schaltfläche

Schaltflächen sind für Ihre Website sehr wichtig. Um wirksame Schaltfläche einzurichten, können Sie ein paar Tipps folgen:

  1. Wählen Sie die CTA (Call to Action) aufmerksam: Sie sollte kurz, direkt und klar sein, damit der Besucher sofort versteht, was beim Klicken passiert. 
  2. Engagieren Sie sich für den grafischen Stil: die Farben sollten mit der Vorlage gut anpassen und sollten sich vom Hintergrund klar unterschieden. 
  3. Verwenden Sie Animationen und Effekte: Dadurch können die Besucher besser erkennen und anwenden. 
  4. Probieren Sie mit verschiedenen CTA, Farbe und Effekte und vergessen Sie nicht, dass die beste Lösung könnte nicht Ihre Lieblingslösung sein.


#Tipp - Alternativen. Eine Schaltfläche können Sie mit dem Objekt Button auch erstellen, das in der Liste der Hauptobjekte der Seite verfügbar ist. Probieren Sie auch die Objekte Download Button und Animated Button aus und wählen Sie die beste Lösung für Sie.


Möchten Sie dieses Objekt auf Ihrer Website anwenden? Installieren Sie sofort Hover Button


Fehlen Ihnen noch Credits für den Kauf dieses Objekts? Alle Kreditpakete ansehen