Block auf einer Seite einrichten
Du stellst einen vordefinierten Inhaltsblock (wie Akkordeon, Karten, Preistabellen, Kontaktformular) auf deine Website-Seite. Der Blockkatalog bietet fertige Bausteine für typische Aufgaben – du fügst sie ein, passt sie an dein Thema an und veröffentlichst sie.
Voraussetzungen
Du befindest dich im Bearbeitungsmodus einer Website-Seite. Es gibt keine weiteren besonderen Voraussetzungen.
Aufbau der Seite
Wenn du eine Website-Seite bearbeitest, siehst du die aktuelle Seitenstruktur mit allen bereits eingefügten Blöcken. Jeder Block hat einen Namen (z. B. „Akkordeon", „Karten", „Kontaktformular") und wird in der Reihenfolge angezeigt, wie er auf der Website erscheint.
Der Blockkatalog, den du durch Hinzufügen eines neuen Blocks öffnest, ist nach Kategorien sortiert:
- Kategorien: z. B. Hero, Text, Inhalt, Formulare, Preise, Bilder, Proof (Kundenbeweis)
- Blocktypen: Unter jeder Kategorie findest du konkrete Bausteine mit einer kurzen Beschreibung
So gehst du vor
Öffne deine Seite im Bearbeitungsmodus. Du siehst alle vorhandenen Blöcke in einer Liste.
Klicke auf „Block hinzufügen" (oder das Plus-Symbol) an der Stelle, wo der neue Block erscheinen soll – oben, unten oder zwischen bestehenden Blöcken.
Der Blockkatalog öffnet sich. Du siehst die verfügbaren Blocktypen, gruppiert nach Kategorien.
Wähle den passenden Blocktyp für deine Aufgabe aus. Typische Beispiele:
- Für eine Aufzählung von Vorteilen: Karten oder Feature-Liste
- Für häufig gestellte Fragen: Akkordeon
- Für Kundenaussagen: Kundenstimmen
- Für ein Kontaktformular: Kontaktformular
- Für Preisübersicht: Preistabelle
- Für Bilder: Bildergalerie oder Bildkarussell
Klicke auf den Block, um ihn einzufügen.
Der Block wird eingefügt und öffnet sich zum Bearbeiten. Je nach Blocktyp siehst du:
- Textfelder für Überschriften, Beschreibungen und Inhalte
- Bildupload-Bereiche (bei grafischen Blöcken)
- Listen für mehrere Einträge (z. B. Karten, Fragen, Testimonials)
- Einstellungen für Farben, Anordnung, Animation und Verhalten
- Schaltflächen zum Hinzufügen von Einträgen (z. B. „Karte hinzufügen", „Frage hinzufügen")
Fülle die Inhalte nach Bedarf:
- Schreibe Texte und Überschriften
- Lade Bilder hoch
- Füge mehrere Einträge über die jeweilige „Hinzufügen"-Schaltfläche hinzu
- Ordne Einträge um (mit Pfeilen nach oben/unten)
- Lösche nicht benötigte Einträge
Wende Formatierungen und Optionen an:
- Wähle eine Farbvariante oder ein Design-Thema für den Block
- Bestimme die Anzahl der Spalten (z. B. wie viele Karten nebeneinander)
- Aktiviere Animationen oder Transitions
- Füge Links und Schaltflächen ein (z. B. „Mehr erfahren")
Speichere den Block, indem du auf die Speichern-Schaltfläche klickst oder den Bearbeitungsmodus verlässt.
Wiederhole Schritte 2–8, um weitere Blöcke hinzuzufügen.
Veröffentliche die Seite, damit die neuen Blöcke auf der Live-Website sichtbar werden.
Was danach passiert
Der Block erscheint sofort auf deiner Website-Seite an der Position, wo du ihn eingefügt hast. Je nach Blocktyp ist er bereits mit Vorschaudaten gefüllt (z. B. Beispielfragen beim Akkordeon), die du durch deine eigenen Inhalte ersetzt.
Nachträgliche Änderungen (Texte, Bilder, Reihenfolge, Farben, Animationen) sind jederzeit möglich – klicke einfach auf den Block im Bearbeitungsmodus, um ihn anzupassen.
Zur Verwaltung und Anordnung mehrerer Blöcke auf einer Seite siehe website-seiten-verwalten.
Tipps und Hinweise
Blocktyp wählen: Schau dir die Beschreibung und das Symbol jedes Blocktyps an, um den richtigen für deine Aufgabe zu finden. Viele Blöcke erfüllen ähnliche Zwecke – z. B. gibt es mehrere Hero-Varianten und verschiedene FAQ-Formate.
Vorschaudaten löschen: Nach dem Einfügen enthält jeder Block Beispiel-Inhalte. Lösche diese sofort und ersetze sie durch deine Texte, damit die Website nicht mit Dummy-Daten live geht.
Korrekte Reihenfolge: Überlege vorher, in welcher Reihenfolge die Blöcke Sinn machen – z. B. Hero oben, dann Features, dann Testimonials, dann Kontaktformular am Ende.
Responsive Design: Viele Blöcke passen sich automatisch an mobile Geräte an. Teste nach dem Speichern, wie sie auf dem Smartphone aussehen.
Farbvarianten: Die verfügbaren Farbvarianten richten sich nach dem Website-Design. Wähle konsistent, damit die Seite ein einheitliches Erscheinungsbild hat.