Page Builder

Mit Page Builder können Sie das Layout Ihrer Seiten durch Hinzufügen, Verschieben und Konfigurieren von Inhaltsblöcken erstellen und anpassen. Sie können einzigartige Seitenlayouts für Startseiten, Kategorieseiten, Produktseiten, Landing Pages und vieles mehr erstellen - und das alles ohne Programmierkenntnisse.

Wo kann ich Page Builder finden?

Sie finden den Page Builder unter Design → Page Builder in Ihrer Shoporama-Administration. Hier können Sie neue Seiten-Setups erstellen oder bestehende bearbeiten.

Auf welchen Seiten kann ich Page Builder verwenden?

Page Builder kann auf fast allen Seitentypen Ihres Online-Shops verwendet werden:

• Titelseite
• Kategorie-Seiten
• Produkt-Seiten
• Landing-Seiten
• Statische Seiten (z. B. Über uns, Allgemeine Geschäftsbedingungen)
• Blog-Beiträge
• Suchseite
• Einkaufskorb
• Checkout-Seiten (Adresse, Lieferung, Genehmigung, Zahlung)
• Auftragsbestätigung
• Kundenseiten (Login, Bestellhistorie, Wunschliste)
• Rückgabe-Center
• 404-Seite

Wie man eine Seite einrichtet

1. Gehen Sie zu Design → Page Builder
2. Klicken Sie auf Neu erstellen
3. Wählen Sie den Seitentyp aus, für den die Einrichtung gelten soll (z. B. "Startseite" oder "Kategorieseiten")
4. Geben Sie der Einrichtung optional einen Namen, damit Sie sie wiedererkennen können
5. Für Produktseiten, Kategorieseiten und ähnliche Seiten können Sie wählen, ob die Einrichtung für alle Seiten dieses Typs oder nur für bestimmte Seiten gelten soll
6. Speichern Sie und fügen Sie Blöcke hinzu

Verfügbare Blocktypen

Welche Blocktypen verfügbar sind, hängt von Ihrem Thema ab. Hier sind die gängigsten:

• Hero - Großer Hero-Bereich mit Überschrift, Beschreibung, Schaltfläche und Hintergrundbild
• Banner - Bilder im Karussell-/Slider-Format
• Text - Freier Textblock mit Überschrift und Formatierung
• Text mit Bild - Zwei Spalten mit Text auf einer Seite und Bild auf der anderen
• Zweispaltiger Text - Text in zwei Spalten aufgeteilt
• Produktliste - Zeigt Produkte aus einer Kategorie, einer Landing Page oder nach Beliebtheit/aktuellsten Produkten
• Produktschieber - Produkte im Karussellformat
• Kategorieliste - Anzeige von Produktkategorien
• Kategorie-Schieberegler - Kategorien im Karussellformat
• Bildraster - Raster von Bildern mit optionalen Links
• Blog-Liste - Anzeige der letzten Blog-Beiträge
• Trustpilot - Widget für Trustpilot-Bewertungen
• Value propositions - Heben Sie Ihre USPs hervor (z.B. kostenloser Versand, schnelle Lieferung)
• Schaltfläche - Call-to-Action-Schaltfläche mit Link
• HTML - Reines HTML für volle Kontrolle über den Inhalt

Ziehen und Ablegen

Sie können die Reihenfolge Ihrer Blöcke ganz einfach ändern, indem Sie sie nach oben oder unten ziehen. Greifen Sie den Kopf des Blocks und ziehen Sie ihn an die gewünschte Position. Die Reihenfolge wird automatisch gespeichert.

Sie können Blöcke auch zusammenklappen, um eine bessere Übersicht zu erhalten, wenn Sie viele Blöcke auf einer Seite haben.

Konfiguration der Blöcke

Jeder Block hat je nach Typ seine eigenen Einstellungen. Typische Optionen sind:

• Text und Überschriften - Schreiben Sie direkt in einem Texteditor
• Bilder - Laden Sie Bilder direkt von Ihrem Computer hoch
• Produktauswahl - Wählen Sie bestimmte Produkte, Kategorien oder Landing Pages aus
• Links und Schaltflächen - Fügen Sie URLs und Schaltflächentexte hinzu
• Wiederholbare Elemente - Einige Blöcke (z. B. Banner) erlauben es Ihnen, mehrere Elemente in denselben Block einzufügen.

Sie können jedem Block einen eigenen Namen geben, um ihn in der Übersicht leichter zu finden.

Produktselektor - ausgewählte Produkte anzeigen (Delaware/DelawareDK)

In Delaware und DelawareDK gibt es in mehreren Page Builder-Abschnitten (Produktliste, Produktslider und Produktmerkmal) ein Feld namens Produktselektor. Dieses Feld wird verwendet, um festzulegen , welche Produkte in dem Abschnitt angezeigt werden sollen.

So verwenden Sie den Produktselektor

1. Wählen Sie zunächst einen Produkttyp aus dem Dropdown-Menü aus - z. B. "Nach Kategorie-Tag", "Nach Landing Page-Tag" oder "Nach Produkt-IDs".
2. Füllen Sie dann das Feld "Produktauswahl" mit dem entsprechenden Wert aus (siehe unten)

Wenn Sie "Neueste Produkte", "Beliebte Produkte" oder "Meistverkaufte Produkte" als Produkttyp auswählen, müssen Sie das Feld Produktauswahl nicht ausfüllen - die Produkte werden automatisch abgerufen.

Was soll ich in das Feld schreiben?

Das hängt von der gewählten Produktart ab:

• Nach Kategorie-Tag - Geben Sie das Kategorie-Tag ein. Sie finden den Tag, indem Sie die Kategorie im Adminbereich unter dem Feld "Tag" bearbeiten. Beispiel: Sommerangebot
• Nach Landing Page Tag - Geben Sie den Tag der Landing Page ein. Sie können den Tag finden, indem Sie die Landing Page im Admin-Bereich bearbeiten. Beispiel: Nachrichten
• Nach Produkt-IDs - Geben Sie die Produkt-IDs durch Kommata getrennt ein. Sie können die ID eines Produkts in der Produktliste oder in der URL finden, wenn Sie das Produkt bearbeiten. Beispiel: 123.456.789

Allgemeine vs. spezifische Setups

Es gibt zwei Möglichkeiten, Page Builder zu verwenden:

• Allgemeine Einrichtung - Gilt für alle Seiten eines bestimmten Typs. Zum Beispiel, eine Einrichtung für alle Kategorieseiten
• Spezifische Einrichtung - Gilt nur für ausgewählte Seiten. Zum Beispiel eine spezifische Einrichtung für eine bestimmte Landing Page

Spezifische Einstellungen haben Vorrang. Wenn ein Produkt eine eigene Einrichtung hat, wird diese anstelle der allgemeinen Einrichtung für die Produktseite verwendet.

Wenn Sie Fragen zum Page Builder haben, kontaktieren Sie uns bitte unter support@shoporama.dk.

Neue Seitentypen

Page Builder unterstützt jetzt diese zusätzlichen Seitentypen:

• Rückgabeseite (/return) - die Hauptseite des Rückgabezentrums.
• Anmeldeseite (/user-sign-in) - die Anmeldeseite für Kunden.
• Meine Bestellungen (/user-orders) - die Bestellübersicht des Kunden.
• Mein Wunschzettel (/user-wishlist) - der Wunschzettel des Kunden.

Benennen Sie Ihre Komponenten

Sie können jeder Page Builder-Komponente einen eigenen Namen geben, um sie in der Übersicht leichter identifizieren zu können. Klicken Sie auf das Titelfeld der Komponente und geben Sie einen beschreibenden Namen ein (z. B. "Hero banner front page" oder "Product grid bestsellers").

Alle Module auf allen Seitentypen

Alle 18 Page Builder-Module sind jetzt auf allen 16 Seitentypen in Delaware und DelawareDK verfügbar. Sie sind nicht mehr auf bestimmte Module auf bestimmten Seiten beschränkt.