> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/verkaufsforderung/anzeige-bis-zur-versandkostenfreien-lieferung.md).

# Anzeige bis zur versandkostenfreien Lieferung

Dieses Element motiviert deine Kunden zu einem größeren Einkauf: Es zeigt mit einem Fortschrittsbalken an, wie viel noch bis zur **versandkostenfreien Lieferung** fehlt. Der Wert aktualisiert sich anhand des aktuellen Warenkorbs – ist die Schwelle erreicht, wird der versandkostenfreie Versand bestätigt.

<figure><img src="/files/t1jbv2MmRFXIwPHvmxC2" alt=""><figcaption><p>Beispiel im Storefront: der Hinweis mit Fortschrittsbalken zur versandkostenfreien Lieferung</p></figcaption></figure>

{% hint style="success" %}
Setze das Element an gut sichtbaren Stellen wie im Warenkorb, im Off-Canvas-Warenkorb oder im Kopfbereich ein, um die Wirkung als Kaufanreiz voll auszuschöpfen.
{% endhint %}

### Das Element platzieren

Das Element selbst besitzt keine eigenen Einstellungen – du platzierst es einfach an der gewünschten Stelle. Welche Produkte bzw. Werte herangezogen werden, ergibt sich aus der globalen Regel (siehe unten).

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

{% hint style="warning" %}
Damit der Hinweis im Storefront erscheint, müssen **zwei** Dinge eingerichtet sein: die allgemeine Plugin-Einstellung **und** eine passende Versandkostenfrei-Regel an der Versandart. Sind beide nicht aufeinander abgestimmt, bleibt der Hinweis leer.
{% endhint %}

### Schritt 1: Allgemeine Plugin-Einstellung

Öffne die Einstellung über **„Allgemeine Einstellungen vornehmen"** im Element oder über **CMS Bundle → Einstellungen → Versandkostenfrei**. Hier legst du fest, worauf sich die Schwelle bezieht.

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

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Versandkostenfrei, wenn … (1)</td><td>Bestimmt die Berechnungsgrundlage: <strong>Warenkorb Wert erreicht</strong> (Bestellwert), <strong>Anzahl Produkte erreicht</strong> oder <strong>Gesamtgewicht erreicht</strong>. Oben wählst du, ob die Einstellung für alle oder einen einzelnen Verkaufskanal gilt.</td></tr></tbody></table>

{% hint style="info" %}
Über den Link **„Versandmethoden bearbeiten"** springst du direkt zu Schritt 2.
{% endhint %}

### Schritt 2: Versandart einrichten

Damit der Hinweis weiß, ab welchem Wert der Versand kostenlos wird, hinterlegst du an deiner Versandart (**Einstellungen → Versandarten → z. B. „Standard"**) eine passende Preisregel. Wichtig: Die **Berechnungsart der Preismatrix muss zur Auswahl aus Schritt 1 passen** – wählst du dort „Warenkorb Wert erreicht", muss die Matrix auf **Warenkorbwert** rechnen.

<figure><img src="/files/zLkxmWO35Ws6utR9EGrz" alt=""><figcaption><p>Preismatrix der Versandart: bis 49,99 € regulärer Versand, ab 50 € kostenlos (0,00 €)</p></figcaption></figure>

Lege in der Preismatrix die Stufe an, ab der versandkostenfrei geliefert wird, und trage dort als Preis **0,00 €** ein. Im Beispiel kostet der Versand bis 49,99 € regulär 4,95 € und ist **ab 50 €** kostenlos. Genau dieser Schwellenwert (50 €) wird dann im Hinweis als Zielwert verwendet.

{% hint style="info" %}
Erst wenn Schritt 1 und Schritt 2 zusammenpassen und an der Versandart ein Preis von 0,00 € hinterlegt ist, erscheint der Fortschrittsbalken im Storefront.
{% endhint %}