In diesem Hilfeartikel lernst du, wie du
- den Header nach deinen Wünschen konfigurierst
- Menüpunkte im Header anlegst und mit dem jeweiligen Ziel verlinkst
- Social-Media Icons im Header sichtbar machst und verlinkst
Überblick über diesen Artikel
- Der Header - Nutzungsmöglichkeiten
- Kopfbereich ausblenden
- Kopfbereich konfigurieren
- Menüpunkte anlegen und verlinken
- Social-Media-Icons im Kopfbereich sichtbar machen und verlinken
Der Header - Nutzungsmöglichkeiten
Du hast die Möglichkeit, den Kopfbereich (Header) deines Shop-Themes anzuzeigen oder auszublenden. In der Regel wirst du ihn einblenden, damit deine Kunden sich auf deinen Seiten umschauen können und schnell zurecht finden. In besonderen Fällen kann es auch sinnvoll sein, den Header auszublenden, beispielsweise wenn du ein Shop-Theme als Landingpage benutzt. Hierzu findest du einen eigenen Hilfeartikel.
Nutzt du den Kopfbereich des Shop-Themes, kannst du mehrere Menüpunkte erstellen, die deine Kunden entweder auf die von dir erstellten Seiten des Shop-Themes führen oder zu externen Seiten leiten.
Schritt-für-Schritt-Anleitung
Kopfbereich ausblenden
Möchtest du keinen Kopfbereich anzeigen, dann setze rechts ein Häkchen bei “Ausblenden”.
Beachte aber, dass deine Kunden sich dann nur auf der Seite bewegen können, die du ihnen gerade anbietest. Das empfehle ich dir nur für Landingpages.
Kopfbereich konfigurieren
Um den Kopfbereich zu bearbeiten, klicke rechts auf den Bleistift.
Danach siehst du den Konfigurationsbereich mit verschiedenen Einstellungen für Bilder, Links und Schriftauszeichnungen.
Das Logo sollte maximal 50 Pixel hoch sein
Hier kannst du nun den gesamten Kopfbereich nach deinen Wünschen gestalten.
Menüpunkte anlegen und verlinken
Beim Erstellen eines Shop-Themes sind zunächst nur Beispielmenüpunkte angelegt, die noch nicht verlinkt sind. Du kannst sowohl die Bezeichnung der Menüpunkte frei wählen als auch die Verlinkungen.
Beispiel 1
Du hast eine “Über-Mich-Seite” erstellt und willst einen Menüpunkt anlegen, der zu dieser Seite führt. Zum Anlegen und Gestalten von Shop-Seiten findest du weitere Hilfeartikel. Wir konzentrieren uns hier auf das Menü im Header und die passende Verlinkung.
- Kopiere zuerst die URL der betreffenden Seite (1) in die Zwischenablage deines PCs
- Klicke dann auf den Bleistift (2), um in die Bearbeitungsansicht des Kopfbereiches zu gelangen
Als nächstes kommst du in die Bearbeitungsansicht des Kopfbereichs (Headers).
- Mit einem Klick auf die drei Pünktchen rechts (1) und anschließend auf den Bleistift, öffnet sich eine Eingabemaske unterhalb des Menüpunktes “Link #2”.
- Fülle jetzt die beiden Felder der Eingabemaske aus (2). Gib in das linke Feld der Eingabemaske die gewünschte Bezeichnung des Menüpunktes ein, in unserem Beispiel “Über Mich”. In das rechte Eingabefeld kopierst du den Link aus deiner Zwischenablage.
- Bestätige deine Eingaben mit einem Klick auf “Speichern” (3).
- Denke immer daran, alle Änderungen am Schluss mit einem Klick auf “Speichern” ganz unten rechts zu sichern (4).
Beispiel 2
Du willst einen Menüpunkt anlegen, der deine Kunden zu einer externen Seite führt, beispielsweise zur Facebook-Community von elopage.
- Kopiere zuerst die URL der externen Seite in die Zwischenablage deines PCs
- Klicke dann auf den Bleistift, um in die Bearbeitenansicht des Kopfbereiches zu gelangen
Als nächstes kommst du in die Bearbeitungsansicht des Kopfbereichs (Headers).
- Mit einem Klick auf die drei Pünktchen rechts (1) und anschließend auf den Bleistift, öffnet sich eine Eingabemaske unterhalb des Menüpunktes “Link #3”.
- Fülle jetzt die beiden Felder der Eingabemaske aus (2). Gib in das linke Feld der Eingabemaske die gewünschte Bezeichnung des Menüpunktes ein, in unserem Beispiel “Community”. In das rechte Eingabefeld kopierst du den Link zur facebook-Community aus deiner Zwischenablage.
- Bestätige deine Eingaben mit einem Klick auf “Speichern” (3).
- Denke immer daran, alle Änderungen am Schluss mit einem Klick auf “Speichern” ganz unten rechts zu sichern (4).
Du kannst mit dieser Vorgehensweise auf jede beliebige URL verlinken. Achte darauf, die betreffende URL vollständig und korrekt einzugeben.
Social-Media-Icons im Kopfbereich sichtbar machen und verlinken
Du kannst im Kopfbereich des Shop-Themes verschiedene Social-Media-Icons nutzen und sie mit deinen eigenen Seiten bei Facebook, Instagram etc. verlinken.
- Öffne die Bearbeitungsansicht des Kopfbereiches durch Klicken auf den Bleistift.
- Setze den Schieber bei “Webseite und andere Plattformen” auf grün und gib in die jeweiligen Eingabefelder die vollständigen URLs deiner Webseite und deiner Social-Media-Seiten ein.
- Wähle eine Farbe, in der die Icons im Header angezeigt werden sollen.
- Bestätige deine Eingaben, indem du rechts unten auf “Speichern” klickst.
Anschließend werden im Header die entsprechenden Social Media Icons angezeigt. Mit einem Klick auf das jeweilige Icon gelangen deine Kunden auf die entsprechenden Seiten. Es werden im Header natürlich nur diejenigen Icons angezeigt, zu denen du eine URL eingegeben hast.
Über den Autor
Dieser Hilfeartikel ist geschrieben von unserem Certified Partner Ingo Simon, der elopage für sein Business nutzt und somit aus der Praxis für die Praxis schreibt.
Ingo unterstützt euch auch in der Facebook-Community bei Fragen aus der Praxis.