Anpassung der Startseite Ihres Onlineshops
Aus diesem Video erfahren Sie:
- Wie man Themenabschnitte verwendet, um dynamische Layouts zu erstellen.
- Wie man eine stilvolle Startseite erstellt, die Ihre Marke widerspiegelt.
- Die Bedeutung von Alternativtext für Bilder.
Hallo, ich bin Samantha. Ich bin Kleinunternehmerin und arbeite hier bei Shopify.
Es ist Zeit, die Startseite unseres Online-Shops einzurichten. Die Startseite Ihrer Website soll Ihre Marke und Ihre Produkte Ihren zukünftigen Kunden präsentieren.
Es ist wichtig, Informationen über Ihre Marke zu teilen und warum Ihr Produkt ein Problem potenzieller Kunden lösen kann.
Lassen Sie uns oben bei den Abschnitten beginnen und nach unten arbeiten. Der erste Abschnitt ist die Kopfzeile. Klicken Sie auf „Kopfzeile“. Beginnen wir mit dem Hochladen unseres Logos. Es ist wichtig, Alt-Text für Ihre Bilder auf Ihrer Website bereitzustellen, damit sehbehinderte Nutzer verstehen können, was die Bilder enthalten. Dies ermöglicht auch Google, den Inhalt der Bilder zu verstehen, was für die Suchmaschinenoptimierung notwendig ist.
Das Thema Brooklyn ermöglicht es auch, ein zusätzliches Logo hinzuzufügen, das nur auf der Startseite angezeigt wird. Sie können die Breite Ihres Logos ändern, wenn Sie möchten, und die Höhe wird automatisch angepasst. So können Sie das ursprüngliche Seitenverhältnis beibehalten.
Als nächstes kommt der „Suchtyp“. Ich werde das nicht ändern.
Dann folgt die Option „Menü“. Ich habe mein Hauptmenü bereits mit den wichtigsten Links für meinen Shop eingerichtet, also bin ich damit zufrieden. Wenn Sie Ihr Menü noch nicht eingerichtet haben, können Sie auf „Menü bearbeiten“ klicken, um zu Ihrem Shopify-Adminbereich zurückzukehren und ein neues Menü zu erstellen.
„Zusätzliches Sidebar-Menü“ sind zusätzliche Links, die in der mobilen Navigation angezeigt werden. Es wird empfohlen, hier das Menü aus dem Footer hinzuzufügen, damit Ihre Kunden beim Surfen auf der Website mit dem Telefon nicht nach unten zum Footer scrollen müssen.
Der Ankündigungsbanner ist ein Banner, der oben auf meinem Bildschirm angezeigt wird. Sie können ihn vollständig entfernen oder verwenden, um Nachrichten an Ihre Kunden zu zeigen. Ich möchte einen 10-prozentigen Rabatt für neue Kunden anbieten, also schreibe ich das hier. Ich werde fortfahren und hinzufügen: „Erhalten Sie 10 % Rabatt auf Ihren Einkauf mit dem Promo-Code ONE-TEN“. Außerdem werde ich diese Nachricht mit einem Link zu meiner Produktseite verbinden. Ich kann auch die Farbe dieses Banners ändern, damit es besser zum Design meiner Website passt.
Der nächste Abschnitt ist die „Diashow“. Mir gefallen diese Einstellungen, also werde ich nichts ändern. Ich möchte hier ein großes Bild haben, aber ich habe nur eines, also werde ich die anderen Folien löschen. Ich werde auf die verbleibende Folie klicken und ein Bild hinzufügen.
Klicken Sie auf „Bearbeiten“ und fügen Sie dann Alt-Text hinzu. Die Hintergrundopazität des Inhaltsbereichs stellt sicher, dass der Text über dem Bild gut lesbar ist. Passen Sie die Überlagerungsopazität an, wenn der Kontrast zu niedrig ist.
Ich möchte die Kunden wirklich zum Kauf anregen, also werde ich in diesem Abschnitt über mein beliebtestes Produkt sprechen. Um den Kauf zu fördern, füge ich eine Schaltfläche hinzu, die zur Seite meines Produkts führt. Ich sehe, dass die Farbe meiner Schaltfläche hier nicht die ist, die ich in den allgemeinen Theme-Einstellungen festgelegt habe. Das liegt daran, dass sich diese Schaltfläche über dem Bild befindet, daher gibt Ihnen das Theme mehr Kontrolle über diese spezielle Schaltfläche. So können Sie sicherstellen, dass Sie eine Farbe wählen, die gut mit dem Bild kontrastiert. Ich bin damit zufrieden.
Jetzt kehre ich zu den Abschnitten zurück. Als nächstes folgt der Abschnitt mit formatierbarem Text. Dieser Bereich gibt mir die Möglichkeit, meine Marke und meine Produkte vorzustellen. Sie sollten hier klaren und prägnanten Text verwenden. Beschreiben Sie die Vorteile Ihres Produkts oder Ihrer Dienstleistung.
Der nächste Abschnitt ist die Kollektionliste. Ich habe einige Produkte und nur eine Kollektion. Im Moment passt dieser Abschnitt nicht ganz zu meinem Shop, also werde ich ihn löschen. Sie können jederzeit einen neuen Abschnitt erstellen, indem Sie auf „Abschnitt hinzufügen“ klicken.
Der Abschnitt für empfohlene Kollektionen ermöglicht es Ihnen, Ihre Bestseller oder beliebtesten Produkte Ihren potenziellen Kunden zu zeigen. Wenn Sie nur eine Kollektion haben, wird diese hier standardmäßig angezeigt. Wenn Sie mehrere Kollektionen haben und die standardmäßig angezeigte ändern möchten, klicken Sie auf „Bearbeiten“.
Jetzt klicke ich auf den Abschnitt „Newsletter“. Den Nutzern die Möglichkeit zu geben, sich für Ihren Newsletter anzumelden, ist eine wirklich effektive Methode, um Ihre Kundenbasis weiter zu vermarkten. Wir werden uns jetzt nicht auf E-Mail-Marketing konzentrieren, aber in Zukunft wird es viel Interessantes geben. Für den Moment werde ich den Text bearbeiten, damit er besser zu meiner Marke passt.
Zurück zu den Abschnitten. Der letzte Abschnitt ist mein Footer, den ich sehr mag, also lasse ich ihn so.
Super. Ich bin sehr zufrieden damit, wie meine Startseite aussieht. In der Seitenleiste der Abschnitte können Sie neue Abschnitte hinzufügen und deren Reihenfolge ändern, indem Sie auf das Symbol mit sechs kleinen Punkten klicken und sie ziehen. Wenn Sie mit den Änderungen zufrieden sind, klicken Sie auf „Speichern“.
Jetzt wissen Sie, wie Sie die Abschnitte Ihres Themes bearbeiten und Ihre eigene Website ohne technische Kenntnisse oder Programmierfähigkeiten erstellen können. Ich empfehle, jede Seite Ihres Shops zu überprüfen, um sicherzustellen, dass Sie mit ihrem Aussehen zufrieden sind, bevor Sie Ihren Shop eröffnen.
Es wird auch empfohlen, die mobile Version der Website zu überprüfen, indem Sie auf das Telefonsymbol oben im Editor klicken, bevor Sie den Shop starten.
Ihr Shop wird sich mit dem Wachstum Ihres Geschäfts weiterentwickeln. Wenn Sie zusätzliche technische Unterstützung benötigen, können Sie auf weitere Ressourcen im Shopify-Hilfezentrum zugreifen. Wenn Sie spezifische Fragen zu Ihrem Theme haben, wenden Sie sich an unseren Support für individuelle Hilfe.