Build WooCommerce Website Using Elementor and Element Pack plugin

Wir wissen, dass Sie ein neues Projekt einweihen wollen. WooCommerce Website und mit dem Handel von Produkten über das Internet beginnen, nicht wahr? Es ist ein bisschen eine entmutigende Aufgabe, aber nicht unmöglich. In diesem Beitrag zeigen wir Ihnen konkrete Schritte, die Ihnen dabei helfen, ein WooCommerce Website mit Elementor und Element Pack.

Diese Art von Website ist eine Kombination aus einigen Tools wie Elementor, WooCommerceund ein geeignetes Thema (empfohlen Rooten Thema). Wenn diese Tools neu sind, können Sie sie nachschlagen.

Wir werden sehen, wie es weitergeht.

Aufbau einer WooCommerce-Website Schritt für Schritt

Wir zeigen Ihnen Schritt für Schritt, wie Sie eine WooCommerce-Website mit Elementor und Element Pack erstellen können.

Schritt 1: Zunächst müssen Sie sicherstellen, dass Sie über eine installierte WordPress CMS (Inhaltsverwaltungssystem).

Das Wichtigste dabei ist, dass Sie zuerst ein Thema installieren und dann aktivieren müssen. Und dazu gehen Sie zu WordPress Dashboard > Erscheinungsbild > Thema > Neu hinzufügen.

Schritt 2: In diesem Schritt müssen Sie die Elementor ein Seitenerstellungs-Plugin.

Gehen Sie einfach zu WordPress Dashboard zu Plugins > Neu hinzufügen > Suche Elementor im Suchfeld > dann drücken Sie Installieren Sie und aktivieren..

Wenn Sie das getan haben, finden Sie das Plugin genau links im Panel des Dashboards.

Schritt 3: In diesem Schritt können Sie das WooCommerce-Plugin installieren und aktivieren. Denken Sie daran, dass dieses Plugin eines Ihrer wichtigsten Werkzeuge sein wird.

Gehen Sie einfach zu WordPress Dashboard zu Plugins > Neu hinzufügen > Suche WooCommerce im Suchfeld > dann drücken Sie Installieren Sie und aktivieren..

Darüber hinaus müssen Sie noch einige weitere Optionen durchgehen, nämlich:
i. Bereitstellung von Basisinformationen
ii. Einrichtung von Zahlungs-Gateways
iii. Versandkonfiguration
iv. Verbindung von WooCommerce mit Jetpack
v. Die Einrichtung des WCs abschließen

Um all diese Dinge zu tun, besuchen Sie elementor.de

Ist das genug? Ziemlich genug, aber wir müssen noch ein bisschen weiter gehen.

Blog für Sie

Beliebteste Blogs

Erfahren Sie mehr über WordPress

Klick mich

Hinzufügen von Produkten mit WooCommerce

Im Menü Produkte können Sie die Produkte hinzufügen, die Sie anbieten und verkaufen möchten.

Schritt 1: Hier können Sie Ihre Produktartikel hinzufügen mit Kategorien, Tagsund Attribute. Gehen Sie einfach zu Produkte > Neu hinzufügen. Jedes Mal, wenn Sie Produkte auf diese Weise hinzufügen müssen.

adding and managing products with WooCommerce

Außerdem können Sie die Produktdaten und die Kurzbeschreibung festlegen. Sehen Sie sich den Screenshot oben sorgfältig an.

Schritt 2: Wenn Sie möchten, können Sie zeigen Muster_Produkte Daten in der von WooCommerce bereitgestellten CSV/XML-Datei. Gehen Sie einfach zu Werkzeuge > Importieren > WooCommerce Produkte(CSV)> und klicken Sie dann auf die Schaltfläche Importer ausführen. Sie können dies nur zu Demozwecken tun.

Schritt 3: Nachdem Sie Produkte hinzugefügt haben, können Sie aus dem Produkte > Neu hinzufügen und speichern, können Sie Ihre Produkte in der Liste unter finden, wie Sie sehen können.

Produktseite über Elementor und Element Pack

Es ist sehr sicher, dass Sie mit Elementor auch das Aussehen Ihrer Produkte anpassen können. Es gibt einen kleinen Trick, den ich Ihnen vorschlagen möchte, damit ein Plugin Element Pack um ein besseres Aussehen der Produkte zu erhalten. Ja, diese beiden Plugins sind mit WooCommerce integriert.

Schritt 1: Um eine neue Produktvorlage zu erstellen, gehen Sie einfach zu Schablonen > Neu hinzufügen.

Creating individual product page for displaying products online

Nachdem Sie eine Vorlage erstellt und veröffentlicht haben, müssen Sie sie in Elementor öffnen. Danach finden Sie eine Vielzahl von Widgets für WooCommerce.

Products displaying using page-builder plugin

Mit den Standard-Widgets von Elementor (Free/ Premium), wenn Sie Element Pack installieren, finden Sie mehr Widgets, um Ihre Produktseite zu erstellen. Siehe das Foto unten.

The key steps of sellig and displaying eStore products

Dieses Plugin hat einige sehr starke Widgets, darunter WC-Produkte, WC-In den Warenkorb legen, WC-Kategorien, WC-Schieberegler, WC-Elemente, WC-Karussellund WC-Mini-Wagen die Sie bei der Darstellung von Produkten und Dienstleistungen für WooCommerce unterstützt.

Schritt 2: In diesem Schritt zeige ich Ihnen, wie Sie die Widgets von Element Pack für WooCommerce verwenden können.

Ziehen Sie zunächst ein beliebiges Widget (siehe oben) und legen Sie es ab.

Blog für Sie

Lernen Sie jetzt, hervorragende CTAs zu erstellen!

Klick mich

Layout:

Mit diesem Widget im Bereich Layout können Sie Ihre Produkte mit Hilfe der Skin-Steuerelemente rasterförmig oder tabellenförmig anzeigen.

Vertical grid-view, a way of showing WC-products vertically

Außerdem können Sie in diesem Abschnitt die Größe des Produktbildes und die Produktfilterung mit Mauerwerk einstellen.

Gehen Sie einfach zu Layout > Haut(Standard/Tabelle) > Ausrichtung> Bildgröße > Filter anzeigen > Gemäuer.

Abfrage:

In diesem Abschnitt können Sie den Quellort der Daten festlegen, die Sie durch einen Verweis wie Autor, Kategorien, Tagsund Formate. Die Referenzen können je nach dem Ort der Quelle unterschiedlich sein. Mehr lesen

WooCommerce products viewing by the Element Pack, a page builder plugin

Gehe zu Abfrage > Quelle (Alle anzeigen / Manuelle Auswahl) > Produkt anzeigen (Alle Produkte/ Zum Verkauf/ Ausgewählt).
Am wichtigsten ist, dass Sie Folgendes einstellen können Paginierung und Produktgrenze und Sie können das Produkt id-wise von Produkt(e) ausschließen.

Zusätzlich:

How to add image thumbnail, price, and add to cart

In diesem Abschnitt haben Sie die Möglichkeit, die Abzeichen, Vorschaubild, Titel, Bewertung, Preis, Zum Warenkorb hinzufügen, Suche, Bestellung der Produkte. Arbeiten Sie einfach mit Ja/Nein Umschalttaste.

Holen Sie sich eine kostenlose EP & PS Lizenz (Lifetime)

Wir veranstalten ein Werbegeschenkprogramm für unsere geliebten Kunden und Abonnenten, die mit unserer offiziellen Website verbunden sind BDthemes.com

Besuchen Sie Element Pack oder Prime Slider und teilen Sie uns Ihre Meinung mit. Die glücklichen Gewinner erhalten eine lebenslange Lizenz im Wert von $100. Es dauert nur eine Minute, um mitzumachen.

Am Give-Away-Programm teilnehmen

Registerkarte Stil:

Für die Gestaltung müssen Sie die Registerkarte "Stil" aufrufen und einen Stil angeben, wie Sie im folgenden Screenshot sehen können. Hier können Sie den Inhalt abschnittsweise gestalten, wie z. B. Artikel, Suchfeld, Feld auswählen, Bild, Titel, Auszug, Bewertung, Preis, Schaltfläche, Abzeichen, Fußzeile, Filterleiste.

adding rating, badge, price,and button in WC for sale

Neben dem WC-Products-Widget finden Sie im Element Pack-Plugin noch 6 weitere Widgets, wie ich bereits oben erwähnt habe. Mit den Widgets können Sie Ihre Produkte zum Verkauf anbieten.

WooCommerce Management Details mit Optionen und Einstellungen

Hier erkläre ich Ihnen jeden einzelnen Menüpunkt, damit Sie genau wissen, was dort vor sich geht.

Bestellungen

Hier wird der aktuelle Status der Bestellungen in Ihrem Geschäft angezeigt. Sie sehen hier die Anzahl und Art der verkauften Artikel und an wen.

Außerdem sehen Sie viele verschiedene Status (ausstehende Zahlung, in der Warteschleife, Erstattung, gescheitert, storniert usw.). Sie können auf jede Bestellung klicken, um Rechnungs- oder Lieferadressen zu ändern, Notizen hinzuzufügen, die Bestellung zu erstatten, den Inhalt der Bestellung zu ändern und vieles mehr.

Gutscheine

Wir denken, dass Ihnen dieses Konzept sehr vertraut ist. Hier können Sie Rabattcodes erstellen und verwalten.

It is very important for making discount coupons for increasing sales.

Insbesondere können Sie das Verfallsdatum und die Nutzungsbeschränkungen von Gutscheinen verwalten und festlegen, wie viele Gutscheine insgesamt oder pro Kunde genutzt werden können.

Berichte

In diesem Abschnitt finden Sie ausführliche Zusammenfassungen zu allen Aspekten Ihres Geschäfts.

Showing eCommerce business health reports

Dazu gehören aufgegebene Bestellungen, gekaufte Artikel, Rückerstattungen, ausgegebene Artikel, eingenommene Versandkosten und verwendete Gutscheine sowie die Brutto- und Nettoumsätze der letzten 7 Tage, Monate, Jahre oder benutzerdefinierten Zeiträume.

Außerdem finden Sie neben den Umsätzen nach Produkten, Kategorien, verwendeten Gutscheinen oder Kunden-Downloads auch detaillierte Informationen über Kunden, Steuern und Lagerbestände.

Einstellungen

Wenn Sie alles in Ihrem Online-E-Shop kontrollieren müssen. Es hat eine Menge Konfigurationsoptionen, die Ihnen helfen.

Status

Dieses Menü bietet Ihnen einen Überblick über den Zustand und die Leistung Ihres Online-Shops.

Erweiterungen

Some main extensions for eShop accessibility

Wenn Sie daran interessiert sind, geeignete Erweiterungen zu aktivieren, können Sie das ganz einfach in diesem Menüabschnitt tun.

Das Theme für WooCommerce

Schließlich, ganz am Anfang dieses Artikels, zitierte ich über WordPress Thema (Hallo, OceanWP, GeneratePress, Astra, und mehr) ist erforderlich, um WooCommerce Website zu bauen. Hier, in Anbetracht der schwierigen Aufgabe der Auswahl Thema, werde ich Ihnen empfehlen Rooten Thema (Mehrzweck-Theme) eines der besten WordPress-Themes.

Schlussfolgerung

Wir haben ein paar einfache Prozesse durchgespielt, die Sie sicher auf den richtigen Weg bringen werden Aufbau einer WooCommerce-Website.

Sie können sich darauf verlassen, dass Sie mit WooCommerce und Elementor zwei coole und ausgereifte Plugins erhalten, die Ihnen die notwendigen Werkzeuge für einen Online-Shop bieten. Jetzt wissen Sie, wie Sie Ihren Online-Shop erstellen und einrichten können.

Die kostenlose Version der beiden Plugins reicht jedoch aus, um Sie zum Laufen zu bringen. Unser Shop ist bereit. Wir wünschen Ihnen alles Gute.

Und schließlich, wenn Sie ein Problem finden, kommentieren Sie uns bitte.

Entdecken Sie unser komplettes Plugin

Produkte

Einrichtung