So einfach gestalten Sie eine Startseite mit dem Content Editor

29.04.2022
content_editor_blog

Früher oder später landen die meisten Besucherinnen und Besucher auf der Startseite Ihres Onlineshops. Daher ist es wichtig, diese attraktiv zu gestalten und die Kundschaft vom Angebot zu überzeugen. Mit dem Content Editor von PepperShop gestalten Sie Ihre Startseite einfach, schnell und ohne Programmierkenntnisse.

Warum die Startseite so wichtig ist, welche Elemente darauf gehören sowie Tipps zur Umsetzung mit dem Content Editor zeigen wir Ihnen in diesem Blog-Beitrag.

Warum ist die Startseite so wichtig?

Die Startseite ist das Aushängeschild Ihres Onlineshops. Besucherinnen und Besucher entscheiden sich auf der Startseite innerhalb von wenigen Sekunden, ob der Onlineshop und sein Angebot für sie interessant ist. Sie sollen sich direkt zurechtfinden und ein Gefühl Ihres Unternehmens erhalten.

Das Wichtigste, was Sie bei der Gestaltung Ihrer Startseite tun sollten, ist zu überlegen, auf welches Ziel oder welche Aktion Sie Ihre Besucherinnen und Besucher lenken möchten.

Welche Elemente gehören auf die Startseite?

Welche Elemente Sie auf Ihrer Startseite nutzen möchten, bestimmen Sie ganz alleine. Behalten Sie dabei immer Ihre Ziele im Hinterkopf.

Nachfolgend möchten wir Ihnen einige mögliche Elemente für die Startseite vorstellen, die Sie mit dem Content Editor ganz einfach selbst in Ihrem PepperShop Onlineshop umsetzen können:

  • USPs
  • Produktempfehlungen
  • Aktuelle Angebote & Aktionen
  • Schnelleinstieg in die Produktkategorien
  • Kundenreferenzen und -bewertungen sowie andere Trust-Symbole
  • Blog, Videos und weiterer Content

USPs (Alleinstellungsmerkmale)

Was macht Ihr Unternehmen besser als das Ihrer Konkurrenz? Zeigen Sie bereits auf der Startseite Ihre Stärken auf und weshalb die Kunden genau bei Ihnen einkaufen sollen.

Ihre Alleinstellungsmerkmale können Sie in vielen unterschiedlichen Variationen vorstellen.

Beispielsweise können Sie Ihre USPs und Vorteile innerhalb von Grafiken oder Sliders visuell präsentieren.

Abb. 1: Beispiel Darstellung USP in einem Slider

Eine weitere Möglichkeit ist die Darstellung der USPs in einer separaten Spalte mit Icons.

Abb. 2: Beispiel Darstellung USPs mit Icons

Produktempfehlungen

Mit Produktempfehlungen können Sie Ihre Onlineshop Besucherinnen und Besucher bereits auf der Startseite abholen und auf interessante Produkte aufmerksam machen. Stellen Sie Ihre Topseller vor und verlinken direkt auf die Detailansicht des Produktes.

Abb. 3: Beispiel Produktempfehlungen

Aktuelle Angebote & Aktionen

Haben Sie einen Wettbewerb, eine Muttertags-Aktion oder andere tolle Angebote? Präsentieren Sie Neuheiten Ihres Unternehmens direkt auf der Startseite. Holen Sie Ihre Besucher ab und machen Sie sie neugierig.

Wussten Sie, dass Sie die Startartikel auf Aktionsartikel beschränken können? Unter Module – Startartikel können Sie bestimmen, dass nur Aktionsartikel oder Promo-Artikel angezeigt werden.

Abb. 4: Beispiel Sale-Angebot

Schnelleinstieg in die Produktkategorien

Bei vielen Kategorien in der Navigation empfiehlt es sich, die beliebtesten Produktkategorien als Schnellstart bereitzustellen. So erhalten Ihre Kundinnen und Kunden einen raschen und visuellen Überblick des Angebots.

Der Name der Kategorie können Sie direkt auf das Bild schreiben und so hochladen. Anschliessend können Sie die Bilder im Content Editor anordnen und mit der Kategorie verknüpfen.

Abb. 5: Beispiel Schnelleinstieg in die Produktkategorien

Kundenreferenzen und -bewertungen sowie andere Trust-Symbole

Mit Kundenreferenzen und -bewertungen gewinnen Ihre Kundinnen und Kunden einen ersten Eindruck Ihrer Arbeit. Darüber hinaus verleihen Referenzen und Gütesiegel Ihnen Glaubwürdigkeit und Vertrauen.

Fragen Sie Ihre Kundschaft nach einem Statement oder führen Sie Logos von Unternehmen auf, die Ihre Produkte oder Dienstleistungen beziehen.

Abb. 6: Beispiel Kundenreferenzen

Blog, Videos und weiterer Content

Bloggen Sie? Möchten Sie Ihr Team vorstellen? Oder haben Sie ein Tutorial zur Verwendung Ihres Produkts? Zeigen Sie relevante Inhalte direkt auf Ihrer Startseite. Achten Sie jedoch darauf, dass der zusätzliche Content nicht vom Produkt ablenkt, sondern der Kundschaft einen Mehrwert bietet.

Abb. 7: Beispiel weiterer Content

Tipps zur Gestaltung mit dem Content Editor

Mit dem Content Editor erstellen Sie einzigartige Seiten für Ihren Onlineshop. Sie können Vorlagen, Layouts und Inhalte direkt per Drag & Drop auf die Seite ziehen.

Ihre erstellte Startseite mit dem Content Editor können Sie unter Inhalte – Seiten – Startseite bearbeiten beim «Inhalt oben» oder «Inhalt unten» einfügen.

Die Startartikel zeigt es zwischen den beiden Inhalten an. Die Einstellungen der Startartikel können Sie unter Module – Startartikel verändern.

Hier gehts zur Anleitung: https://docs.peppershop.com/latest/de/content_editor/

Überschriften formatieren

Im Content Editor haben Sie bei den Überschriften die Auswahl zwischen Titel 1 bis 5. Danach können Sie jeweils noch individuell die Farbe bestimmen und zwischen bold, italic und underline auswählen.

Die definierten Titel und der Absatz im Content Editor sind mit den Inhalt Schrifteinstellungen unter Design – Einstellungen – Design-Detailanpassungen – Schriften verknüpft. Dort können Sie die Schriftgrösse, Schriftstil, etc. bestimmen. Beachten Sie, dass Änderungen der Schriften im ganzen Onlineshop übernommen werden und somit einen Einfluss auf die Shop-Darstellung haben.

Abb. 8: Inhalt Schrifteinstellungen

Button formatieren

Auch die Buttons können Sie einzeln im Content Editor oder direkt im gesamten Onlineshop anpassen. Gehen Sie hierfür zu Design – Einstellungen – Design-Detailanpassungen – Widget. Dort finden Sie die Detailanpassungen für den Standard und Primär Button.

Beispiel Startseite

Zum Schluss noch ein Beispiel einer Startseite, die mit dem Content Editor umgesetzt wurde.

Abb. 9: Beispiel einer Startseite mit dem Content Editor

Testen Sie PepperShop kostenlos
für 30 Tage

Erstellen Sie mit PepperShop in nur wenigen Klicks Ihren eigenen Onlineshop & Ihr eigenes POS Kassensystem
oder personalisieren Sie Ihren Auftritt mit einem individuellen Projekt.

kostenlos testen