In diesem Artikel findest du detaillierte Informationen über die Widgets, die du nutzen kannst, um neue Seiten in deinem Shop zu erstellen. Der Page Builder ermöglicht es dir, ein komplett individuelles Design für Seiten zu erstellen und diese Seiten dann als Landing Pages für deine geschäftlichen Bedürfnisse, als Startseite für deinen Shop oder als Dankeschön-Seite nach einer erfolgreichen Bestellung zu verwenden.


Logg dich in dein Kontrollpanel ein und gehe zum Marketing Bereich > Landing Pages > Neue Seite hinzufügen  und wähle Drag & Drop Page Builder.
Klicke auf die Schaltfläche Neue Zeile hinzufügen und wähle die Spalten aus, in denen du dein(e) Widget(s) erstellen möchtest. Lies mehr über das Erstellen einer Landing Page hier. Zusätzliche Informationen zum Hinzufügen/Bearbeiten von Zeilen sind ebenfalls im Artikel enthalten.

Widgets hinzufügen

Das Bild oben zeigt eine Zeile mit einem Layout, das zwei Spalten enthält, die jeweils 5/6 und 1/6 Teile der Zeile füllen. Du kannst so viele Widgets hinzufügen, wie du in jeder der Spalten benötigst. Derzeit kannst du 18 verschiedene Widget-Typen hinzufügen und die Werkzeuge in jedem nutzen, um sie anzupassen. Die verschiedenen Arten von Widgets siehst du unten:



1.  Titel hinzufügen

Nutze das Dropdown-Menü, um den Typ der Überschrift auszuwählen und füll den Namen des Titels in das leere Feld ein.


2.  Text hinzufügen
Benutze den Texteditor, um Text in das Feld einzufügen und formatiere ihn entsprechend der Vision, die du erreichen möchtest.

3.  Produktpräsentationen
Du kannst eine Produktpräsentation erstellen und sie dann anpassen, indem du ihren Titel festlegst, die Werkzeuge nutzt, um die Produkte nach Datum, Name oder zufällig anzuordnen. Über die Filter wähl spezifische Produkte, die in dieser Präsentation angezeigt werden sollen, oder Produkte eines bestimmten Anbieters, Kategorie oder Tags. Nutze die Optionen für die Anzahl der Produkte und Produkte pro Reihe, um festzulegen, wie die Produkte in dieser Präsentation angezeigt werden sollen. 

4.  Kategorie- oder Markenpräsentationen
Nutze dieses vertraute Widget, um eine Präsentation mit Kategorien oder Marken hinzuzufügen und lege fest, wie viele und welche Kategorien oder Anbieter du auf dieser Seite anzeigen möchtest.

5.  Bilder anzeigen
Füge dieses Widget hinzu und richte es ein, indem du ein Bild von deinem Computer oder einen externen Link hochlädst. Gib im Widget an, ob dieses Bild einen Link enthalten soll und zu welchem. Wähle, ob dieses Widget mehr als ein Bild enthält und wie viele pro Reihe angezeigt werden sollen.

6.  Code-Snippets hinzufügen
Mit diesem Widget kannst du direkt im leeren Feld Javascript- oder HTML-Snippets hinzufügen, die auf der von dir erstellten Seite angezeigt werden sollen.

7.  Separator hinzufügen
Mit diesem Widget kannst du einen Separator für die anderen Widgets erstellen, die du zu den Zeilen deiner Seite hinzufügst. In den Einstellungen kannst du Stil, Position, Farbe, Padding und Größe des Separators festlegen. 

8.  Video hinzufügen

Wähle dieses Widget, wenn du ein Video in die Zeile der Seite einfügen möchtest, die du erstellst. Du kannst einfach den Videotyp aus dem Dropdown-Menü auswählen und den Link oder den Embed-Code in das Feld darunter einfügen.

9.  Karussell
Das Karussell ist im Grunde ein Slider. Nutze das Karussell, wenn du mehrere Bilder in einem Abschnitt hinzufügen möchtest, die je nach den von dir festgelegten Einstellungen wechseln. Du kannst wählen, ob das Bild volle Breite haben soll, eine Bildunterschrift hinzufügen, steuern, ob das Karussell Kontrollen und Indikatoren hat und wie es startet und animiert wird (mit Verblassen oder Gleiten).


Du kannst hier mehr über Slider lesen.


           

10.  Text-Karussell


Das Karussell ist im Grunde ein Slider. Mit diesem Karussell kannst du mehrere Textfelder in einem Abschnitt hinzufügen, die je nach den von dir festgelegten Einstellungen wechseln. Benutze den Texteditor, um Text in das Feld einzufügen und formatiere ihn gemäß der Vision, die du erreichen möchtest. Du kannst wählen, ob die Texte volle Breite haben, steuern, ob das Karussell Kontrollen und Indikatoren hat und wie es startet. 


Du kannst hier mehr über Slider lesen.


11.  Bestelldetails

Mit diesem Widget aktivierst du auf der Seite einen Abschnitt, in dem die Details einer bereits aufgegebenen Bestellung angezeigt werden. Es ist geeignet, dieses Widget zu verwenden, wenn du eine Seite erstellst, die du als Dankeschön-Seite nutzen möchtest. Du kannst diese Seite personalisieren, indem du dieses Widget hinzufügst und einen Abschnitt mit Produkten, Bildern und/oder Texten einschließt. 

12.  Bundle-Auswahl
Mit diesem Widget aktivierst du einen Abschnitt auf der Seite, in dem die Produktpakete angezeigt werden, die du in deinem Shop erstellt hast. Wähle das Bundle, das du auf der Landing Page platzieren möchtest, aus der Dropdown-Liste und lege in den Einstellungen die Anzahl der anzuzeigenden Produkte fest sowie wie viele Produkte pro Reihe angezeigt werden sollen. 

Du kannst hier mehr über Bundles lesen.


13.  Instagram-Fotos

Mit diesem Widget kannst du auf der von dir erstellten Seite einen Abschnitt mit Instagram-Fotos von deinem Shop-Account hinzufügen. Du kannst die Details anders einstellen als die, die du für den Hauptteil deines Shops gespeichert hast. Damit dieser Abschnitt angezeigt wird, musst du zuerst die Instagram-Integration aktivieren. 


        14.  Yotpo-Bewertungen

Mit diesem Widget kannst du auf der von dir erstellten Seite einen Abschnitt mit Yotpo-Bewertungen von deinem Shop-Account hinzufügen. Du kannst die Details anders einstellen als die, die du für den Hauptteil deines Shops gespeichert hast. Damit dieser Abschnitt angezeigt wird, musst du zuerst die Yotpo-Integration aktivieren.


15.  Produkt


Mit diesem Widget kannst du ein bestimmtes Produkt anzeigen und anpassen, welche seiner Details sichtbar sind. Das Widget gibt dir die Freiheit, genau zu steuern, wo und wie bestimmte Produkte deinen Kunden präsentiert werden. Die Optionen, die es enthält, sind die gleichen wie im Widget "Detailinformationen für Produkte", auf das du standardmäßig im Kontrollpanel deines Shops zugreifen kannst. 


16.  Schaltfläche "In den Warenkorb" hinzufügen

Mit diesem Widget kannst du eine Schaltfläche anzeigen, die, wenn sie gedrückt wird, das im Widget ausgewählte Produkt direkt in den Warenkorb des Kunden hinzufügt. Diese Funktion ermöglicht es dir, eine komplett andere Vision für die Präsentation des Produkts zu erstellen und gleichzeitig, dass die Kauf-Schaltfläche mit dem Design übereinstimmt, das du standardmäßig für deinen Shop verwendest. 


17.  Schaltfläche

Nutze dieses Widget, wenn du schnell und einfach eine Schaltfläche erstellen möchtest, die den Link öffnet, den du festgelegt hast. Du kannst festlegen, welcher Link geöffnet wird, wenn die Schaltfläche angeklickt wird, was der Text der Schaltfläche sein soll, die Farbe, die Position sowie ob die Schaltfläche die volle Breite des Widgets einnehmen soll und ob der angefügte Link in einem neuen Fenster geöffnet werden soll. Das Design der Schaltfläche wird standardmäßig mit dem Design übereinstimmen, das du gerade verwendest.


18.  Artikel


Mit diesem Widget kannst du auch den Blog, den du in deinem Shop erstellt hast, auf der Seite anzeigen, die du erstellst. Die Einstellungen ermöglichen es dir, die Gesamtanzahl der im Widget sichtbar Artikel festzulegen, die du hinzufügst, sowie die Anzahl der Artikel pro Zeile. Das Design (die Hauptmerkmale des Aussehens) der Artikel wird standardmäßig mit dem Design übereinstimmen, das du für den Shop verwendest. 

Zusätzliche Informationen zu Landing Pages

Landing Pages erstellen

Landing Pages verwalten und zuweisen