Kompatibilität:

WebSite X5 Evo und Pro v.2019.3


Schaltflächen fehlen niemals auf einer guten Website.


Mit Schaltflächen können die Benutzer einer Seite zahlreiche Aktionen ausführen: Eine andere Seite öffnen, ein Video spielen, eine Ressource herunterladen, sich bei einem Newsletter-Service registrieren oder ein Produkt erwerben.


Je wichtiger die Aktion ist, desto überzeugender und funktioneller sollte die Schaltflächen sein.


Es gibt grundsätzlich zwei wichtige Aspekte bei der Erstellung einer Schaltfläche:


Einen Link auf einer Schaltfläche einstellen

  • Doppel-klicken Sie auf dem eingefügten Objekt Button, um die Einstellungen-Fenster zu öffnen.
  • Klicken Sie auf der Schaltfläche ,um den Link einzustellen.
  • Wählen Sie sich die Aktion aus, die beim Klick ausgeführt werden soll, stellen Sie die nötigen Parameter ein und klicken Sie auf Ok.

Den grafischen Stil der Schaltfläche einstellen

  • Mit den in der Eigenschaften verfügbaren Optionen definieren Sie:
    • den Text auf der Schaltfläche;
    • die Größe und die Schriftart des Texts;
    • die Text - und Hintergrundfarbe der Schaltfläche;
    • die Ränder der Schaltfläche.
  • Es muss klar sein, dass es um eine Schaltfläche geht: Stellen Sie ein Mouse Over-Effekt ein und wählen Sie eine verschiedene Hintergrundfarbe.
  • Wann Sie fertig sind klicken Sie auf Ok.


4 Pro-Tipps für funktionelle Schaltflächen

Schaltflächen sind wichtige Elemente einer Webseite. Um funktionelle Buttons zu erstellen, sollen Sie:

  1. Die CTA (Call to Action) der Schaltfläche aufmerksam auswählen. Diese soll kurz, direkt und klar sein, damit man sofort versteht, was beim Klick passiert. 
  2. Pflegen Sie die Grafik: Wählen Sie Farben, die sich am besten mit dem Template anpassen und die dem Hintergrund kontrastieren.
  3. Profitieren Sie von Animationen und Effekten: Mikro-Interaktionen helfen dabei, die Schaltflächen zu erkenne und anwenden.
  4. Machen Sie möglicherweise einige Tests mit verschiedene CTAs, Farben und Effekte: Die beste Lösung ist nicht immer diejenige, die Ihnen am besten gefällt.


#Tipp - Alternativen. Außder dem Button Objekt können Sie für Ihre Schaltflächen auch einige Zusatzobjekte anwenden. Probieren Sie Animated ButtonDowload Button und Hover Button und wählen Sie die beste Lösung für Sie