In diesem Artikel findest du detaillierte Informationen zu den Tools und Funktionen, die du zum Erstellen neuer Seiten für deinen Shop nutzen kannst. Der Page Builder ermöglicht es dir, ein vollkommen individuelles Design zu erstellen und die erstellten Seiten dann als Landing-Pages für dein Geschäft zu nutzen. Eine Landing-Page kann sogar als neue Startseite oder als Dankeschön-Seite hinzugefügt werden, die nach einer erfolgreichen Bestellung angezeigt wird. Dank dieser Optionen kann dein Shop sein Aussehen ändern und bleibt fresh und wettbewerbsfähig!


In diesem Abschnitt:

Logge dich in dein Kontrollpanel ein und gehe zu Marketing > Landing Pages > Neue Seite hinzufügen und wähle Drag & Drop Page Builder.

Beim Installieren der Membership-App erscheint die Option Private Seite im Menü. Wenn du Ja auswählst, ist die Landing-Page nur für Kunden verfügbar, die ein digitales Produkt für einen bestimmten Zeitraum gekauft haben. Du kannst mehr Informationen zur App und den Möglichkeiten, die sie bietet, hier nachlesen.

Neue Zeile hinzufügen

Deine Seite wird Zeilen und Widgets enthalten, die du hinzufügen, kombinieren, bearbeiten, kopieren und vollständig anpassen kannst. Bevor du Widgets hinzufügst, musst du das Layout der Zeilen wählen.

1.  Klicke auf den grünen Neue Zeile hinzufügen-Button, um das Layout der Zeile auszuwählen.

2.  Wähle die Struktur der Zeile, die du hinzufügen möchtest, indem du auf einen der Tabellen klickst. In diesem Schritt legst du die Anzahl und die Struktur der Spalten fest, aus denen diese Zeile bestehen wird.

Widgets hinzufügen

Jede Zeile, die du hinzufügst, kann Spalten unterschiedlicher Größe enthalten.
Zum Beispiel, wenn du wählst, dass du 2 Spalten möchtest, wobei die erste 5/6 der Zeile und die zweite den Rest von 1/6 der Zeile ausfüllt, kannst du anfangen, Widgets zu diesen Spalten hinzuzufügen. Jedes Widget passt sich dem Platz der Spalte an, in die du es hinzufügst. Momentan kannst du 18 Widgets verwenden und jedes mit den verfügbaren Tools personalisieren. Weitere Informationen zu jedem der Widgets, die du hinzufügen kannst, findest du hier. 

Zeilen bearbeiten

Hier sind die Optionen, die du auf jede Zeile anwenden kannst.
1.  Zeileneinstellungen
Mit diesem Tool kannst du den Hintergrundtyp der Zeile auswählen. Der Hintergrund kann ein Bild oder eine Farbe sein, die du durch Eingabe des Codes oder Auswahl mit der Farbpalette einstellen kannst. Du kannst die Abstände und die Ränder für die Zeile festlegen, was die Distanz zwischen den Zeilen verändert.

2.  Zeile kopieren
Du kannst jede Zeile (mit allen Widgets, wenn du bereits einige hinzugefügt hast) kopieren, ohne eine neue mit demselben Layout hinzuzufügen. Dies ermöglicht es dir, schnell und einfach das beste Design für die Seite zu erzielen, die du erstellst.

3.  Zeile neu anordnen
Verwende diesen Button, um jede Zeile zu verschieben, indem du sie ziehst und ablegst.

4.  Zeile entfernen

Verwende die Schaltfläche, um die Zeile zu löschen.

Widgets bearbeiten

Jedes Widget, das du in den Spalten der Zeile erstellt, kann bearbeitet, dupliziert, verschoben oder mit wenigen schnellen Werkzeugen entfernt werden, die wir entwickelt haben, um deine Arbeit zu erleichtern und dir die Möglichkeit zu geben, das Design zu erreichen, das du möchtest, ohne spezielle technische und Designerfähigkeiten zu benötigen.


        1. Widget bearbeiten

Mit nur einem Button kannst du sämtliche Einstellungen des Widgets ändern, das du ausgewählt hast, um ein besseres Design zu erreichen.


        2. Widget kopieren

Verwende den schnellen Button zum Kopieren des Widgets, um leicht und schnell mit dem Drag & Drop Page Builder zu arbeiten.


        3. Widget verschieben

Verwende den schnellen Button zum Verschieben des Widgets und ändere mit nur Drag & Drop den Standort des Widgets in eine andere Spalte oder Zeile.


        4. Widget entfernen

Mit einem Button kannst du jedes der erstellten Widgets entfernen.

Standardabschnitte auf der Seite

Im Hauptmenü des Drag & Drop Page Builders findest du standardmäßig den Header und den Footer deines Shops aktiviert. Diese Abschnitte kannst du unter Mein Shop -> Navigation in deinem Kontrollpanel verwalten. Wenn du diese Seite als Startseite verwendest, ist es besser, diese Abschnitte aktiviert zu lassen. Wenn du eine Seite als Landing-Page verwenden möchtest, könntest du den Header und den Footer deaktivieren, um Ablenkungen von den Informationen zu vermeiden, die du deinen Kunden mit dieser Seite zur Verfügung stellen möchtest.

Seiteneinstellungen

Nachdem du die Seite erstellt hast, verwende das Menü auf der rechten Seite des Page Builders, um der Seite einige Haupteinstellungen zu geben.

1.  Name der Seite – du kannst den Namen der Seite eingeben, der für deinen internen Gebrauch bestimmt ist.
2.  Seitenlink – hier kannst du den Namen des Seitenlinks eingeben. Der Link wird immer die Komponenten deindomain.de/page/seitenlink haben.
3.  SEO-Titel – gib einen einzigartigen SEO-Titel für deine Seite ein.
4.  SEO-Beschreibung – fülle die SEO-Beschreibung der Seite aus.
5.  Änderungen der Seitenhistorie – du kannst dieses Tool wie einen Undo-Button verwenden, um zu verschiedenen Zuständen der Seite zurückzukehren.
6.  Vorschau – benutze den Button, um die aktuelle Ansicht der Seite zu überprüfen. Du solltest beachten, dass der Link aus der Vorschau für Kunden oder Nutzer, die nicht in dein Kontrollpanel eingeloggt sind, nicht verfügbar sein wird.
7.  Änderungen veröffentlichen – dieser Button aktiviert deine Seite mit der aktuellen Sicht.

Seite zuweisen

Verwende den Zurück zu den Seiten Button, um zu deinem Kontrollpanel und zur Liste mit allen Seiten zurückzukehren.
1.  Name – in dieser Spalte kannst du den Namen der Seiten und einen Button zu ihrem Link sehen.

2.  Zugewiesen an – benutze das Dropdown-Menü, um die Seite als:

Statische Seite – diese Zuweisung kannst du verwenden, um einen Link zu dieser Seite zu erstellen, zum Beispiel, aus dem Hauptnavigationsmenü.

Startseite – benutze diese Zuweisung, wenn du diese Seite als Startseite für deinen Shop festlegen möchtest.

Dankeschön-Seite – wähle diese Zuweisung aus, wenn du möchtest, dass diese Seite von deinem Kunden als Dankeschön-Seite nach einer erfolgreich aufgegebenen Bestellung gesehen wird.

3.  Aktiv – benutze den Button, um jede der Seiten in deinem Shop schnell zu aktivieren und zu deaktivieren.


Eine wichtige Funktion des Drag & Drop Page Builders ist, dass er vollständig mit dem Hauptdesign, das du für deinen Shop gewählt hast, kompatibel ist. Während du deine Seiten erstellst und anpasst, passt sich das System dem Hauptdesign deines Shops an, so dass die Seite, die du erstellst, wie ein Teil des Hauptdesigns aussieht, mit konsistenten visuellen Elementen, Linien und einem einheitlichen Design.

Die Designs, die momentan die Funktionalität des Drag & Drop Page Builders unterstützen, sind: Motivation, Echappe, Flair, Knowledge, Sommer, InLabs, Living, GameOn, GameOfDrones, Construction, Jeans, Bond und ThemeX.

In den folgenden Artikeln findest du zusätzliche Informationen zu Landing-Pages:

Verwalten und Zuweisen von Landing-Pages

Widgets in Landing-Pages hinzufügen