
Hier erfahren Sie, wie Sie Anreiz-Aktionen gestalten können.
HTML-ID-Attribut der Anreiz-Aktion herausfinden
- Rufen Sie im Shop die Warenkorb-Seite auf, für die Sie Anreiz-Aktionen aktiviert haben.
- Stellen Sie sicher, dass die gewünschte Anreiz-Aktion angezeigt wird.
- Klicken Sie mit der rechten Maustaste auf die Anreiz-Aktion und wählen Sie „Untersuchen“ oder „Element untersuchen“.
- HTML-ID-Attribut finden Sie unter „id“ im „div“-Block mit dem Format: incentive_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx. Beispiel auf dem Screenshot: incentive_bca48aa126e9862520f7097fccc235d2

Beispiel für die Erstellung der Anreiz-Aktion

So erstellen Sie eine „20%“-Anreiz-Aktion, die im Screenshot dargestellt ist.
- Gehen Sie in der Administration auf Marketing > Rabatte & Aktionen.
- Klicken Sie auf Bearbeiten für die betreffende Anreiz-Aktion über die drei Punkte auf der rechten Seite.
- Wählen Sie oben den Anreiz-Tag aus.
- Klicken Sie im Anreiz-Aktion Text auf das </> Zeichen, um HTML Texte einfügen zu können. (Bearbeitungsmodus wechseln.)
- Geben Sie im Feld Anreiz-Aktion Text den unten folgenden Text ein und klicken Sie auf Speichern:
Lösen Sie einen <b><i>20%-Gutschein</i></b> auf alle Ihre Bestellungen über 500 € ein. (Angebot gültig bis 1. Januar 2025)

So fügen Sie einen CSS-Style für „20 %“-Anreiz-Aktion hinzu.
- Gehen Sie in der Administration auf Erweiterungen > Meine Erweiterungen.
- Öffne Sie die Konfiguration der Anreiz-Aktionen Erweiterung über die drei Punkte auf der rechten Seite.
- Aktivieren Sie Eigenes CSS, falls es nicht aktiviert ist.
- Fügen Sie unter CSS das folgende CSS hinzu und klicken Sie auf Speichern:
*Vergessen Sie nicht ID zu ersetzen.
#incentive_bca48aa126e9862520f7097fccc235d2 {
border-radius: 10px;
border: 3px solid #448aff;
}
#incentive_bca48aa126e9862520f7097fccc235d2 .incentive-promotion {
color: #ffffff;
font-weight: 900;
border-radius: 7px;
border: 2px solid #ffffff;
background-color: #448aff;
}
#incentive_bca48aa126e9862520f7097fccc235d2 .incentive-promotion-redeem-button {
border: none;
color: #448aff;
border-radius: 7px;
background-color: #ffffff;
}

„Valentinstag Gutschein“-Anreiz-Aktion

Anreiz-Aktion Text für „Valentinstag Gutschein“-Anreiz-Aktion:
🩷 10% Valentinstag Gutschein 🩷 für Ihre romantischen Einkäufe ab 100 €.
CSS Style für „Valentinstag Gutschein“-Anreiz-Aktion:
*Vergessen Sie nicht ID zu ersetzen.
#incentive_12e75bebf0de696e2c6b1bb9251627cf {
border-radius: 30px;
}
#incentive_12e75bebf0de696e2c6b1bb9251627cf .incentive-promotion {
color: #f04f4d;
font-size: large;
border-radius: 30px;
background-color: #faecee;
border: 2px dotted #f04f4d;
}
#incentive_12e75bebf0de696e2c6b1bb9251627cf .incentive-promotion-redeem-button {
border: none;
border-radius: 30px;
background-color: #f04f4d;
}
„Weihnachtsgutschein“-Anreiz-Aktion

Anreiz-Aktion Text für „Weihnachtsgutschein“-Anreiz-Aktion:
5% Weihnachtsgutschein für Kunden aus Deutschland, Österreich und der Schweiz ab 80 EUR.
CSS Style für „Weihnachtsgutschein“-Anreiz-Aktion:
*Vergessen Sie nicht ID zu ersetzen.
#incentive_7dcdc811c26170bb489e82a98a7662d2 {
border-radius: 10px;
}
#incentive_7dcdc811c26170bb489e82a98a7662d2 .incentive-promotion {
background: no-repeat center / 100% url(https://valkarch.com/wp-content/uploads/2024/11/snow-1024x168.png);
color: #ffffff;
font-weight: 700;
border-radius: 10px;
background-size: cover;
}
#incentive_7dcdc811c26170bb489e82a98a7662d2 .incentive-promotion-redeem-button {
border: none;
border-radius: 10px;
background-color: #c00f13;
}
Laden Sie das folgende Hintergrundbild in Ihren Shop hoch. Kopieren Sie die URL dieses Bildes aus Ihrem Shop und ersetzen Sie https://valkarch.com/wp-content/uploads/2024/11/snow-1024×168.png im CSS durch Ihre URL.
Hintergrundbild für „Weihnachtsgutschein“-Anreiz-Aktion:

„5 € Gutschein“-Anreiz-Aktion

Anreiz-Aktion Text für „5 € Gutschein“-Anreiz-Aktion:
Ab 50 € Warenwert 5 € Gutschein einlösen! Entdecken Sie unter diesem <font color="#cc4bef">>>></font><a target="_blank" href="https://store.shopware.com/de/valka15880627685m/form-bot-blocker.html" rel="noreferrer noopener"><b>Link</b></a><font color="#c63eec"><<<</font> weitere tolle Rabatte und sichern Sie sich z.B. den <img style="max-width:40px;" src="https://cdn.shopware.store/H/D/7/H3WDw/media/a7/34/f3/1712845223/1a54aa9545abde1b431900a1289e5c61.png?ts=1732318508" /> <b>Form Bot Blocker,</b> um Shopware vor Spam zu schützen.
CSS Style für „5 € Gutschein“-Anreiz-Aktion ist nicht erforderlich.