Website-Kopfzeile anpassen

Die Kopfzeile ist der Abschnitt am oberen Rand Ihrer Website, der in der Regel die Navigation oder das Kategorienmenü Ihrer Website, das Logo, ein Suchfeld, ein Warenkorbsymbol, Kontaktdaten und eine Schaltfläche für die Kundenanmeldung enthält.

Die Kopfzeile ist ein toller Ort, um die Besucher Ihrer Website zu navigieren und die wichtigsten Seiten hervorzuheben, die Ihre Kunden und Kundinnen besuchen sollten. Auf Ihrer Instant Site können Sie festlegen, wie die Kopfzeile aussehen soll und welche Elemente sie enthalten soll.

Anpassen des Erscheinungsbilds der Kopfzeile

Alle Elemente, die Sie der Kopfzeile hinzufügen, erscheinen ganz oben auf jeder Seite und erleichtert die Navigation auf Ihrer Website. Auf mobilen Bildschirmen wird die Kopfzeile zum Hamburger-Menü zusammengeklappt, sodass Besucher auf das Menü tippen müssen, um die Kopfzeile zu sehen:

So bearbeiten Sie das Design der Kopfzeile:

1. Gehen Sie in Ihrer Ecwid-Verwaltung zu Webseite → Website bearbeiten.
2. Klicken Sie im Menü Seitenblöcke auf Kopfzeile.
3. Wechseln Sie zur Registerkarte Design, um das Aussehen anzupassen:
   • Layout. Wählen Sie das Aussehen Ihrer Kopfzeile.
   • Seitenlogo. Aktivieren oder deaktivieren Sie das Logo.
   • Hintergrund. Sie können die Kopfzeile transparent, in Graustufen transparent machen oder eine Farbe für den Hintergrund wählen. Um die Farbe der Kopfzeile zu ändern, wählen Sie Farbe (einfarbig) in der Dropdown-Liste und geben Sie dann die Farbe an.
   • Menü & Symbole. Ändern Sie Schriftart und Farbe für alle Inhalte der Kopfzeile. Hier können Sie festlegen, welche Elemente in der Kopfzeile angezeigt werden sollen: Navigation, E-Mail-Adresse, Rufnummer, Warenkorb-Symbol, Suchleiste und Link zur Kundenanmeldung.
   • Schaltfläche (falls vorhanden). Passen Sie das Aussehen der Schaltfläche an.
4. Klicken Sie auf Veröffentlichen.

Ändern des Logos in der Kopfzeile

Um Ihre Website zu personalisieren, können Sie ein Bild oder einen Text in die Kopfzeile einfügen, der als Ihr Logo angezeigt wird. Wenn Besucher auf Ihr Logo klicken, kehren sie zu Ihrer Startseite zurück.

Versuchen Sie, die Bildmaße im Bereich von 18x18 px als Minimum und 3962x3962 px als Maximum zu halten. Bilder können in gängigen Bildformaten wie PNG oder JPG vorliegen, aber nicht im SVG-Format.

Um das Logo Ihrer Website zu ändern:

1. Gehen Sie in Ihrer Ecwid-Verwaltung zu Webseite → Website bearbeiten.
2. Klicken Sie im Menü Seitenblöcke auf Kopfzeile.
3. Klicken Sie neben Seitenlogo auf Ändern.
4. Wählen Sie die Art des Logos. Dies kann ein Bild oder Text sein.
5. Klicken Sie auf Bild ändern, um Ihr eigenes Bild hinzuzufügen.
6. Klicken Sie auf Veröffentlichen.

Hinzufügen der Navigation zur Kopfzeile

Die Navigation oder das Website-Menü ist eine Liste von Links, die oben auf Ihrer Website angezeigt wird:

Ein Website-Menü erleichtert die Navigation auf Ihrer Website und das Auffinden der gewünschten Informationen oder Produkte. Jeder Link in der Navigation kann Besucher zu einer bestimmten Seite oder einem Abschnitt Ihrer Website oder zu einer beliebigen anderen Seite im Internet weiterleiten. Sie können auch Anruf- oder E-Mail-Links erstellen, mit denen Ihre Kunden und Kundinnen Sie erreichen können.

Sie können verschiedene Layouts wählen, um Ihre Navigation auf dem PC anzuzeigen. Wenn jedoch jemand Ihre Website auf einem Mobilgerät öffnet, ist die Navigation über das zusammenklappbare Hamburger-Menü zugänglich.

Um ein Navigationsmenü einzurichten:

1. Gehen Sie in Ihrer Ecwid-Verwaltung zu Webseite → Webseite bearbeiten.
2. Klicken Sie im Menü auf der linken Seite auf Kopfzeile & Menü.
3. Klicken Sie auf der Registerkarte Inhalt auf die Navigation.
4. Sie können auf einen vorhandenen Link klicken, um ihn zu bearbeiten, oder über + Menüpunkt hinzufügen einen neuen Link erstellen.
5. (Optional) Sie können per Drag & Drop auch die Reihenfolge der Links ändern.
6. Klicken Sie auf den Menüpunkt, um ihn anzupassen. Geben Sie in das Namensfeld einen Namen ein, der für Ihre Kunden Sinn ergibt. Zum Beispiel Über uns, Rufen Sie uns an, etc.
7. Wählen Sie die Aktion bei Klick:
   • Zum Seitenblock scrollen – Der Kunde wird zu einem der Blöcke Ihrer Website weitergeleitet.
   • Seite öffnen – Sie können eine beliebige URL eingeben, um Kunden auf diese Seite weiterzuleiten.
   • E-Mail verfassen – Nach dem Anklicken des Links wird der Standard Mail-Dienst auf dem Gerät des Kunden geöffnet.
   • Telefonanruf – Nach Anklicken des Links wählt das Telefon des Kunden Ihre Nummer.
   • Zum Shop – Der Kunde wird zu Ihrem Schaufenster weitergeleitet.
   • Zur Website gehen — Ein Kunde wird zu einer von Ihnen angegebenen Seite auf Ihrer Website weitergeleitet.
8. Klicken Sie zwei Mal auf Zurück und anschließend auf Gestaltung.
9. Wählen Sie im Bereich Layout aus, wie Sie Ihr Navigationsmenü anzeigen möchten.
10. Klicken Sie auf Veröffentlichen.

Hinzufügen des Kategorienmenüs zur Kopfzeile

Produktkategorien sind Gruppen von Artikeln, die Sie bündeln können, um sie auf der gleichen Seite in Ihrem Shop anzuzeigen. Zum Beispiel Kaffeebecher, Sommermode, Bestseller. Sie können das Menü Ihrer Stammkategorien anzeigen, so dass Ihre Kunden schnell das gesuchte Produkt finden können.

Beachten Sie, dass, wenn Ihre Kunden und Kundinnen Ihre Website auf Mobilgeräten öffnen, das Kategorienmenü unter dem zusammenklappbaren Hamburger-Menü versteckt wird.

So erstellen Sie ein Kategorienmenü auf Ihrer Instant Site:

1. Gehen Sie in Ihrer Ecwid-Verwaltung zu Webseite → Website bearbeiten.
2. Klicken Sie im Menü auf der linken Seite auf Kopfzeile → Navigation.
3. Sie können einen bestehenden Punkt bearbeiten oder einen neuen erstellen, indem Sie auf Menüpunkt hinzufügen klicken.
4. Geben Sie dem Punkt einen Titel, der deutlich macht, dass hier Kategorien zu finden sind. Zum Beispiel: Shop.
5. Klicken Sie auf das Dropdown-Menü Aktion bei Klick und wählen Sie Zum Shop.
6. Vergewissern Sie sich, dass Kategorien bei Mouseover im Menü anzeigen aktiviert ist. Deaktivieren Sie die Option, um das Kategorienmenü auszublenden.
7. Klicken Sie auf Veröffentlichen.

Entfernen eines Elements aus der Navigation

Sie können ein Element aus der Navigation löschen, wenn Sie es nicht länger benötigen. 

So löschen Sie einen Eintrag aus der Navigation:

1. Gehen Sie in Ihrer Ecwid-Verwaltung zu Webseite → Website bearbeiten.
2. Klicken Sie im Menü auf der linken Seite auf Kopfzeile.
3. Klicken Sie auf der Registerkarte Inhalt auf Navigation.
4. Klicken Sie auf den Menüpunkt, den Sie nicht länger anzeigen möchten.
5. Klicken Sie unten auf der Seite auf Menüeintrag löschen.
6. Klicken Sie auf Veröffentlichen.