Erstellen Sie eine Elementor WooCommerce-Website mit dem Cerato-Theme

Möchten Sie Ihren Online-Verkaufsshop einrichten und versuchen herauszufinden, wie Sie am einfachsten einen Online-E-Commerce-Shop erstellen können? Dann sind Sie auf der richtigen Seite gelandet.

Jetzt können Sie mit diesem Leitfaden bequem und kostenlos Ihre eigene Online-WooCommerce-Website erstellen.

Die Erstellung eines Online-E-Commerce-Shops mithilfe von Online-Informationen kann eine überwältigende Aufgabe sein. Wenn Sie jedoch unserer Schritt-für-Schritt-Anleitung folgen, erhalten Sie im Handumdrehen einen großartig aussehenden E-Commerce-Shop.

Sie benötigen nur drei Tools, um Ihren eigenen Shop zu erstellen.

1. Elementor : Dies ist ein kostenloses Seitenerstellungs- plugin für WordPress, das Ihnen bei der Erstellung der Seiten Ihres Shops wie Homepage, Über uns, Produktkatalog, Kasse und vielen anderen Seiten hilft.

2. WooCommerce : Dies ist das CMS, das Ihren Shop betreibt

3. Cerato-Theme : Cerato ist ein hochfunktionales WordPress-Theme mit umfassend anpassbaren Optionen sowie integrierter WooCommerce-Integration und Demoseiten, um im Handumdrehen einen Online-Shop zu erstellen.

Installieren Sie zunächst WooCommerce aus dem WordPress-Verzeichnis und befolgen Sie dann diese Schritt-für-Schritt-Anleitung, um Ihrem Online-E-Commerce-Shop ein beeindruckendes Aussehen zu verleihen.

So erstellen Sie eine Elementor WooCommerce-Website mit dem Cerato-Theme

Cerato ist das Premium-Elementor-WordPress-Theme, das perfekte Funktionen zum Aufbau eines Online-Shops bietet. plugin kompatibel und enthält leistungsstarke und erweiterte Funktionen, die für die Erstellung eines Online-E-Commerce-Shops unerlässlich sind.

Cerato bietet unbegrenzte Möglichkeiten, Ihrer Kreativität durch atemberaubende Themenoptionen freien Lauf zu lassen. Seine hochgradig für Mobilgeräte optimierten Layouts passen sich schnell an jede Bildschirmgröße an.

Mit dem Cerato-Design und dem Elementor-Seitenersteller können Sie alles mit mehreren anpassbaren Optionsfeldern anpassen.

Richten Sie Ihren Online-Shop schnell mit dem Ein-Klick-Demo-Importer ein und sparen Sie viel Zeit. Mit der One-Click-Demo-Importer-Option können Sie Ihren eigenen Shop in einer Minute ohne Programmieraufwand neu erstellen.

Cerato verfügt außerdem über unbegrenzte Kopf- und Fußzeilenoptionen, und Sie können mit der visuellen Drag'n-Drop-Option leistungsstarke und beeindruckende Fuß- und Kopfzeilenstile erstellen. Auf die gleiche Weise können Sie Ihre Produkte mithilfe unbegrenzter Kategorielayouts eintragen.

Schritt 1: Laden Sie das Cerato-Theme von der ThemeForest-Downloadseite herunter 

Starten Sie den Installationsvorgang, indem Sie das Cerato-Theme bei ThemeForest Downloads kaufen.

Sobald Sie auf Herunterladen klicken. Es werden drei Optionen angezeigt

1. Alle Dateien und Dokumentation

2. Nur installierbare WordPress-Datei

3. Lizenzzertifikat und Kaufcode (PDF)

4. Lizenzzertifikat und Kaufcode (Text)

Mit der ersten Option können Sie das komplette Paket inklusive Dokumentation herunterladen, während Sie mit der zweiten Option „Nur installierbare WordPress-Datei“ das WordPress-Theme direkt installieren können.

Entpacken Sie den Ordner. Er enthält drei Ordner.

  • Readme.txt
  • Dokumentation
  • Cerato.zip

Schritt 2: Installation des Cerato-Themas       

Um das Cerato-Theme zu installieren, sollten Sie über eine aktuelle WordPress-Version verfügen. Sobald Sie WordPress aktiviert haben, befolgen Sie diese Schritte zur Theme-Installation.

  1. Laden Sie zunächst die Theme-Dateien hoch und aktivieren Sie dann das Theme.
  2. Die Theme-Dateien können auf zwei Arten hochgeladen werden;

FTP-Upload : Wenn Sie ein FTP-Programm verwenden, gehen Sie zu Ihrem Serverordner „/wp-content/themes/“. Und laden Sie den nicht komprimierten Theme-Ordner hoch.

WordPress-Upload: Gehen Sie zu > Erscheinungsbild > Neue Themes hinzufügen > Hochladen.

Gehen Sie zu > Durchsuchen > wählen Sie den komprimierten Theme-Ordner aus > klicken Sie auf „Jetzt installieren“.

Sie können sich dieses Video-Tutorial , um das Thema schnell zu installieren.

Sobald Sie mit dem Installationsprozess fertig sind, können Sie Ihre Website erstellen und mit erstaunlichen Themenoptionen experimentieren, um eine beeindruckende Website zu erstellen.

Jetzt besprechen wir, wie wir Kopf- und Fußzeilen-Builder mit unbegrenzten Optionen verwenden können, um den Kopf- und Fußzeilenbereich aufzupeppen.

So verwenden Sie den Header Builder

Das Cerato-Theme ermöglicht die Anpassung aller designbezogenen Einstellungen mithilfe des WordPress Live-Customizers, mit dem Sie alles ändern und die Live-Ergebnisse anzeigen können.

Gehen Sie zu > WordPress Admin > Erscheinungsbild > Customizer > So verwenden Sie den Header Builder.

Mit dem Header-Builder können Sie den Schriftstil, die Farben und die Höhe ändern sowie je nach Wunsch Elemente wie Sprache, Social-Media-Symbole oder andere Elemente hinzufügen oder entfernen.  

Sehen Sie sich hier das Video-Tutorial „ Verwendung des Header Builders “ an.

Der Fußzeilen-Builder umfasst verschiedene Stile von Fußzeilen-Widgets, die Sie auf mehreren Seiten verwenden oder auf einer einzelnen Seite auswählen und anpassen können. Darüber hinaus können Sie mit dem leistungsstarken Fußzeilen-Builder im Handumdrehen mehrere Widgets hinzufügen, ersetzen oder Widgets neu anordnen.

Sehen Sie sich das Video-Tutorial zur Verwendung des Footer-Builders .

So verwenden Sie verschiedene Theme-Optionen

Das Cerato-Theme ermöglicht auch die Konfiguration verschiedener Theme-Stile und wenn Sie möchten, können Sie die Standardeinstellungen des Themes ändern

Gehen Sie zu > WordPress Admin > Aussehen > Anpassen > Stil.

Im Abschnitt „Anpassung“ können Sie die Schriftfarbe, -größe und Hintergrundfarbe ändern.

Passen Sie den Stil des WooCommerce-Themas an

Dieser Abschnitt steuert Farboptionen für WooCommerce-Elemente wie Titel, Preis, Verkaufspreis, Warenkorb-Schaltfläche, Nicht vorrätig, Schnellansicht-Schaltfläche und viele andere Elemente.

Passen Sie die Homepage-Einstellungen an

Sie können auch die Homepage-Einstellungen anpassen. Sie können wählen, in welcher Reihenfolge Sie Ihre Beiträge anzeigen möchten, unabhängig davon, ob Sie die traditionelle chronologische Reihenfolge der Beitragsanzeige oder eine feste oder statische Seite bevorzugen. Wenn Sie eine statische Seite als Startseite anzeigen möchten, müssen Sie zwei Seiten auswählen; Eine Seite wird zu Ihrer statischen Startseite und auf der anderen Seite werden Ihre Beiträge angezeigt.

Sie haben erfahren, wie Sie das Cerato-Theme installieren und verschiedene Theme-Optionen anpassen können.

Lassen Sie uns nun besprechen, wie der visuelle Seitenersteller von Elementor Ihnen bei der Erstellung Ihres Online-Shops hilft und wie Sie durch einfache Drag-and-Drop-Option beeindruckende Seitenlayouts erstellen können.

Was ist Elementor und wie funktioniert es mit Cerato Theme?

Elementor ist ein visueller Seitenersteller für WordPress-Sites, der es Benutzern ermöglicht, Webseiten im Live-Modus zu erstellen, wo sie alle Änderungen lebendig visualisieren können.

Elementor ist ein Live-Frontend-Editor, der den grundlegenden WordPress-Editor ersetzt, sodass Benutzer Änderungen in Layouts einfach visualisieren können, ohne zwischen Editor und Vorschaumodus hin und her wechseln zu müssen. Mit diesem überzeugenden Seitenersteller können Benutzer komplexe Designs visuell erstellen, ohne Codierung oder CSS zu verwenden. Weitere Informationen finden Sie in diesem Tutorial

Elementor-Einstellungen

Gehen Sie zu Elementor > Einstellungen in WordPress und aktivieren Sie die beiden Kontrollkästchen „Standardfarben deaktivieren“ und „Standardschriftarten deaktivieren“.

Erstellen Sie einen WooCommerce-Shop mit Cerato-Theme

Schritt 1: Erstellen Sie eine Shop-Homepage

Wenn Sie Ihre Homepage als Startseite Ihres Shops einrichten möchten, nehmen Sie einige grundlegende Änderungen vor und ändern Sie die Standard-WooCommerce-Basisseite in die Startseite Ihres WordPress-Shops.

Im Bereich Homepage-Einstellungen: Gehen Sie zu > Startseitenanzeige > klicken Sie auf Statische Seite > wählen Sie Ihre gewünschte Seite aus dem Dropdown-Menü > Änderungen speichern .

Um Ihren Shop auf der Startseite anzuzeigen, befolgen Sie auch diese Schritte;

Gehen Sie zu > WooCommerce > Einstellungen > Produkte > Anzeige > ändern Sie die aktuellen WordPress-Homepage-Einstellungen in Shop > Änderungen speichern.    

Das ist es. Jetzt haben Sie Ihre Shop-Homepage angezeigt.

Store-Hinweisseite

Wenn Sie auf Ihrer Website irgendeine Art von Hinweis anzeigen möchten, erstellen Sie eine Store-Hinweisseite, die auf allen Seiten Ihrer Website angezeigt wird. Sie können Hinweise zum kostenlosen Versand oder zur Verfügbarkeit begrenzter Lagerbestände anzeigen.

Passen Sie den Produktkatalog so an, dass er auf der Shop-Seite angezeigt wird

Wählen Sie in diesem Abschnitt aus, welche Produkte Sie auf der Hauptseite des Shops anzeigen möchten. Wählen Sie die Kategorie und wie die Produkte sortiert werden sollen und wie viele Produkte Sie pro Zeile anzeigen möchten.

Einstellungen der Checkout-Seite

Sie können auch die Einstellungen der Checkout-Seite ändern und Geschäftsbedingungen gemäß den Richtlinien Ihres Unternehmens erstellen.

Shop-Seite anpassen

In diesem Einstellungsbereich können Sie mehrere Produktanzeigeoptionen steuern;

  • Wie viele Produkte sollen auf der Startseite angezeigt werden?
  • Aktivieren oder deaktivieren Sie den Hover-Effekt für Produkte
  • Produktkatalog aktivieren/deaktivieren
  • Aktivieren Sie den kostenlosen Versandhinweis auf Ihrer Website
  • Produktrand aktivieren
  • Kontrollieren Sie den Leerraum zwischen der Produktanzeige
  • Warenkorb-Symbole
  • Aktivieren Sie „Hervorgehobene Produkte oben“ mit einer Diashow
  • Shop-Seitenleiste

Passen Sie die Einstellungen der Produktseite an

In diesem Abschnitt können Sie einzelne Produktseiteneinstellungen festlegen und die folgenden Optionen steuern

  • Option zur Produktfreigabe aktivieren/deaktivieren
  • Aktivieren Sie „Jetzt kaufen“ als Auswahl; Mit dieser Option können Benutzer zur Warenkorbseite weiterleiten, sobald sie ein Produkt zum Kauf ausgewählt haben.
  • Aktivieren Sie die Navigation zum nächsten oder vorherigen Produkt
  • Aktivieren Sie die Produktzoom-Option
  • Aktivieren Sie kürzlich von anderen Zuschauern angesehene Produkte
  • Aktivieren Sie verwandte Produkte verfügbar

So fügen Sie neue Produkte hinzu und verwalten sie

In der linken Leiste ist die Produktmenüoption verfügbar und Sie können neue Produkte hinzufügen. Sobald Sie auf „Produkt hinzufügen“ klicken, erscheint ein Fenster, in dem Sie alle Attribute, Titel, Preis und Lagerdetails eingeben können.

Erstellen Sie mehrere Kategorien

Erstellen Sie unbegrenzte Klassen, um Ihre Produkte zu organisieren. Die Kunden können problemlos zwischen verschiedenen Kategorien navigieren und die gewünschten Produkte problemlos aussortieren.

Erstellen Sie eine Seite zur Auftragsverfolgung

Mit dem Cerato-Theme können Benutzer eine Tracking-Seite für die Kunden erstellen. Befolgen Sie diese Schritte

  • Neue Seite aus dem Seitenmenü hinzufügen
  • Erstellen Sie einen Seitentitel
  • Fügen Sie diesen Shortcode in den Texteditor ein; [woocommerce_order_tracking]
  • Klicken Sie auf „Veröffentlichen“.

Erstellen Sie eine Wunschliste und eine Vergleichsseite

Befolgen Sie dieses Verfahren, um eine Wunschliste zu erstellen und Seiten zu vergleichen.

Schritt 1 : Erstellen Sie neue Seiten für die Wunschliste und vergleichen Sie die Seiten.

Schritt 2 : Gehen Sie zu > Anpassen > Wunschliste/Vergleichen

Nach dem Festlegen dieser beiden Bereiche sieht die endgültige Anzeige der Wunschliste und der Vergleichsseiten wie folgt aus:

Einpacken

Cerato ist zweifellos eines der perfekten WordPress-Themes, die mit dem Elementor-Seitenersteller geliefert werden. des Cerato-Themes bieten die perfekte Wahl für die Erstellung eines beeindruckenden Online-E-Commerce-Shops mit unzähligen anpassbaren Optionen. Sie können erstaunliche Kopf- und Fußzeilenlayouts, Produkt- und Katalogdetails und viele andere Optionen erstellen. Probieren Sie also einen beliebigen Homepage-Stil aus, der perfekt zu Ihrer Online-Shop-Erstellung passt.

Holderkhu

live:.cid.e495888558d5265f

Aktuelle Beiträge

So verwenden Sie Kopf- und Fußzeilen mit Elementor

Kopf- und Fußzeilen einer Website sind wesentliche Elemente. In den meisten Fällen dient der Header der Navigation …

6. Januar 2022

WordPress-Theme-Vergleich: Astra vs OceanWP

Zwei der beliebtesten WordPress-Themes auf dem Markt sind Astra und OceanWP. Professional…

2. Januar 2022

Vergleich der WordPress-Nachrichtenthemen: Zeitung vs. Astra

Um eine hervorragende Nachrichten-Website zu erstellen, müssen Sie kein Webdesigner werden. Wir…

25. Oktober 2021

Erstellen Sie eine nachrichtenbezogene Website mit dem Zeitungsthema

Das Newspaper-Theme ist eines der bedeutendsten WordPress-Themes, das von tagDiv entworfen wurde, einem…

18. Oktober 2021

So erstellen Sie einen E-Commerce mit dem Avada WooCommerce Builder

Wenn es um die Einrichtung eines Online-Shops geht, ist WooCommerce das plugin in der Wahl. Es…

4. Oktober 2021

So verwenden Sie Sticky-Header- und Scrolling-Effekte mit Elementor

Ein Header ist im Allgemeinen das Erste, was eine Person sieht, wenn sie Ihre Website besucht.

21. September 2021