Unsere Website enthält Links zu Partner-Webseiten und wir erhalten eine Partner-Provision für jeden Kauf auf der Partner-Website, der über unserer Link erfolgt ist. Mehr erfahren. Unsere Bewertungen sind nicht von der Teilnahme an diesen Programmen beeinflusst.
  1. WebsitePlanet
  2. >
  3. Blog
  4. >
  5. Top 6 E-Commerce-Vorlagen 2021

Top 6 E-Commerce-Vorlagen 2021

Trevor PomeroyTrevor Pomeroy
09 April 2021

Wenn Du auf der Suche nach einer Vorlage für Deinen E-Commerce-Shop bist, kommt es Dir vielleicht so vor, als gäbe es eine schier endlose Auswahl – aber das trügt. Ich habe zwei erfolgreiche E-Commerce-Unternehmen aufgebaut und dabei eine Menge gelernt. Eins kann ich Dir sagen: Es gibt Vorlagen, die Deine Conversion Rate schnurstracks in den Keller ziehen. Andere dagegen bringen sie nach oben.

Ein auffälliges Design mag Deiner E-Commerce-Site ein professionelles Aussehen verleihen. Es kann aber auch dazu führen, dass Vorlagen langsam laden und die Aufmerksamkeit des Kunden von Deinen Produkten und Dienstleistungen ablenken.

Ich habe die besten WordPress-Themes für Online-Shops zusammengestellt, außerdem ein paar hervorragede Vorlagen der von mir bevorzugten Website Builder. Dein Online-Shop soll sich von der Konkurrenz deutlich abheben? Ich verrate Dir, wie Du ein tolles maßgeschneidertes Theme zu einem unglaublich niedrigen Preis bekommst. Legen wir los!

WordPress Themes

Basel – Ein vielseitiges Theme für die Markenpflege

ThemeForest - Basel
Mit seiner Storefront-Auswahl eignet sich Basel für fast jeden Online-Shop.

Über ThemeForest, gibt es so viele E-Commerce-Themes, dass es schwer fällt, eines besonders herauszuheben. Ich traf meine Wahl anhand einer Kombination aus optischer Attraktivität, Benutzerfreundlichkeit und Funktionalität. Und diese Vorlage liebe ich. Warum?

Nun – erst einmal sieht sie toll aus. Die Homepage von Basel enthält Slide-in-Objekte aus Text und Bildern, die Deine Marke ins rechte Licht rücken. Die Produktgalerien sind modern und minimalistisch und damit perfekt für trendige Freizeitkleidung. Die Standardfarben Schwarz, Weiß und Türkis sprechen an, ohne die Aufmerksamkeit von Deinen Produkten abzulenken.

Das Schriftbild ergibt sich aus einer gut lesbaren Mischung aus förmlichen und lässigen Schriftarten, deren Kombination ein zeitgemäßes Gefühl hervorruft – man fühlt sich an einen Sommerschlussverkauf erinnert.

Basel gibt Dir die Wahl aus 40 verschiedenen Storefronts, die sich mit nur einem Klick installieren lassen. Andere Funktionen, die mir gut gefallen:

  • Auswahl aus mehreren Layouts für die Produktanzeige
  • Exit-Pop-up zur Erfassung der E-Mail-Adresse des Kunden
  • Kunden können Produkte zu einer „Wunschliste“ hinzufügen und sie später kaufen
  • Kunden können Produkte direkt von Katalogseiten aus in den Warenkorb legen

Und das Theme sieht auch auf dem Handy toll aus.

ThemeForest - Basel mobile
Warenkorb-Schaltfläche schwebt am unteren Rand. Auch in der Kopfzeile ist sie zu finden.

Und schließlich ist der Warenkorb für Deinen Kunden immer sichtbar. Das erinnert ihn daran, dass er seinen Einkauf noch abschließen muss.

coupon-1583448;expare-22221212
wordpress-logo-alt-2
WordPress Business-Paket für nur $25.00 + gratis Domain für 1 Jahr
Erhalte WordPress für nur $25.00 pro Monat

Hypernova – Ein agiles und doch unkompliziertes Theme

Template Monster - Hypernova
Hypernova ist leistungsstark und einfach zu bedienen – ohne großen Aufwand.

Dieses Theme ist über Template Monster erhältlich. Seine gelben, grauen und schwarzen Farben lassen an Elektrowerkzeuge, Geräte und Heimwerken denken. Das passt zu dem minimalistischen, schnörkellosen Layout der Produktgalerien, die sich besser für Hardware als für modische Kleidung eignen.

Die Schriftarten vermitteln das gleiche „Packen-wir’s an“-Gefühl wie das Layout. Sie lenken die Aufmerksamkeit direkt auf die Produktmerkmale und die verfügbaren Rabatte.

Die Funktionen von Hypernova sind schon integriert; das spart jede Menge Zeit und Energie. Mit an Bord:

  • Eine integrierte Filterfunktion – der Kunde kann seine Produktsuche nach Marke, Farbe oder anderen Varianten filtern
  • Ein integrierter Upselling-Bereich auf Produktseiten, der ähnliche/verwandte Produkte zeigt. Das erhöht den durchschnittlichen Bestellwert
  • Integrierte Trustbadges sorgen für größeres Kundenvertrauen

Dieses Theme enthält auf den Produktseiten auch einen Vorschaubereich. Eine Produktvorschau gibt potenziellen Kunden die Sicherheit, dass sie etwas kaufen, was sein Geld wirklich wert ist. Für die meisten Themes musst Du ein Plugin erwerben, wenn Du auf Deinen Produktseiten einen Vorschaubereich haben möchtest. Bei Hypernova ist er in das Theme integriert.

Website Builder-Vorlagen

Es bietet mehrere Vorteile, wenn man statt WordPress oder anderen Open-Source-CMS-Plattformen etablierte Website Builder und deren Vorlagen nutzt. Die Vorlagen lassen sich per Drag-and-Drop-Bearbeitung mühelos anpassen. Programmieren ist nicht nötig. Du brauchst im Grunde überhapt keine Erfahrung im Erstellen einer Website. Toll am Editor ist außerdem, dass er in beeindruckend vielen Sprachen erhältlich ist, auch auf Deutsch.

Damit hast Du den Kopf frei für das, worauf es wirklich ankommt: Die Vermarktung Deines Produkts.

Die besten Website Builder beinhalten außerdem SEO-Marketing-Tools, E-Mail-Marketing und integrierte Apps, die nicht zum Absturz Deiner Website führen. (Wenn Du schon einmal mit WordPress gearbeitet hast, dann weißt Du, dass das mit Plugins von Drittanbietern ein Problem sein kann.) Die folgenden Vorlagen stammen von Website Buildern, die fast alles können, was WordPress kann.

coupon-1583225;expare-22221212
wix-logo-alt
Erhalte 33% beim Combo-Paket von Wix
Registriere Dich bei Wix und erhalte heute 33% Rabatt beim 2-Jahrespaket!

Geschäft für Naturseife und Kerzen – zeitgemäß und kunstvoll

Wix - Natural Soap & Candle Store
Diese Vorlage macht es Deinem Kunden leicht, sich bis zum Kauf durchzuklicken.

Wenn Du diese Vorlage von Wix verwenden willst, musst Du nicht unbedingt Seife und Kerzen verkaufen. Sie eignet sich ideal für Kunsthandwerker und andere kleine Online-Shops, bei denen das Visuelle im Vordergrund steht. Zarte Grün- und Anthrazittöne wirken anziehend, ohne von den großen, hochauflösenden Produktfotos und -videos abzulenken.

Das Schriftbild ist kräftig und gut lesbar, aber unaufdringlich. Das asymmetrische Layout verleiht der Vorlage eine moderne Anmutung, die perfekt zum modernen Kunsthandwerker passt. Die allgegenwärtigen Social Media-Links(auf so gut wie allen Vorlagen von Wix verfügbar) sind durchweg gut zu erreichen. Die Homepage umfasst eine Galerie mit Fotos aus Deinem Instagram-Feed, was sich hervorragend für Social Media-Marketing eignet.

Die Vorlage glänzt aber nicht nur mit einem schönen Design – sie punktet auch mit tollen Funktionen. Dein Kunde kann zum Beispiel eine Artikelmenge auswählen und in den Warenkorb legen, ohne erst eine Produktseite aufrufen zu müssen. Je weniger Klicks, desto besser. Wenn für einen Kauf auch nur ein Klick zu viel erforderlich ist, stehst Du schnell mit unzähligen abgebrochenen Warenkörben da.

Zu guter Letzt gibt es auch eine Chat-Funktion. Deine Kunden können also in Echtzeit mit Dir sprechen.

Galapagos – Einfach, aber elegant

Squarespace - Galapagos
Der schwebende Warenkorb („floating cart“) macht das Abschließen von Einkäufen zum Kinderspiel.

Squarespace ist für übersichtliche und minimalistische Vorlagen bekannt. Und diese hier ist keine Ausnahme. Deine Produkte werden unmittelbar in einem modernen, asymmetrischen Layout angezeigt und in verschiedenen Bildgrößen zur Geltung gebracht.

Anthrazit auf Weiß steht für Schlichtheit und Stil. Und das gut lesbare Schriftbild vermittelt einen Hauch von Eleganz. All das zusammen macht diese Vorlage zur perfekten Vorlage für höherwertige Modeartikel.

Galapgaos verbirgt die Preise Deiner Produkte, bis der Besucher den Cursor über einen Artikel bewegt (oder ihn antippt, wenn er Deine Website auf einem Mobilgerät betrachtet). Ich mag diese Funktion. Sie gibt Deinen Kunden die Möglichkeit, anhand des Aussehens eines Artikels zu entscheiden, ob er ihnen gefällt, ohne vom Preis abgelenkt zu werden.

Wurde ein Produkt in den Warenkorb gelegt, schwebt der „Floating Cart“-Button über der Website. So wird der Kunde daran erinnert, dass sein Einkauf noch nicht abgeschlossen ist – er muss nicht erst seinen Warenkorb suchen oder seinen Einkauf unterbrechen.

Squarespace - Galapagos mobile
Dieser „schwebende Warenkorb“ sollte Bestandteil jeder E-Commerce-Vorlage sein.

Den „Floating Cart“-Button gibt es auch in der mobilen Version. Das gefällt mir gut.

Brooklyn Großformatige Galeriebilder

Shopify - Brooklyn
Brooklyn ist eines der kostenlosen Themes von Shopify.

Dieses ursprünglich für Online-Bekleidungshändler entwickelte Shopify-Theme erwies sich als ideal für jeden Shop, dessen Umsatz von ansprechenden Produktbildern abhängt. Der Platz für Bilder ist auch auf mobilen Geräten groß genug, um Deine Produkte ohne Beeinträchtigung der Bildqualität darzustellen. Und der schlichte, zeitgemäße Stil lenkt die Aufmerksamkeit Deiner Kunden auf Deine Produkte und Kollektionen.

Wie die meisten Shopify-Themes hat auch Brooklyn Folgendes vorzuweisen:

  • Eine Slideshow in der Kopfzeile zur Präsentation von Produkten oder Angeboten
  • Die Option, Deiner Homepage ein Video hinzuzufügen und Deine Markenstory zu erzählen
  • Ein dynamisches Produktraster, das automatisch das Layout der Produktbilder je nach Anzahl der angezeigten Artikel ändert

Was mir ebenfalls gefällt, ist der „Slideout“-Warenkorb – Deine Kunden können ihrem Warenkorb Artikel hinzufügen, ohne die Seite eines Produkts verlassen zu müssen. Weniger Klicks sind gleichbedeutend mit einem besseren Einkaufserlebnis.

Backyard Eden – Eine Vorlage, die Vertrauen und Zuverläsigkeit signalisiert

SITE123 - Backyard Eden
Backyard Eden enthält einen Bereich für Kundenbewertungen.

Die Vorlage Backyard Eden von SITE123 sticht dank Parallax-Scrolling in Kombination mit haifischgrauen und dunkelgrünen Farbtönen optisch hervor. Diese Vorlage setzt nicht so sehr auf auffällige Schriftarten wie auf ein klassisches Schriftbild, das ein Gefühl von Reife und Zuverlässigkeit vermittelt.

Zusammen mit dem Bereich für Kundenmeinungen ergeben diese Elemente eine großartige Vorlage für Shops mit dem Schwerpunkt Haus und Garten.

Wer auf SITE123 eine E-Commerce-Vorlage sucht, hat vielleicht den Eindruck, dass es eine große Auswahl gibt. Im Grunde handelt es sich aber um stets die gleiche Vorlage mit einigen Variationen in Aussehen und Layout. Trotzdem: Ganz gleich, für welche Storefront Du Dich entscheidest – Du bekommst auf jeden Fall eine gute E-Commerce-Vorlage. Warum ist das so?

Erstens beinhalten alle eine Schnellansicht-Option. Das ist immer eine gute Option: Sie ermöglicht es Deinen Kunden, sich ein Produkt näher anzusehen und möglicherweise zu kaufen, ohne eine andere Seite aufrufen zu müssen – stattdessen öffnet sich auf der Katalogseite ein Fenster.

Zweitens enthalten alle auf jeder Produktseite einen Abschnitt für verwandte Produkte. Das ist eine wesentliche, für zusätzliche Verkäufe erforderliche Upselling-Funktion. Sie schlägt Deinen Kunden verwandte Produkte vor – so kannst Du Deinen durchschnittlichen Bestellwert erhöhen.

So bekommst Du eine benutzerdefinierte Vorlage zu einem guten Preis

Wenn Du Deine eigene Marke aufbaust, solltest Du vielleicht über eine maßgeschneiderte Vorlage nachdenken. Auf diese Weise bekommst Du etwas Einzigartiges und sparst hoffentlich Zeit: Du musst nicht selbst Anpassungen vornehmen, damit die Vorlage so aussieht, wie Du es Dir wünschst. Stattdessen kannst Du sie von Anfang an nach Deinen Vorgaben gestalten lassen.

Du denkst jetzt bestimmt: „Moment mal – sind Designer nicht teuer?“

Nicht unbedingt. Auf Fiverr findest Du professionelle Designer zu einem günstigen Preis. Als ich zum ersten Mal davon hörte, war ich mir sicher: Das ist zu schön, um wahr zu sein. Doch dann fand ein Teamkollege von mir auf diese Weise Videoproduzenten, die mir bei der Erstellung von Anzeigen für meine Produkte halfen. Ich war schwer beeindruckt. Auf der Website gibt es viele verschiedene Kategorien von Freiberuflern – Du kannst sogar jemanden damit beauftragen, Deine gesamte WordPress-Website zu entwickeln.

Auf Fiverr gibt es jede Menge Freelancer, die eine tolle Vorlage für Dein E-Commerce-Unternehmen erstellen. Und da der Preiswettbewerb auf Fiverr hart ist, kannst Du einen hochqualifizierten Designer zu einem sehr günstigen Preis finden. Hier ein paar Beispiele.

Ahsanaslam91, ein Website-Entwickler mit vielen positiven Bewertungen, ist Level-2-Verkäufer auf Fiverr. Um diese Auszeichnung zu erhalten, muss man 60 Tage hintereinander eine Bewertung von nicht unter 4,7 Sternen vorweisen und in dieser Zeit mindestens 50 Aufträge erledigen. Das ist ziemlich beeindruckend – ein Level-2-Verkäufer ist definitiv jemand, dem ich vertrauen würde.

Fiverr - Ahsanaslam91
Das Abso „Basic“ von Ahsanaslam91 beginnt bei einem richtig günstigen Preis.

Ahsanaslam91 verspricht, einen Auftrag in nur zwei Tagen mit so vielen Überarbeitungen wie nötig zu erledigen. Das ist richtig gut, wenn man bedenkt, dass er nicht nur ein Programmierer ist. Er ist zertifizierter Grafiker und Webentwickler mit viel Erfahrung im UI/UX-Design. Selbst sein Abo „Premium“ ist im Vergleich zur Beauftragung einer Agentur noch günstig.

Wenn Du allerdings noch weniger ausgeben möchtest, solltest Du Wasiq_iqbal in Erwägung ziehen. Er ist ebenfalls gut bewertet und wird für Deine E-Commerce-Website ein WordPress-Theme zu einem unglaublich niedrigen Preis gestalten.

Fiverr - wasiq_iqbal
Die Bewertungen von Wasiq_iqbals lassen darauf schließen, dass er die Erwartungen seiner Kunden regelmäßig übertrifft.

Der Preis für das Basic-Abo ist richtig günstig, wenn man bedenkt, dass Wasiq_iqbal nicht nur zertifizierter WordPress-Entwickler ist, sondern auch einen Master-Abschluss in Informatik erworben hat. Er steht außerdem im Ruf, sehr schnell zu sein und auf seine Kunden einzugehen. Selbst der Preis für sein Premium-Abo, das ein individuelles, sechsseitiges, mobil responsives WordPress-Theme mit Lieferung in nur acht Tagen umfasst, ist absolut angemessen.

Die Könner auf Fiverr sind nicht zu unterschätzen. Selbst wenn Du Dich für eine vorgefertigte Vorlage eines der beliebten Website Builder entscheidest, kannst Du einen Freelancer von Fiverr damit beauftragen, sie für Dich anzupassen.

Die richtige Vorlage kann Deinen Umsatz steigern

Die Auswahl einer Vorlage kann schwierig erscheinen – besonders dann, wenn es sich um die Vorlage eines Drittanbieters handelt, für die man ein wenig Geld ausgeben muss. Man muss immer befürchten, dass man sich für die falsche entscheidet. Aber die Vorlagen, die ich vorgestellt habe, sind benutzerfreundlich und lassen sich mühelos an Deine speziellen E-Commerce-Bedürfnisse anpassen.

Sobald Du etwas verkaufen willst, musst Du ein kostenpflichtiges Abo abschließen. Einige der von mir vorgestellten Vorlagen kannst Du aber kostenlos ausprobieren. Bei Wix gibt es ein kostenloses Einsteigerabo und Squarespace bietet eine 14-tägige kostenlose Testversion an. Experimentiere also ruhig ein bisschen damit herum um finde heraus, welche Vorlage Dir und Deinen zukünftigen Kunden am meisten bringt.

FAQ

Welcher Website Builder ist der beste für E-Commerce?
Das hängt von Deinen Wünschen und Bedürfnissen ab. Es gibt eine Reihe von Website-Buildern mit ausgezeichneten E-Commerce-Angeboten. Dabei findet sich immer etwas, das sich für jeden Shop eignet. Sieh Dir unseren Vergleich der besten Website Builder für E-Commerce 2021 an.
Wie erstelle ich eine E-Commerce-Website von Anfang an selbst?
Meine erste Antwort darauf wäre eine Gegenfrage: „Warum solltest Du das tun?“ Aber wenn Du tatsächlich eine E-Commerce-Website von Anfang an selbst erstellen willst, musst Du lernen, wie man programmiert oder jemanden dafür bezahlen, der sie dann für Dich erstellt.

Abgesehen davon: Wenn Du eine wirklich einzigartige Website haben möchtest, empfehle ich Dir, von einem Freelancder auf Fiverr eine maßgeschneiderte Website erstellen zu lassen. Du musst dafür keine Bank überfallen, und die Website kann so erstellt werden, dass sie den einzigartigen Anforderungen Deiner Marke entspricht.

Welche E-Commerce-Plattform ist die günstigste?
Diese Frage lässt sich nur beantworten, wenn man nicht nur den Preis, sondern auch das Preis-Leistungs-Verhältnis berücksichtigt. Wix und SITE123 bieten kostenlose Abos an, die für Dich schon reichen könnten, wenn Du Deine Produkte nur bewerben (aber nicht verkaufen) willst. Das ist auch eine gute Möglichkeit, den Editor und die Vorlagen auszuprobieren. Wenn Du Dich dann für ein Upgrade auf ein kostenpflichtiges Abo Tarif entscheidest, solltest Du etwaige aktuelle Rabatte oder Gutscheine nicht verpassen.
Ist Shopify besser als Wix?
Das hängt von der Größe Deines Unternehmens und von Deinem Umsatzvolumen ab. Du hast nur wenige Produkte oder gar nur ein einziges Produkt? Dann ist Wix besser. Erstens deshalb, weil es billiger ist; aber auch deshalb, weil es sich dabei um einen vollwertigen Website Builder handelt, der genau das Richtige ist, wenn Du Inhalte wie Blogposts und Videos für die Vermarktung Deiner Produkte einsetzen möchtest.

Andererseits: Wenn Du einen großen Online-Shop aufbaust oder ein massives Umsatzvolumen erwartest, solltest Du zu Shopify greifen. Shopify ist eine dedizierte E-Commerce-Plattform mit integrierten Funktionen und mehr als 2.800 verfügbaren Apps, mit denen Du fast alle denkbaren E-Commerce-Anforderungen erfüllen kannst.

Du möchtest mehr über die beiden Website Builder erfahren? Dann sieh Dir unseren Expertentest von Shopify und unseren Expertentest von Wix an.

Diesen Artikel bewerten
4.3 Bewertet von 3 Nutzern
Du hast schon abgestimmt! Rückgängig
Das Feld ist erforderlichMaximal length of comment is equal 80000 charsDie Minimallänge des Kommentars ist 10 Zeichen

Irgendwelche Kommentare?

Auf Review antworten
%s Antworten ansehen
View %s reply

Relevante Beiträge

Mehr relevante Beiträge anzeigen

Wir prüfen alle Nutzerkommentare innerhalb von 48 Stunden, um sicherzustellen, dass sie von einer realen Person stammen. Es freut uns, dass Du diesen Artikel hilfreich fandest. Wir wären Dir dankbar, wenn Du ihn anderen Personen empfehlen würdest.

Diesen Blog-Eintrag jetzt mit Freunden und Kollegen teilen:

Wir sind uns sicher, dass Du damit anderen Nutzern helfen wirst. Unser Team wird das Review prüfen und innerhalb von.

Einmal pro Monat bekommst Du interessante und nützliche Tipps, Tricks und Ratschläge, wie Du die Leistung Deiner Website verbesserst und Deine digitalen Marketing-Ziele erreichst!

Freut mich, dass es Dir gefallen hat!

Mit Deinen Freunden teilen!

1947250
100
5000
32015513