{"id":97737,"date":"2021-11-12T14:39:05","date_gmt":"2021-11-12T13:39:05","guid":{"rendered":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?p=97737"},"modified":"2021-11-12T14:39:06","modified_gmt":"2021-11-12T13:39:06","slug":"neue-und-verbesserte-funktionen-im-strato-webshop-now","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/neue-und-verbesserte-funktionen-im-strato-webshop-now\/","title":{"rendered":"Neue und verbesserte Funktionen im STRATO Webshop Now"},"content":{"rendered":"\n

Durch die Aktualisierungen des Webshops hat sich einiges ver\u00e4ndert: Du kannst die Header vielf\u00e4ltiger gestalten, Kunden- und Bestelldaten noch individueller organisieren, hast neue Designm\u00f6glichkeiten und kannst die Benutzerfreundlichkeit optimieren.<\/p>\n\n\n\n\n\n\n\n

Der Fokus der Neuerungen lag darauf, dass Du Deinen Onlineshop weiter personalisieren und besser an die Bed\u00fcrfnisse Deines Unternehmens anpassen kannst. Wir f\u00fchren Dich durch die Aktualisierungen.<\/p>\n\n\n\n

Gestalte den Header individuell<\/h2>\n\n\n\n

Der Header – beziehungsweise die Kopfzeile Deines Webshops – f\u00e4llt Besuchern Deiner Seite sofort ins Auge. Daher kann er getrost als Herzst\u00fcck bezeichnet werden. Das gilt nicht nur in Puncto Design, sondern insbesondere f\u00fcr die Shop-Navigation. Denn hier finden Deine Kunden s\u00e4mtliche Inhalte und Unterseiten Deiner Homepage.<\/p>\n\n\n\n

Im Editor gibt es vier neue Designoptionen f\u00fcr den Header. Du findest sie \u00fcber das Header-Symbol in der unteren Leiste der Live-Vorschau. Du kannst den Header nun unabh\u00e4ngig von der Designvorlage individuell an Deine Bed\u00fcrfnisse anpassen.<\/p>\n\n\n\n

\"Zu
Die vier Header mit kleiner Vorschau.<\/figcaption><\/figure><\/div>\n\n\n\n

Welcher Header passt zu meinem Webshop?<\/h2>\n\n\n\n

Lass uns einen Blick auf die verschiedenen Layouts werfen. Im folgenden Teil besprechen wir au\u00dferdem, welches Design sich f\u00fcr welche Art von Shop eignet. Eins haben alle Varianten gemeinsam: Der Kunden-Login und Warenkorb befinden sich wie gewohnt oben rechts.<\/p>\n\n\n\n

Webshop Header 1: Men\u00fc-Fokus<\/h2>\n\n\n\n
\"Screenshot
Header 1 mit Men\u00fc-Fokus.<\/figcaption><\/figure>\n\n\n\n

Dieser Header hat ausgeschriebene, feste Men\u00fcpunkte in der Navigationsleiste, also ein sogenanntes Mega-Men\u00fc. Sobald ein Besucher Deines Shops in der Desktopvariante \u00fcber die erste Men\u00fcebene f\u00e4hrt, klappen die Unterkategorien auf.<\/p>\n\n\n\n

Dieser Header kann Deine Wahl sein, wenn Dein Shop nur wenige Hauptmen\u00fcpunkte hat, die alle in eine Zeile passen. Du solltest bei dieser Variante nicht mehr als acht Kategorien im Hauptmen\u00fc<\/strong> haben, da es sonst zu un\u00fcbersichtlich wird.<\/p>\n\n\n\n

Es ist aber kein Problem, wenn Du bei diesem Design viele Kategorien in der zweiten Ebene anlegst. Hinzu kommt eine gro\u00dfe und zentrierte Suchleiste. Falls Deine Kunden also besonders gerne auf die Suchfunktion zur\u00fcckgreifen, eignet sich dieser Header ebenfalls f\u00fcr Dich.<\/p>\n\n\n\n

Variante 2: Fokus auf das Logo<\/h2>\n\n\n\n
\"Screenshot
Header 2 mit Fokus auf das Logo.<\/figcaption><\/figure>\n\n\n\n

Dieser Header stellt designtechnisch die schlichteste Option dar. Er arbeitet mit einem sogenannten Burger-Men\u00fc<\/strong>. Auf dem Bild siehst Du es in Form der drei Striche ganz links oben, die (der Name verr\u00e4t es bereits) entfernt an einen Burger erinnern. Das kennst Du vielleicht schon aus Webshops, wenn Du sie mit mobilen Ger\u00e4ten besuchst. Dieses Men\u00fc klappt sich erst dann vertikal auf, wenn Du es anklickst.<\/p>\n\n\n\n

Es eignet sich in zwei F\u00e4llen. Wenn Du eine gr\u00f6\u00dfere erste Men\u00fcebene hast, kannst Du hier alle Kategorien unterbringen, ohne dass sie die Besucher auf den ersten Blick verwirren. Die Startseite Deines Webshops bleibt im Vordergrund.\u00a0<\/p>\n\n\n\n

Der zweite Fall tritt ein, wenn Du ein Logo hast, das Du gerne in den Mittelpunkt r\u00fccken m\u00f6chtest. Denn dieser Header zeigt Logo und\/oder Shopnamen in der Mitte an. Auch die Suchfunktion ist (wie das Men\u00fc) symbolisch dargestellt \u2013 in Form einer Lupe.<\/p>\n\n\n\n

M\u00f6glichkeit 3: Zentriert<\/h2>\n\n\n\n
\"Screenshot
Header 3 mit zentrierter Ausrichtung und eingeklapptem Suchfeld.<\/figcaption><\/figure>\n\n\n\n

Wenn Du Deinen Shop in schlichtem Design h\u00e4ltst und eine \u00fcbersichtliche Men\u00fcstruktur hast, bietet sich die zentrierte Variante an. So kannst Du Dein Logo und die Unterkategorien als Megamen\u00fc in der Mitte darstellen. Das eignet sich auch dann, wenn Du nur wenige unterschiedliche Produkte verkaufst.<\/p>\n\n\n\n

Webshop Kopfzeile 4: Dreizeilig<\/h2>\n\n\n\n
\"Screenshot
Header 4 mit dreizeiliger Gestaltung.<\/figcaption><\/figure>\n\n\n\n

Diese Variante nimmt den meisten Platz auf der Startseite ein, sie besteht aus drei Teilen:<\/p>\n\n\n\n