Builder-Abschnitte und -Blöcke
38 Artikel
- Abschnitte und Blöcke: Wie füge ich sie hinzu und ordne sie neu an, und welche Abschnitte kann jede Seite haben? Abschnitte und Blöcke im Shop-Builder im Vergleich, wie du sie hinzufügst und neu anordnest, welche Abschnitte jede Seite anbietet, welche Abschnitte Pflicht sind und wie viele von jedem Typ eine Seite haben kann.
- Wie richte ich Kopfzeile, Fußzeile und Ankündigungsleiste ein (globale Abschnitte)? Überblick über die Abschnitte, die meist auf jeder Seite erscheinen: Kopfzeile, Fußzeile und Ankündigungsleiste, dazu Social-Media-Icons, Newsletter und Zurück nach oben. Wie jede Seite ihre eigene Kopie behält und wie du eine auf alle Seiten kopierst.
- Wie richte ich die Kopfzeile meines Shops ein (Logo, Menü, Suche, Warenkorb, fixierter und transparenter Header)? Richte den Abschnitt Kopfzeile ein: Größe und Position des Logos, Menütyp (Mega, Dropdown, Seitenleiste) und die mobile Navigationsleiste, Suchsymbol, Warenkorb als Seitenleiste oder Dropdown, Länderauswahl mit Flaggen, fixierter Header beim Scrollen und ein transparenter Header über einem Hero.
- Wie füge ich eine Ankündigungsleiste mit wechselnden oder laufenden Nachrichten hinzu? Füge eine Ankündigungsleiste für Aktionen, kostenlose Lieferung oder Hinweise hinzu: bis zu 7 Nachrichten, Slider (eine Nachricht nach der anderen) oder Ticker (eine laufende Zeile), dazu Zeit zwischen Nachrichten, Trennzeichen, Richtung, Schriftgröße, Breite, Farben und Innenabstand.
- Wie richte ich die Fußzeile meines Shops ein (Über uns, Menü, Social-Media-Icons, Zahlungssymbole, Richtlinien-Links, Urheberrecht)? Richte den Abschnitt Fußzeile und seine Blöcke ein: Über uns mit Logo und Kontaktinformationen, Fußzeilenmenü, Social-Media-Icons, Zahlungssymbole, Datenschutz- und Richtlinien-Links, Urheberrecht mit Bereitgestellt von, Text, Trennlinie und Gruppen für Spalten.
- Welche Abschnitte kann ich zur Startseite hinzufügen (Hero, Empfohlene Produkte, Diashow, Indikator, Sammlungen)? Ein Überblick über die Abschnitte der Startseite im Builder: Hero-Banner, Diashow, Empfohlene Produkte, Sammlungen, Indikator (animierte Zahlen) und Vorteile, dazu die Produkt- und Kollektionskarten, mit einem Link zur ausführlichen Anleitung für jeden.
- Wie richte ich das Hero-Banner auf meiner Startseite ein? Richte das Hero-Banner auf deiner Startseite ein: ein oder zwei Bilder oder Videos, Höhe (klein, Vollbild, Bild, benutzerdefiniert), Text und Schaltflächen darüber, Position und Ausrichtung, Farb-Overlay für gut lesbaren Text und warum ein Hero-Video manchmal nicht abspielt.
- Wie füge ich eine Diashow mit mehreren Folien zu meiner Startseite hinzu? Füge deiner Startseite eine Diashow (Karussell, Bild-Slider) hinzu: bis zu 7 Folien mit Bildern oder Videos, Text und Schaltflächen auf jeder Folie, Modus Rahmen, Eingesetzt oder Ebene, Medienhöhe, Tempo des automatischen Wechsels, Pfeile, Punkte, Zähler und Pause-Schaltfläche.
- Wie zeige ich empfohlene Produkte (Bestseller, Neuheiten, Angebote) auf meiner Startseite? Zeige mit dem Abschnitt Empfohlene Produkte ein Raster oder Karussell auf deiner Startseite: neueste, älteste, meistverkaufte, reduzierte oder am besten bewertete Produkte, Beschränkung auf eine Kollektion, Produktanzahl, Spalten, Mehr-anzeigen-Schaltfläche und Karussell auf Mobilgeräten.
- Wie zeige ich meine Kollektionen auf der Startseite oder der Kollektionsübersicht? Zeige deine Kollektionen (Kategorien) als Karten auf der Startseite oder der Kollektionsübersicht: eigene Reihenfolge, neueste, Bestseller, Top-Bewertung oder alphabetisch, Layout Raster, Karussell oder Bento, Anzahl der Kollektionen und Links zu Unterkollektionen.
- Wie zeige ich Unterkollektionen auf einer Kollektionsseite? Zeige mit dem Abschnitt Unterkollektionen auf der Kollektionsseite die untergeordneten Kollektionen (Unterkategorien) der angezeigten Kollektion: Reihenfolge, Anzahl der Kollektionen, Layout Raster, Karussell oder Bento, Karten und warum der Abschnitt bei manchen Kollektionen nicht erscheint.
- Wie füge ich Vorteilskarten wie kostenlose Lieferung oder sichere Zahlung hinzu? Der Abschnitt Vorteile auf deiner Startseite: Vertrauenskarten mit Symbol oder eigenem Bild, Überschrift und kurzem Text, für Versprechen wie kostenlose Lieferung, Zahlung bei Lieferung, sichere Zahlung oder einfache Rückgabe. Spalten, Stil, Symbolgröße, Akzentlinie und Hover-Effekt.
- Wie zeige ich animierte Zahlen und Statistiken an (Abschnitt Indikator)? Zeige wichtige Zahlen wie zufriedene Kunden, gelieferte Bestellungen oder Jahre im Geschäft mit dem Abschnitt Indikator: Zahlen, die beim Scrollen hochzählen, Präfix und Suffix (+, %, K), Beschriftung oben oder unten, Elemente pro Zeile, Schriftgröße, Fett und Trennlinien.
- Wie füge ich einen FAQ-Abschnitt mit Fragen und Antworten hinzu? Füge deinen Seiten einen FAQ-Abschnitt (häufig gestellte Fragen) hinzu: Fragen, die sich per Klick öffnen, Modus Akkordeon oder Unabhängig, standardmäßig geöffnet, Stil Trennlinie, Karte oder Einfach, ein Titel neben oder über den Fragen und FAQ-Daten für Suchmaschinen.
- Wie füge ich einen Vorher-Nachher-Bildvergleich hinzu? Füge deinen Seiten den Abschnitt Vorher und nachher (Bildvergleich mit Schieberegler) hinzu: Vorher- und Nachher-Bild, Beschriftungen, nebeneinander oder übereinander, Verhältnis, Position des Trenners, ein Hinweis beim Einblenden, Mausfolgen am Desktop und ein Titel.
- Welche Abschnitte gibt es auf der Produktseite und der Landing Page (Produktinformationen, Bewertungen, ähnliche Produkte)? Ein Überblick über die Abschnitte der Produktseite und der Landing Page: Produktinformationen (Galerie, Titel, Beschreibung, Bestellformular, fixierter Button), Landing-Informationen, das Bestellformular, Bewertungen, ähnliche Produkte und Zusatzblöcke, mit Links zu jeder Anleitung.
- Wie richte ich den Abschnitt Produktinformationen auf meiner Produktseite ein (Bilder, Titel, Beschreibung, fixierter Button)? Richte den Abschnitt Produktinformationen deiner Produktseite ein: die Bild- und Videogalerie (Raster oder Karussell, Miniaturbilder, Zoom, fixierte Galerie), die Blöcke für Produkttitel und Beschreibung, Trennlinien, gleiche Spalten und den fixierten Kaufen-Button oder die Leiste.
- Wie richte ich den Abschnitt Landing-Informationen und das Bestellformular ein (Buttons, Countdown, WhatsApp)? Richte den Abschnitt Landing-Informationen und das Bestellformular für Produkt- und Landing Pages ein: Formular inline oder als Pop-up, der Platzhalter {{form}}, Spar-Badge, Countdown, Geschenktext, Bestellübersicht, Buttons In den Warenkorb und Jetzt kaufen sowie der WhatsApp-Bestellbutton.
- Wie füge ich meiner Produktseite aufklappbare Tabs, Liefertermine, eine Größentabelle, Badges oder Vorher-Nachher-Bilder hinzu? Blöcke der Produktseite im Builder: aufklappbare Tabs (Akkordeon) für Infos zu Versand und Rückgabe, eine Zeitleiste mit voraussichtlichem Liefertermin und Bestellschluss, eine Größentabelle als Pop-up, Vertrauens-Badges und ein Vorher-Nachher-Bildregler.
- Wie zeige ich Kundenbewertungen auf meiner Produktseite an (Abschnitt Bewertungen)? Richte den Abschnitt Bewertungen auf Produkt- und Landing Pages ein: Bewertungsübersicht und Sterneverteilung, Button und Formular Bewertung schreiben, Bewertungskarte mit Bildzoom, Raster oder Karussell, Bewertungen pro Seite, Sortierung und was ohne Bewertungen erscheint.
- Wie zeige ich ähnliche Produkte auf meiner Produktseite an? Füge Produkt- und Landing Pages einen Abschnitt Ähnliche Produkte hinzu: Wähle die Quelle (neueste, meistverkaufte, reduzierte, am besten bewertete Produkte, gleiche Kollektion oder pro Produkt ausgewählt), lege die Anzahl, Raster oder Karussell, Spalten und die Produktkarte fest.
- Wie ändere ich das Aussehen von Produktkarten und Kollektionskarten? Passe die Produktkarte (Bildverhältnis, Titel, Preis und Spar-Badge, Sternebewertung, Kaufen-Button: In den Warenkorb, Jetzt kaufen oder Produkt ansehen, Varianten-Swatches) und die Kollektionskarte (Stil Standard oder Overlay, Bild, Titel, Produktanzahl, Button) in Rastern an.
- Welche Abschnitte kann ich jeder Seite hinzufügen, und was gibt es auf der Warenkorb-, Checkout- und Kontaktseite? Ein Überblick über die Abschnitte, die du jeder Seite hinzufügen kannst (Text, Bild, Trennlinie, Social-Media-Icons, Newsletter, eigener Code), und den Hauptabschnitt der Kollektions-, Such-, Warenkorb-, Checkout-, Danke-, Kontakt-, Richtlinien- und 404-Seite, mit Links zu jeder Anleitung.
- Wie passe ich die Warenkorb-Seite und die Checkout-Seite an? Passe den Abschnitt Warenkorb der Warenkorb-Seite an (Bildverhältnis, Bildgröße, Dichte, Leiste für kostenlosen Versand, leerer Warenkorb) und den Abschnitt Kasse der Checkout-Seite (Bestellformular, Versand- und Zahlungsauswahl, Bestellübersicht), und erfahre, wann Käufer welche Seite sehen.
- Wie passe ich die Dankesseite (Bestellbestätigung) nach einer Bestellung an? Passe die Dankesseite nach der Bestellung an: den Abschnitt Bestellbestätigung, Bestellübersicht, Bestellinformationen (Bestell-ID oder -nummer, Datum, Zahlungs- und Versandmethode), Kundendaten, deine Dankesnachricht mit {{first_name}} und anderen Variablen, Buttons und Bilder.
- Wie richte ich die Kontaktseite und ihr Kontaktformular ein? Richte den Abschnitt Kontakt deiner Kontaktseite ein: die E-Mail-Adresse, die Nachrichten erhält, die Felder des Kontaktformulars (Name, E-Mail, Betreff, Nachricht), die Erfolgsmeldung, Captcha gegen Spam, Button-Text und -Stil, das Layout und warum Nachrichten eventuell nicht ankommen.
- Wie passe ich die Seite mit den Suchergebnissen an? Passe die Suchseite an, die Ergebnisse zeigt, wenn Käufer in deinem Shop suchen: den Abschnitt Produkte suchen, Spalten, mobile Spalten, die Produktkarte, Text über den Ergebnissen, wie Produkte gefunden werden und den Button Mehr anzeigen.
- Wie passe ich das Produktraster der Kollektionsseite an (Kollektionsprodukte)? Passe die Kollektionsseite an: das Raster Kollektionsprodukte, Spalten, mobile Spalten, Abstand, die Produktkarte, eine Überschrift mit {{collection_name}}, {{collection_description}} und {{products_count}}, Unterkollektionen, die Reihenfolge der Produkte und den Button Mehr anzeigen.
- Wie ändere ich das Aussehen meiner Richtlinienseiten (Abschnitt Richtlinie)? Gestalte die Seite, die deine Datenschutzerklärung, AGB sowie Rückerstattungs-, Versand- und Cookie-Richtlinien zeigt: den Abschnitt Richtlinie, die Lesezeit, Breite, Farben, Innenabstand, benutzerdefiniertes CSS und wo du den Text der Richtlinien bearbeitest.
- Wie passe ich meine 404-Seite (Seite nicht gefunden) an? Passe die 404-Seite an, die Käufer sehen, wenn ein Link nicht existiert: den Abschnitt 404, seinen Text, Buttons, Trennlinien und Gruppen, den Standard-Button Zurück zur Startseite, Breite, Farben und Innenabstand.
- Wie füge ich meinem Shop Social-Media-Icons hinzu (Instagram, TikTok, Facebook, WhatsApp)? Füge den Abschnitt Social-Media-Icons hinzu: Verlinke Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp und Telegram, wähle Symbole oder App-Look, inline oder am Bildschirmrand fixiert, Form, Größe, Farben und Hover-Effekt.
- Wie füge ich meinem Shop ein Formular zur Newsletter-Anmeldung hinzu? Sammle mit dem Abschnitt Newsletter E-Mail-Abonnenten: Inline-Formular oder fixiertes Pop-up in der Ecke, Überschrift, Erfolgsmeldung, E-Mail-Feld mit Label, Platzhalter und Datenschutzphrase, Pfeil- oder Text-Button, integrierter Button, Gruppen, Farben und wohin die Anmeldungen gehen.
- Wie nutze ich die Abschnitte und Blöcke Text, Bild und Trennlinie? Einstellungen für die Abschnitte und Blöcke Text, Bild und Trennlinie: Texteditor, vorgegebene Überschriften, Größe, Zeilenhöhe, Zeichenabstand, Breite und Ausrichtung, Bildbreite, Verhältnis, Einpassung, Eckenradius und Link, Linienstärke, Länge und Ausrichtung, Farben und Innenabstand.
- Blöcke Gruppe, Text, Schaltfläche und Trennlinie: Wie funktionieren die Einstellungen der Layout-Komponenten? Überblick über die Blöcke Gruppe, Text, Schaltfläche und Trennlinie im Builder, mit allen Einstellungen der Schaltfläche: Label, Link-Typ (URL, E-Mail, Telefon, Anker), Stil sowie Breite auf Desktop und Mobilgeräten. Mit Links zu den Anleitungen für Gruppe und Text, Bild, Trennlinie.
- Wie nutze ich Gruppen-Blöcke, um Inhalte nebeneinander oder in Spalten anzuordnen? So funktioniert der Gruppen-Block: Blöcke nebeneinander oder gestapelt anordnen, Gruppen verschachteln, Richtung, auf Mobilgeräten vertikal stapeln, Position und Ausrichtung, Abstand dazwischen, Breite, Abstand, Farbschema, Rand, Eckenradius, Hintergrund-Overlay und Innenabstand.
- Wie füge ich Vorher-Nachher-Bilder, animierte Wellen, Partikel oder eine Schaltfläche "Zurück nach oben" hinzu? Überblick über die Zusatzabschnitte für deine Seiten: ein Vorher-Nachher-Schieberegler zum Bildvergleich, animierte Wellenbänder, schwebende Partikel (Schnee, Blasen, Sterne) und eine Schaltfläche "Zurück nach oben", mit Links zur ausführlichen Anleitung für jeden.
- Wie füge ich meinem Shop animierte Wellen oder schwebende Partikel (Schnee, Blasen, Sterne) hinzu? Füge die Abschnitte Animierte Wellen und Animierte Partikel hinzu: Wellenstil, Höhe, Ebenen, Geschwindigkeit, Richtung, Spiegeln, Überlappung und Verschmelzen mit der Kopfzeile, dazu Partikelform (Punkt, Blase, Stern, Schnee), Anzahl, Größe, Geschwindigkeit, Richtung, Deckkraft und Farben.
- Wie füge ich meinem Shop einen Zurück-nach-oben-Button hinzu? Füge den Abschnitt Zurück nach oben hinzu: ein runder Pfeil-Button in einer unteren Ecke, der nach dem Scrollen erscheint und Kunden wieder nach oben bringt. Lege Ecke, Größe, Scrollfortschritt-Ring und Farbschema fest und zeige ihn auf jeder Seite.