Karten und Vorteile gestalten

Mit dem Block „Karten und Vorteile" stellst du mehrere Inhalte nebeneinander dar – zum Beispiel Leistungen, Produktmerkmale oder Kundenerfahrungen. Jede Karte hat Bild, Text, Symbol und optional einen Schaltflächen-Link.

Voraussetzungen

Du brauchst keine besonderen Voraussetzungen.

So gehst du vor

Eine Karte hinzufügen

1. Klicke auf Karte hinzufügen (unten im Bereich „Karten"). Eine neue Karte entsteht mit dem Vorgabetitel „Neuer Titel".

2. Wähle ein Bild für die Karte aus oder fotografiere eines.

   • Das Bild wird auf das Seitenverhältnis 16:9 (breit) zugeschnitten.
   • Mit dem Schalter Bild oben ausrichten entscheidest du, ob das Bild oben oder unten auf der Karte sitzt. Der Schalter ist nur aktiv, wenn ein Bild vorhanden ist.

3. Trage einen Titel ein – dieser Text erscheint oben auf der Karte.

4. Schreibe den Text der Karte auf.

   • Wenn du möchtest, lässt du hier KI-Text generieren: Klicke auf das Zauberstab-Symbol rechts im Feld. weboffice nutzt deinen Titel und vorhandenen Text, um einen Vorschlag zu erstellen.

5. Wähle ein Symbol aus (Schaltfläche mit dem Quadrat-Symbol).

   • Dieses Symbol zeigt oben auf der Karte und hilft dem Leser, die Karte schnell zu erfassen.

6. Wenn die Karte auf einen Link verweisen soll:

   • Trage im Feld Schaltflächen-Text ein, was die Schaltfläche sagen soll (z. B. „Mehr erfahren").
   • Wähle den Stil der Schaltfläche – wie soll sie aussehen (Farbe, Form).
   • Im Feld Ziel wählst du, auf welche Seite oder Website der Link zeigt.

Aussehen der Karte einstellen

7. Unter „Aufbau" legst du fest, wie alle Karten aussehen:

   • Bauform: Hier wählst du aus, ob die Bilder sichtbar sein sollen oder ob nur die Symbole angezeigt werden. Unsichtbare Bilder bleiben gespeichert – du kannst sie später wieder einblenden.
   • Erlaube Bilder zu öffnen: Schalte das an, wenn Besucher die Kartenbilder anklicken und vergrößert sehen sollen.
   • Bezeichnung (für Verlinkung): Trage hier einen Namen ein, falls du von einer anderen Stelle auf diese Karten-Gruppe verweisen willst – z. B. als Ankerpunkt. Das ist optional.

8. Zusätzlich für jede einzelne Karte:

   • Farbvariante: Wähle, in welcher Farbe die Karte hinterlegt sein soll.
   • Animation: Wenn die Karte beim Laden der Seite animiert werden soll, wählst du hier die Art aus – oder „Keine Animation".
   • Text zentrieren: Schalte das an, wenn Titel und Text mittig auf der Karte stehen sollen.

Karten ordnen und bearbeiten

9. Um die Reihenfolge der Karten zu ändern, klicke auf die Pfeile Nach oben oder Nach unten neben der Karte.

10. Um eine Karte zu duplizieren (z. B. weil sie sehr ähnlich zur nächsten sein soll), klicke auf Kopieren. Die neue Karte wird direkt dahinter eingefügt und zeigt alle Einstellungen der Original-Karte.

11. Um eine Karte zu löschen, klicke auf Entfernen. Das lässt sich mit der Rückgängig-Schaltfläche noch rückgängig machen.

Aufbau des Blocks

Bereich „Karten" Hier fügst du Karten hinzu und bearbeitest jede Karte:

• Bild: Lade ein Bild hoch oder wähle eines aus der Medienbibliothek.
• Bild oben ausrichten: Schalter, ob das Bild auf der Karte oben oder unten sitzt.
• Titel: Die Überschrift der Karte, unterstützt Markdown-Formatierung (fett, kursiv, Links).
• Text: Der Haupttext der Karte, auch mit Markdown-Unterstützung. Mit dem Zauberstab-Symbol erzeugst du KI-Vorschläge.
• Symbol: Ein Icon, das die Karte schnell erkennbar macht.
• Schaltflächen-Text: Das Label auf der Schaltfläche, wenn die Karte verlinkt sein soll.
• Stil: Aussehen der Schaltfläche (Farbe, Form).
• Ziel: Der Link, auf den die Schaltfläche verweist – eine interne Seite oder externe Website.
• Farbvariante: Hintergrundfarbe der Karte.
• Animation: Bewegungseffekt beim Seitenladevorgang.
• Text zentrieren: Justiert den Text horizontal auf der Karte.

Bereich „Aufbau"

• Bauform: Bestimmt das Layout – mit oder ohne Bilder.
• Erlaube Bilder zu öffnen: Gibt Besuchern die Möglichkeit, Bilder vergrößert anzuschauen.
• Bezeichnung (für Verlinkung): Name dieses Blocks für interne Ankerpunkte – nur nötig, wenn du gezielt auf diese Karten-Gruppe verlinken willst.

Was danach passiert

Die Karten werden auf deiner Webseite angezeigt. Besucher sehen sie in der gewählten Bauform und können – falls aktiviert – auf die Schaltflächen klicken oder die Bilder öffnen.

Mit Block auf einer Seite einrichten bestimmst du, wo dieser Block auf der Seite sitzt und wie er proportioniert wird.

Um die fertige Website online zu nehmen, veröffentliche sie.

Tipps und Hinweise

• KI-Text sparen: Die KI-Funktion hilft dir, schnell aussagekräftige Texte zu schreiben. Probiere es aus, wenn dir die Worte fehlen.
• Kopieren für ähnliche Karten: Wenn mehrere Karten das gleiche Aussehen haben sollen, kopiere die erste und ändere dann nur noch Text und Bild.
• Unsichtbare Bilder: Wenn du die Bauform von „Mit Bild" auf „Ohne Bild, mit Symbol" wechselst, verschwinden die Bilder von der Website – sind aber noch gespeichert. Du kannst jederzeit zurück.
• Ankerpunkt setzen: Wenn diese Karten von einer anderen Stelle angesteuert werden sollen (z. B. von einem Inhaltsverzeichnis), trage eine Bezeichnung ein und notiere sie dir.