
Here you can find out how you can design incentive promotions.
Find out the HTML ID attribute of the incentive promotion
- In the store, go to the shopping cart page for which you have activated incentive promotions.
- Make sure the incentive promotion you want is displayed.
- Right-click the incentive action and select “Inspect” or “Inspect Item”.
- HTML ID attribute can be found under “id” in the “div” block with the format: incentive_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx. Example on the screenshot: incentive_bca48aa126e9862520f7097fccc235d2

Example of creating the incentive promotion

Here’s how to create a “20%” incentive promotion shown in the screenshot.
- In the Administration, go to Marketing > Promotions.
- Click on Edit for the relevant incentive promotion using the three dots on the right-hand side.
- Select the Incentive tag above.
- Click on the </> symbol in the Incentive promotion text to insert HTML text. (Switch editing modes)
- In the Incentive promotion text field, enter the text below and click Save:
Redeem a <b><i>20% voucher</i></b> on all your orders over $500. (Offer valid until January 1, 2025)

How to add CSS style for “20%” incentive promotion.
- In the Administration, go to Extensions > My extensions.
- Open the Incentive Promotions extension configuration via the three dots on the right side.
- Enable Custom CSS if it is not enabled.
- Under CSS, add the following CSS and click Save:
*Don’t forget to replace ID.
#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;
}

“Valentine’s Day” incentive promotion

Incentive promotion text for the incentive promotion “Valentine’s Day“:
🩷 10% Valentine's Day voucher 🩷 for your romantic purchases from 100 $.
CSS style for incentive promotion “Valentine’s Day“:
*Don’t forget to replace ID.
#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;
}
“Christmas voucher” incentive promotion

Incentive promotion text for the incentive promotion “Christmas voucher“:
5% Christmas voucher for customers from USA and Canada from 80 USD.
CSS style for incentive promotion “Christmas voucher”:
*Don’t forget to replace ID.
#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;
}
Upload the following background image to your store. Copy the URL of this image from your store and replace https://valkarch.com/wp-content/uploads/2024/11/snow-1024×168.png in the CSS with your URL.
Background image for the “Christmas voucher” incentive promotion:

“5 $ voucher” incentive promotion

Incentive promotion text for the incentive promotion “5 $ voucher“:
Redeem a 5 $ voucher for orders worth 50 $ or more! Discover more great discounts at this <font color="#d35af1">>>></font><a target="_blank" href="https://store.shopware.com/en/valka15880627685m/form-bot-blocker.html" rel="noreferrer noopener"><b>Link</b></a><font color="#dd7ef7"><<<</font> and secure yourself, for example, the <img style="max-width:40px;" src="https://cdn.shopware.store/H/D/7/H3WDw/media/a7/34/f3/1712845223/1a54aa9545abde1b431900a1289e5c61.png?ts=1731415510" /> <b>Form Bot Blocker</b> to protect Shopware from spam.
The “5 $ voucher“ incentive promotion does not require CSS styling.