# Einfacher - Banner

Dieses Element ist ein kraftvolles Werkzeug, um Nutzer gezielt zu bestimmten Aktionen zu führen. Es hilft dir, Aufmerksamkeit auf wichtige Handlungsaufforderungen zu lenken und das Engagement der Besucher zu steigern. 

Ob es sich um das Abonnieren eines Newsletters, den Kauf eines Produkts, eine Kategorie-Verlinkung oder das Ausfüllen eines Formulars handelt – der CTA-Banner sorgt dafür, dass die gewünschte Aktion klar und ansprechend präsentiert wird.

<figure><img src="/files/9UL6JI7UyWEsU6NL828o" alt=""><figcaption></figcaption></figure>

### Allgemeine - Konfiguration

<figure><img src="/files/4LRqRMjhXPm4I13eeIix" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="258">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Typ des Elements (1)</td><td>Call-to-Action = Individuelle Verlinkung<br>Kategorie = Kategorie-Verlinkung<br>Eigenes HTML = Eigener Code im HTML / Twig Editor</td></tr><tr><td>Individuelle Medien (2)</td><td>Wenn gesetzt, kann ein eigenes Hintergrundbild gesetzt werden. Andernfalls wird überprüft, ob ein Kategoriebild gesetzt wurde.</td></tr><tr><td>Video aktivieren (3)</td><td>Ermöglicht, ein Hintergrundvideo zu platzieren</td></tr><tr><td>Hintergrund fixiert (4)</td><td>Ähnliches Verhalten, wie bei <a data-mention href="/pages/75bmoK2J0tnetiLDtwox">/pages/75bmoK2J0tnetiLDtwox</a></td></tr><tr><td>'Call-to-Action aktivieren (5)</td><td>Wenn deaktiviert, wird keine Verlinkung gesetzt</td></tr><tr><td>Ganzes Element klickbar (6)</td><td>Wenn aktiviert, ist der gesamte Banner verlinkt und nicht nur der Button</td></tr><tr><td>Link in neuem Tab öffnen (7)</td><td>Die Verlinkung wird in einem neuen Browsertab geöffnet</td></tr><tr><td>Button anzeigen (8)</td><td><a data-mention href="/pages/IDCzxbLczQ60ESEzaHLK">/pages/IDCzxbLczQ60ESEzaHLK</a></td></tr></tbody></table>

### Media - Konfiguration

<figure><img src="/files/s9nGDeAtxXYokVgPNDLo" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Hier kannst du Bilder, oder auch Videos hochladen.
{% endhint %}

### Kategorie - Konfiguration

<figure><img src="/files/VrrVTJGDNETRPjQVE61O" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="306">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Kategorietitel aktivieren (1)</td><td>Der Titel wird automatisch anhand der zugewiesenen Kategorie bezogen</td></tr><tr><td>Kategoriebeschreibung (2)</td><td>Die Beschreibung der Kategorie, wenn in der Kategorie gepflegt</td></tr><tr><td>Caption Box - Breite (3)</td><td>Maximale Breite der Box, die den Inhalt bereitstellt. Das ist wichtig für Zeilenumbrüche.</td></tr><tr><td>Max. Zeichen der Beschreibung (4) </td><td>Hier kannst du die Beschreibung begrenzten. Überhang wird mit "..." dargestellt.</td></tr><tr><td>Farbeinstellungen (5)</td><td>Achte auf eine kontrastreiche Farbgebung</td></tr></tbody></table>

### Layout - Konfiguration

<figure><img src="/files/H479c1LNMVE7uBIAOwP7" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="264">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Vertikale Ausrichtung (1)</td><td>Die vertikale Positionierung der Inhaltsbox innerhalb des Elements</td></tr><tr><td>Horizontale Ausrichtung (2)</td><td>Die horizontale Positionierung der Inhaltsbox innerhalb des Elements</td></tr><tr><td>Text Ausrichtung (3)</td><td>Linksbündig, zentriert, oder rechtsbündig</td></tr><tr><td>Dimensionen einstellen (4)</td><td>Hier kannst du Größenkonfigurationen vornehmen. Achte auf ein gutes Zusammenspiel aus Hintergrund, Größe des Elements und Menge des Inhalts.</td></tr><tr><td>Schriftgrößen (5)</td><td><a data-mention href="/pages/ZJ9dlvURdA2KvrRvb6W0">/pages/ZJ9dlvURdA2KvrRvb6W0</a></td></tr></tbody></table>

### SEO - Einstellungen

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/elemente/call-to-action/einfacher-banner.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.