Fügen Sie Ihrer Website-Kopfzeile mithilfe einer Menü-Schaltfläche eine Call-to-Action-Schaltfläche hinzu, um die Wahrscheinlichkeit zu erhöhen, dass Besucher auf die Schaltfläche klicken.
Diese Schaltfläche wird in Ihrer Kopfzeile auf Ihrer Website angezeigt. Die Position dieser Schaltfläche hängt von der ab Header-Layout, das Sie wählen, während es auf Mobilgeräten immer innerhalb des Menüsymbols unter den Menüelementen angezeigt wird.
Pixpa bietet Ihnen die Möglichkeit, jede Seite, die Sie hervorheben möchten, in der Kopfzeile als Menüschaltfläche anzuzeigen. Sie können es jederzeit in der Kopfzeile Ihrer Website ein- oder ausblenden.
In diesem Artikel:
- Hinzufügen einer Menüschaltfläche
- Menüschaltflächenoptionen
- Farben der Menüschaltflächen
- Beispiel für eine Menüschaltfläche
Fügen Sie eine Menüschaltfläche hinzu
- Klicken Sie auf Optionen (3) Registerkarte, in der Sie die Option zum Anpassen der Menütaste (4).
Alternativ können Sie die Suchoption von Pixpa verwenden, um zum Abschnitt „Menüschaltfläche“ zu navigieren.
- Enter Menütaste (1) in der Suchleiste.
- Sie sehen die zugehörigen Ergebnisse.
- Klicken Sie auf Menüschaltfläche – Website-Kopfzeile Option (2) unter Studio-Links.
Wenn Sie darauf klicken, sehen Sie eine Seite, auf der Sie dies tun können Verwalten Sie die Menüschaltfläche. Sie können die Menüschaltfläche ein-/ausblenden, mit einer Seite verknüpfen und vieles mehr.
Menüschaltflächenoptionen
- Schaltfläche „Anzeigen“ – Aktivieren/Deaktivieren Menütaste auf der Internetseite.
- Verknüpfung - Klicken Sie auf Link-Builder Symbol zu Wählen Sie die Seite oder den Link aus, den Sie verbinden möchten mit der Menütaste.
- Etikette - Präzisiere das Label für die Menütaste.
- Knopfgröße - Wählen Sie Ihre Knopfgröße von Klein, Mittel oder Groß.
- Zielfenster – Setze die Zielfenster damit sich die Menüschaltfläche in der öffnet Gleiches Fenster oder ein neues Fenster.
- Schaltflächenstil – Wählen Sie den Schaltflächenstil als Standard (festgelegt in Schaltflächen und Links des Abschnitts Design), Solid, Outline oder ein Textlink.
- Standard: Befolgt die Designeinstellungen Ihrer Site.
- Solide: Eine fettgedruckte, ausgefüllte Schaltfläche.
- Outline: Transparenter Hintergrund mit Rand.
- Textlink: Einfacher, klarer Nur-Text-Stil (kein Schaltflächenfeld).
- Schaltflächensymbol – Fügen Sie neben Ihrer Schaltflächenbeschriftung ein Symbol hinzu. Sie können aus verschiedenen Symboloptionen wählen.
- Layout – Steuern Sie die Platzierung des Symbols im Verhältnis zur Beschriftung. Verfügbare Layoutoptionen sind:
- Beschriftung + Symbol: Zuerst wird Text angezeigt, gefolgt vom Symbol.
- Symbol + Beschriftung: Zuerst wird das Symbol und dann der Text angezeigt.
- Beschriftung + Symbol (breit): Text und Symbol mit mehr Polsterung angeordnet, geeignet für breitere Schaltflächen.
- Symbol + Beschriftung (breit): Symbol zuerst, breiteres Polsterlayout.
- Symbolfarbe – Wählen Sie die Farbe des Schaltflächensymbols. Sie können es entweder auf die Button-Text Farbe oder die Marke Farbe.
Farben der Menüschaltflächen
Im Bereich „Menüschaltflächenfarben“ können Sie das Aussehen der Schaltflächen in Ihrer Website-Navigation anpassen. Diese Einstellungen ermöglichen die vollständige Kontrolle über Text- und Hintergrundfarbe, sowohl für reguläre als auch für transparente oder benutzerdefinierte Überschriften.
- Farbe angeben – Wählen Sie aus, wie die Menüschaltfläche ihre Farben übernimmt.
- Standard: Übernimmt Designeinstellungen.
- Umkehren: Kehrt die Text-/Hintergrundfarben der Schaltfläche um.
- Benutzerdefiniert: Ermöglicht Ihnen die Auswahl bestimmter Text- und Hintergrundfarben.
- Button-Text – Bei Verwendung von Benutzerdefinierte Schaltflächenfarbekönnen Sie die Textfarbe (Beschriftung) von hier.
- Schaltflächenhintergrund – Auch unter „Benutzerdefiniert“ verfügbar. Legt die Hintergrundfarbe der Schaltfläche fest. Kombinieren Sie diese mit der Textfarbe für maximale Lesbarkeit und Stil.
- Überschreiben für transparenten/benutzerdefinierten Header – Wenn Ihre Website ein transparentes oder benutzerdefiniertes Header-Design verwendet, können Sie diese Option aktivieren, um ein separates Farbset speziell für diesen Header-Stil anzuwenden. Sie können auch die Farbe der Menüschaltfläche für jede Seite individuell anpassen.
- Farbe angeben – Wählen Sie aus, wie die Schaltfläche in transparenten oder benutzerdefinierten Headern dargestellt werden soll.
- Standard: Übernimmt Designeinstellungen.
- Umkehren: Kehrt die Text-/Hintergrundfarben der Schaltfläche um.
- Benutzerdefiniert: Ermöglicht Ihnen die Auswahl bestimmter Text- und Hintergrundfarben.
-
Seitenmenüfarbe: Wendet die für die jeweilige Seite festgelegte Elementfarbe als Schaltflächenfarbe an, um sicherzustellen, dass die Menüschaltfläche automatisch zum Styling dieser Seite passt.
- Button-Text – Bei Verwendung von Benutzerdefinierte Schaltflächenfarbekönnen Sie die Textfarbe (Beschriftung) von hier.
- Schaltflächenhintergrund – Auch unter „Benutzerdefiniert“ verfügbar. Legt die Hintergrundfarbe der Schaltfläche fest. Kombinieren Sie diese mit der Textfarbe für maximale Lesbarkeit und Stil.
Beispiel für eine Menüschaltfläche auf einer Website
Werfen Sie einen Blick auf die Demo-Menü-Schaltfläche auf einer Website.