WooCommerce: Flatsome Theme Review

Veröffentlicht: 2022-08-10

Eine bemerkenswerte und fehlerfreie Benutzererfahrung ist der Schlüssel zum Aufbau einer erfolgreichen Online-Präsenz für E-Commerce-Unternehmen. Wie oft besuchen Ihre Kunden Ihre Website, werden von anderen Besorgungen abgelenkt oder verlassen Ihr Geschäft aufgrund verwirrender Alterslayouts?

Laut Statistik beenden 38 % der Website-Besucher die Interaktion mit Websites aufgrund von unattraktiven Inhalten und Seitenlayouts. Daher ist es wichtig, die Aufmerksamkeit der Kunden zu gewinnen und ein hochwertiges Erlebnis durch ein ansprechendes und intuitives Seitendesign zu bieten, um die Kundenbindung zu gewährleisten und den Umsatz zu steigern.

Und das Thema Ihres Shops ist ein wichtiges Element, das dazu beiträgt, das Interesse der Besucher zu wecken und ihre Seitennavigation zu unterstützen. Während Sie aus mehreren Themen für Ihre WooCommerce-Website wählen können, ist die Wahl eines Mehrzweckthemas, das eine hervorragende Leistung bietet, hohe Anpassungsmöglichkeiten bietet und die Benutzererfahrung erleichtert, das, was Sie brauchen, um ein qualitativ hochwertiges Erlebnis zu bieten.

Dieser Artikel gibt einen Überblick über ein so wichtiges Thema – das Flatsome WordPress-Thema. Wir beginnen mit einem kurzen Überblick und sehen uns die Benutzeroberfläche, Funktionen, Vorteile und Kosten an, um Ihnen bei der Entscheidung zu helfen, ob es die richtige Wahl für Ihren E-Commerce-Shop ist. Lass uns gehen!

Flatsome: Ein kurzer Überblick

Flatsome – ein Mehrzweck-responsives WooCommerce-Theme, das 2013 veröffentlicht wurde, ist eines der bestbewerteten und beliebtesten Themes auf ThemeForest. In wenigen Tagen werden 200.000 Verkäufe auf ThemeForest erreicht .

UX-Themen entwarfen und entwickelten das benutzerfreundliche und angepasste Flatsome-Theme – perfekt für Nicht-Programmierer und Anfänger.

Flatsome 3.15.6 ist die neueste Version des Themas, die viel mehr Funktionen und Optionen enthält als die vorherige Version Flatsome 3.0. Darüber hinaus bietet das Theme eine hohe Leistung und Zuverlässigkeit und ist auf Skalierbarkeit ausgelegt.

Außerdem wird es mit zukünftigen Updates geliefert und lässt sich nahtlos in WooCommerce integrieren. Beginnen wir mit der Überprüfung des Flatsome-Themas mit seiner Installation und Einrichtung.

Flache Installation und Einrichtung

Wenn Sie das Flatsome-Design installieren und es in Ihrem WordPress-Backend-Dashboard öffnen, landen Sie auf dieser Seite.

Hier müssen Sie auf die Schaltfläche Setup Wizard klicken, die Sie durch den Prozess führt, um loszulegen und das Design in Ihrem WooCommerce-Shop einzurichten.

Sie können den Einrichtungsassistenten überspringen und auf die Schaltfläche „Jetzt nicht“ klicken. Und um es später neu zu starten und einzurichten, gehen Sie zu Flatsome > Setup > Wizard in Ihrem WordPress-Dashboard.

Oder klicken Sie auf „Let's Go!“ Taste, um die Einrichtung zu starten. Nachdem Sie auf diese Schaltfläche geklickt haben, geben Sie den Kaufcode ein, um Ihr Design zu registrieren, und klicken Sie auf die Schaltfläche „Registrieren“ .

Das Setup ermöglicht es Ihnen, Ihr eigenes untergeordnetes Thema zu erstellen – das alle Änderungen oder Modifikationen speichert, die Sie im Falle des Thema-Updates vornehmen.

Als nächstes fordert Sie das Setup auf, mehrere Plugins zu installieren, darunter:

  • WooCommerce
  • Kontaktformular 7 (erforderlich)
  • Nextend Google Connect (erforderlich)
  • Nextend Facebook Connect (erforderlich)
  • Unbegrenzte Seitenleisten Woosidebars (erforderlich)
  • Thumbnails neu generieren (erforderlich)
  • YITH WooCommerce Wunschliste (erforderlich)

Sie können diesen Schritt entweder vorerst überspringen oder später die Plugins, die Sie installieren möchten, von Ihrem WordPress-Dashboard aus bestimmen. Oder Sie können sich auch dafür entscheiden, die Alternativen des Plugins wie WPForms anstelle von Contact Form 7 zu installieren. Das Design funktioniert jedoch weiterhin ordnungsgemäß, ohne diese Plugins sofort zu installieren.

Anschließend können Sie den Demo-Inhalt Ihrer Website erstellen – insbesondere, wenn Sie das Design auf einer brandneuen Website ohne Inhalt installieren und verwenden, was es einfacher macht, den Inhalt später nach Ihren Wünschen anzupassen und zu bearbeiten. Sie können diesen Schritt auch überspringen, wenn Sie eine vorhandene Website verwenden.

Laden Sie als Nächstes Ihr voreingestelltes Logo hoch, wählen Sie ein voreingestelltes Design, gehen Sie durch den Support und schließen Sie die Einrichtung von Flatsome ab.

Das Einrichten des Flatsome-Designs ist also recht schnell und einfach, da es Sie intuitiv durch die Schritte führt und es Ihnen ermöglicht, bei Bedarf bestimmte Schritte zu überspringen.

Nachdem wir nun gesehen haben, wie das Thema eingerichtet wird, wollen wir uns mit den Funktionen von Flatsome und dem Design befassen.

Top Flatsome-Funktionen für WooCommerce

Um mit Flatsome zu bearbeiten, gehen Sie zu Pages > Add New und klicken Sie auf der nächsten Seite auf Edit with UX Builder .

Sie landen auf dieser Seite.

Schauen wir uns nacheinander alle Funktionen an, die Flatsome bietet:

  1. Eine intuitive Benutzeroberfläche

Flatsome verfügt über eine nahtlose Benutzeroberfläche, die das Hinzufügen und Entfernen von Elementen Ihrer Wahl erleichtert.

Wenn Sie auf die Schaltfläche „Elemente hinzufügen“ klicken, sehen Sie mehrere Elementoptionen in der Seitenleiste – einschließlich Layout, Inhalt und Shop.

Sie können aus einer Vielzahl von Elementen auswählen, z. B. Abschnitt, Zeile, Schieberegler, Raster, Seitenkopf, Block, Stapel, Bild, Symbol, Suchfeld, Preistabellen, Galerie und Portfolio. Darüber hinaus können Sie hier alle Flatsome-Elemente durchsuchen.

Außerdem ist das Thema sehr reaktionsschnell – so dass Sie mit einem einzigen Klick eine Vorschau der Mobil-, Tablet- und Desktop-Version Ihrer Website anzeigen können. Klicken Sie beispielsweise einfach auf die Symbole in der rechten Seitenleiste, um eine Vorschau Ihres E-Commerce-Shops auf verschiedenen Geräten anzuzeigen, wie unten gezeigt.

  1. Ein umfangreiches Set an Theme-Design-Optionen

Das Design Ihres Geschäfts ist einer der Schlüsselaspekte, um Besucher anzuziehen. Je kreativer und einfacher sie ist, desto länger möchten Besucher auf Ihrer Website bleiben und sich mit ihr beschäftigen.

Flatsome bietet viele attraktive vorgefertigte Designvorlagen in Premium-Qualität, wenn Sie kein benutzerdefiniertes Seitendesign parat haben. Die Farbe, die Blockplatzierung, die Symbole, die Bildgröße und das Hintergrunddesign aller Themen sind ausgezeichnet und ansprechend für das Design.

  1. Header-Builder und Front-End-Editor

Flatsome bietet mit seinem Header Builder hervorragende Anpassungsoptionen für Header.

Wenn Sie zu Aussehen gehen und im WordPress-Backend Ihres Shops auf die Option Anpassen klicken, können Sie mehrere Anpassungsoptionen sehen, darunter Kopfzeile, Stil, Blog und Layout, wie unten gezeigt.

Durch Klicken auf das Kopfzeilenmenü erhalten Sie einen intuitiven Drag-and-Drop-Kopfzeilengenerator, mit dem Sie Ihre Kopfzeile an Ihre Anforderungen anpassen können.

Sie können die Platzierung der Menüs mit dem Drag-and-Drop-Editor anpassen und ganz einfach alles hinzufügen, von Schaltflächen, Suchformularen, vertikalen Menüs bis hin zu Ihrem benutzerdefinierten HTML-Code. Darüber hinaus können Sie mit dem Editor auch den Stil anpassen, einschließlich Höhe, Breite und Farbe.

Sie können auch eine Vorschau der Desktop-, Mobil- und Tablet-Versionen des benutzerdefinierten Headers über den Header-Builder-Editor anzeigen.

Work Sharp, ein E-Commerce-Shop, ist ein hervorragendes Beispiel für eine Website, die das Flatsome-Theme verwendet. Sie haben einen einfachen, eleganten Header mit kleinen Hover-Animationsmenüs – was der Homepage der Website ein interaktives Benutzererlebnis verleiht.

  1. UX-Builder

Wie Avada mit seinem eigenen Live-Page-Builder kommt, kommt Fusion Builder – Flatsome mit UX Builder.

Damit können Sie einzelne Elemente Ihrer Website einfach bearbeiten und Änderungen sofort live auf Ihrer Website sehen. Dieser Builder enthält 36 verschiedene Inhaltselemente – einschließlich Titel, Schieberegler, Abschnitte und Produkte.

Hier können Sie den Text, die Schriftgröße, die Ausrichtung und die Farbe des Inhalts ganz einfach anpassen.

Klicken Sie einfach auf das jeweilige Element, das Sie anpassen möchten, und ändern Sie den Text, die Ausrichtung oder die Größe nach Bedarf.

  1. Flaches Studio

Eines der großartigsten und bemerkenswertesten Merkmale des Flatsome-Themas ist sein Flatsome Studio. Es ist eine digitale Bibliothek mit einem umfangreichen Satz kostenloser Bilder, Schnitte und vorgefertigter Layouts, die Sie mit einem einzigen Klick importieren können.

Sie können aus Hunderten von Elementen und Vorlagen für Bereiche wie E-Commerce, Fußzeile, Raster, Kampagnen, Kontakt und Testimonials auswählen.

Zum Beispiel verwendet Infobest, eine rumänische Website für Softwareentwicklung, Flatsome, um ihre Website zu gestalten. Sie verwenden die Testimonial-Vorlage des Themas aus der Flatsome Studio-Bibliothek, um Kundenbewertungen auf ihrer gesamten Website anzuzeigen und die Glaubwürdigkeit der Marke zu erhöhen.

  1. Eingebautes Slider-Element

Das eingebaute Slider-Element ist ein weiteres wichtiges Front-End-Editor-Feature, das das Hinzufügen von Slides auf Ihrer Website mit Hover-Effekten und Animationen erleichtert.

Sie können alles von Bannern, Bildern und Rastern als Folien hinzufügen – wobei jede Folie eine Überlagerungsfarbe, Animation, Bildunterschrift und einen Hover-Effekt hat.

Sie können die Navigations-, Auto-Slide- und erweiterten Einstellungen des Schiebereglers ganz einfach anpassen.

  1. Suchmaschinenoptimierung

Die Geschwindigkeit und Leistung Ihrer Website spielen eine entscheidende Rolle bei der Suchmaschinenoptimierung (SEO) Ihrer Website. Je länger das Laden Ihres E-Commerce-Shops dauert, desto höher sind die Absprungraten und desto niedriger ist der SEO-Rang Ihrer Website in den Suchmaschinen.

Daher ist es wichtig, das Thema zu wählen, das Mehrzweckfunktionen zusammen mit schnellerer Geschwindigkeit und Leistung bietet.

Flatsome wird mit einem leichten CSS- und JavaScript-Framework geliefert, das sich hervorragend eignet, um eine schnellere Seitenladegeschwindigkeit zu gewährleisten. Außerdem verwendet es Smart Lazy Loading für alle Bilder und Hintergründe – Bilder werden nur bei Bedarf geladen, wodurch Ihre Website wiederum schneller geladen wird.

Darüber hinaus hält das Theme seine Parallax-Effekte und CSS-Animationen auf einem Minimum von 60 fps – was die Website flüssig und leistungsstark macht.

  1. Flexible Gestaltungsmöglichkeiten

Navigieren Sie zum Menü „ Darstellung“ > „Anpassen“ > „Stil “, um die Farbe und Typografie Ihrer Website anzupassen oder benutzerdefiniertes CSS hinzuzufügen – wählen Sie aus unbegrenzten Farboptionen und über 700 Google-Schriftarten.

Darüber hinaus können Sie die Fußzeile, den Blog, die Menüs, Seiten und Widgets Ihrer Website mit erweiterten Anpassungs- und Gestaltungsoptionen anpassen.

  1. Unterstützung und Dokumentation

Flatsome bietet zuverlässige Hilfe und Support mit Online-Dokumentation, Premium-E-Mail-Support, Videos, Funktionsanfragen und Zugang zur Flatsome-Community mit Benutzern, die das Design verwenden.

Sie können auf diesen Support zugreifen, indem Sie in Ihrem Backend-WordPress-Dashboard zu Flatsome > Hilfe & Anleitungen navigieren. Sie erhalten außerdem 6 Monate dedizierten Support von UX-Designs mit zukünftigen Updates. Darüber hinaus können Sie diesen Support gegen eine zusätzliche Gebühr von 17,63 USD auf bis zu 12 Monate verlängern.

Hier der Link zum umfangreichen Flatsome-Support:

  • Video-Tutorials auf dem YouTube-Kanal von Flatsome
  • Eine umfangreiche Sammlung von Artikeln in der Flatsome-Wissensdatenbank
  • Online-Support über Themeforest verfügbar
  • Flache Beispiele, um verschiedene Anwendungsfälle zu sehen und sich inspirieren zu lassen

Wann immer Sie also auf Schwierigkeiten stoßen, können Sie auf einen dieser Supportkanäle zurückgreifen, um Ihre Fragen im Handumdrehen zu lösen.

Andere Flatsome-Funktionen

Hier ist eine Liste anderer wichtiger Flatsome-Funktionen, die es zu einem der beliebtesten WooCommerce-Themes machen:

  • Erstellen Sie benutzerdefinierte Blöcke mit Elementen, die Sie am häufigsten verwenden, und zeigen Sie die Blöcke mit einem Shortcode auf jedem Beitrag oder jeder Seite an – eine bequeme und zeitsparende Lösung.
  • Die Möglichkeit, Checkout-Seiten mit Leichtigkeit zu gestalten .
  • Werfen Sie einen kurzen Blick auf die Kategorieseiten, um Produkte anzuzeigen.
  • Option zum Warenkorb hinzufügen von den Kategorieseiten.
  • QuickZoom- Funktionalität für die Produktseiten.
  • Eine Katalogoption , um Produkte ohne Preise anzuzeigen.
  • Verschiedene Filteroptionen und Layoutoptionen für Kategorielisten.
  • Die Live-Suchoption ermöglicht es Besuchern, während der Eingabe zu sehen und zu finden, wonach sie suchen.
  • WPML-bereit.

Sie können auch die neuen Funktionen sehen und das neue Änderungsprotokoll der Versionen Flatsome 3.14 und Flatsome 3.13 lesen.

Flatsome Pricing Review

Die reguläre Lizenz des Flatsome-Designs kostet 59 US -Dollar (ohne Steuern) für eine einzelne Website.

Und die erweiterte Lizenz kostet 2950 US -Dollar, wenn Sie das Thema für mehrere Websites oder mehrere Benutzer verwenden möchten. Für eine Support-Verlängerung von 12 Monaten fallen außerdem zusätzliche Kosten in Höhe von 17,63 USD an.

Fazit: Sollten Sie sich für Flatsome entscheiden?

Sie sollten das Flatsome-Theme für Ihren WooCommerce-Shop aufgrund seiner nahtlosen WooCommerce-Integration, des SEO-optimierten Designs, einer großen Auswahl an Elementen und flexiblen Gestaltungsmöglichkeiten auf jeden Fall in Betracht ziehen.

Die Benutzeroberfläche und der Frontend-Builder sind ebenfalls recht einfach zu bedienen und zu verstehen. Ja, sich mit allen Elementen und Funktionen vertraut zu machen, erfordert einige Zeit und eine gewisse Lernkurve. Aber sobald Sie sich mit der Benutzeroberfläche vertraut gemacht haben, gibt es kein Zurück mehr.

Egal, ob Sie ein Anfänger oder ein erfahrener Webentwickler sind, schauen Sie sich das erschwingliche, benutzerfreundliche und leistungsorientierte Flatsome-Thema an und wählen Sie es aus, um mühelos professionell aussehende E-Commerce-Shops zu erstellen.