Ein Bild mit Überschrift und Schaltfläche einbinden
Du fügst deiner Website-Seite einen Block ein, der ein großes Bild mit einer Überschrift, einem Beschreibungstext und einer anklickbaren Schaltfläche verbindet. Das ist ideal für Landingpages und Hero-Bereiche, die Besucher zum Weiterlesen oder zum nächsten Schritt auffordern. Das Bild lässt sich so ausrichten, dass es links oder rechts vom Text steht.
Voraussetzungen
Du bearbeitest bereits eine Website-Seite und hast den Block „Bild mit Überschrift und Beschreibung" eingefügt. Informationen zum Einfügen von Blöcken findest du unter Block auf einer Seite einrichten (Blockkatalog).
So gehst du vor
Bild hochladen oder wählen: Klicke auf das Bild-Feld. Wähle eine Bilddatei von deinem Computer oder aus deiner Medienbibliothek aus.
- Das Bild wird auf das Format Breitbild zugeschnitten (5:3-Verhältnis). Du kannst den Ausschnitt mit der Maus verschieben, um die wichtigsten Teile sichtbar zu machen.
Überschrift eintragen: Gib unter Überschrift den Titel ein, der über dem Text erscheinen soll.
- Der Text kann über zwei Zeilen gehen und unterstützt einfache Formatierung wie Fett oder Kursiv (Markdown-Format).
Beschreibungstext eintragen: Gib unter Text den Inhalt ein, der unter der Überschrift angezeigt wird.
- Platz für bis zu fünf Zeilen. Auch hier sind Markdown-Formatierungen möglich.
Text der Schaltfläche festlegen: Gib unter Text der Schaltfläche ein, was auf dem Knopf stehen soll.
- Ohne Text wird keine Schaltfläche angezeigt. Das Feld ist optional – wenn du es leer lässt, entfällt der Knopf.
Ziel des Knopfes wählen: Gib unter Ziel an, wohin der Besucher klicken soll.
- Du kannst auf eine andere Seite deiner Website verlinken, auf einen externen Link verweisen oder direkt eine URL eingeben.
Erscheinungsbild des Knopfes wählen: Unter Stil bestimmst du, wie der Knopf aussieht (Farbe, Form, Größe).
- Der Stil wird in der Vorschau sofort sichtbar.
Position des Bildes festlegen (optional): Klicke auf Weitere Einstellungen, dann auf Bild links oder Bild rechts, um zu wählen, auf welcher Seite das Bild vom Text positioniert wird.
- Standardmäßig steht das Bild rechts.
Blockbezeichnung vergeben (optional): In den Weiteren Einstellungen kannst du dem Block eine interne Bezeichnung geben, unter der du ihn später leicht wiederfindest.
- Diese Bezeichnung sieht nur du – sie erscheint nicht auf der Website.
Aufbau des Fensters
Das Fenster ist in drei Bereiche unterteilt:
Inhalt: Hier fügst du das Bild und den Text ein. Das Bild-Feld zeigt ein Vorschaubild und erlaubt es dir, den sichtbaren Ausschnitt anzupassen. Die Felder Überschrift und Text nehmen deine Eingaben entgegen.
Schaltfläche: Hier legst du fest, was der Knopf anzeigt und wohin er verlinkt. Das Feld Text der Schaltfläche ist optional. Das Feld Ziel akzeptiert Verweise auf Seiten deiner Website oder externe URLs. Das Feld Stil bietet vordefinierte Designs für den Knopf.
Weitere Einstellungen: Hier wählst du die Position des Bildes und vergibst eine interne Bezeichnung für den Block.
Was danach passiert
Der Block wird auf deiner Website-Seite angezeigt. Besucher sehen das Bild, die Überschrift, den Text und die Schaltfläche. Ein Klick auf den Knopf führt sie zum eingestellten Ziel. Speicherst du die Seite, wird der Block zusammen mit allen anderen Änderungen veröffentlicht.
Du kannst den Block jederzeit bearbeiten, indem du ihn anklickst und die Einstellungen anpasst.
Tipps und Hinweise
- Bildqualität: Ein scharfes, ansprechendes Bild macht einen großen Unterschied. Vermeide verwackelte oder zu kleine Fotos.
- Text kurz halten: Der Beschreibungstext konkurriert mit dem Bild um Aufmerksamkeit. Zwei bis drei Sätze sind oft wirkungsvoller als längere Texte.
- Aktive Schaltflächentexte: Verwende Verben wie „Jetzt anfragen" oder „Termin vereinbaren" statt neutraler Begriffe wie „Weitere Informationen".
- Test vor Veröffentlichung: Überprüfe auf verschiedenen Geräten (Desktop, Tablet, Handy), wie der Block aussieht, besonders wenn das Bild links oder rechts positioniert ist.