Erfahren Sie, wie Sie mit Elementor Ihre eigene benutzerdefinierte Shop-Seite erstellen

Last Updated on 11/10/2021 by MTE Leben

In diesem schnellen und einfachen Tutorial erfahren Sie, wie Sie von Anfang an Ihre eigene benutzerdefinierte Shop-Seite erstellen. Dieses Tutorial basiert auf dem Monstroid2-Skin namens Marronis.

Anleitung

Falls Sie sich für die Erstellung eines Online-Shops entschieden haben und sich in der Entwicklungsphase befinden, müssen Sie zunächst ein Konzept für Ihren Shop entwickeln. Erstellen Sie einen Domainnamen für Ihre Website und registrieren Sie ihn. Wählen Sie anschließend die Produkte aus. Endlich sind Sie bereit, eine Website zu erstellen!

In diesem Tutorial erfahren Sie, wie Sie Ihre erste eigene Shop-Seite mit der Produktliste erstellen und gestalten. Denken Sie daran, bevor Sie mit dem Erstellen einer Seitenoberfläche beginnen, müssen Sie Produktelemente zum Dashboard hinzufügen. Los geht's!

Öffnen Sie als ersten Schritt Ihr Admin-Dashboard und gehen Sie zu „Seiten“ > „Neu hinzufügen“.

• Du wirst zum Elementer-Arbeitsbereich weitergeleitet.
• Weil unser Tutorial auf der Monstroid2-Skin, Kopf- und Fußzeile basiert der Seite sind bereits dargestellt.

Jetzt können Sie in der Mitte Ihrer Seite ein Werkzeug “Magic Button” sehen. Falls Sie noch nie mit dem Elementor Page Builder gearbeitet haben, soll Ihnen dieses Tool dabei helfen, verschiedene Abschnitte auf Ihrer Seite hinzuzufügen. Zuerst ändern wir jedoch den Namen Ihres Alters.

• Klicken Sie auf das Symbol “Einstellungen”, das sich in der linken unteren Ecke des Elementors befindet Builder-Seitenleiste.
• Schreiben Sie den Namen Ihrer Seite in das Feld „Titel“ ein.
• Hier können Sie auch das vorgestellte Bild auswählen, entscheiden, ob Sie den Titel präsentieren möchten und das Layout festlegen.
• Vergessen Sie nicht, die Schaltfläche “Veröffentlichen” zu drücken um die Änderungen zu speichern.

Erstellen eines Abschnitts und Blocks

Jetzt erstellen wir eine Produktseite. Lassen Sie uns drei Abschnitte mit Produkten erstellen und diese durch Banner trennen. Denken Sie daran, dass das Tutorial auf dem Monstroid2-Skin basiert, Sie müssen also sicherstellen, dass Sie auch ein spezielles Plugin zum Erstellen von Produktlayouts an Bord haben.

• Schauen Sie sich den Magic-Button noch einmal an.
• Klicken Sie auf das „+“-Symbol, um einen neuen Abschnitt hinzuzufügen.
• Wählen Sie das mit einer einzigen Spalte.

Jetzt, da Sie einen neu erstellten Abschnitt haben, klicken Sie darauf, um ihn zu aktivieren .
• Geben Sie den Text „Produkte“ in das Elementor-Suchfeld ein.
• Sie haben möglicherweise verschiedene zu verwendende Blöcke, einschließlich der neuesten, vorgestellten, Verkaufsprodukte usw.
Den gewünschten Block ziehen und ablegen.
• Hier können Sie ein Dutzend verschiedener Optionen entsprechend Ihrem Inhalt und Design einstellen.
• Vergessen Sie nicht zu drücken die Schaltfläche „Aktualisieren“, um die Änderungen zu speichern.

Herzliche Glückwünsche! Sie haben die wichtigsten Optionen für Ihre Shop-Seite eingestellt. Wie Sie sehen, ist die Erstellung eines Produktlayouts recht einfach. Sie können auch mit wenigen Klicks verschiedene Filter für die Produktartikel hinzufügen. Sehen Sie sich einige der allgemeinen Einstellungen für Ihr Layout an:

Stellen Sie die Anzahl der Spalten ein, in einigen Fällen können Sie auch die Voreinstellung auswählen ;
• Füge eine Lücke zwischen Spalten und Zeilen hinzu;
• setze die Produktnummer, entscheide nach was Sie bestellen möchten und wählen Sie die Abfrage;
• Aktivieren Sie Titel, Tags, Kategorien, Preise und verschiedene Schaltflächen anzuzeigen.

Wir hoffen, dass Ihnen unser einfaches Express-Tutorial zum Erstellen einer benutzerdefinierten Shop-Seite gefällt. Abonnieren Sie unseren Newsletter, um weitere nützliche Tutorials und Angebote zu finden!