Incentive Promotions Shopware extension logo.

Here you can find out how you can design incentive promotions.


Find out the HTML ID attribute of the incentive promotion

  1. In the store, go to the shopping cart page for which you have activated incentive promotions.
  2. Make sure the incentive promotion you want is displayed.
  3. Right-click the incentive action and select “Inspect” or “Inspect Item”.
  4. HTML ID attribute can be found under “id” in the “div” block with the format: incentive_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx. Example on the screenshot: incentive_bca48aa126e9862520f7097fccc235d2
Shop page where HTML ID attribute of 20% incentive promotion is found by examining the HTML code.

Example of creating the incentive promotion

An incentive promotion with a 20% discount on a blue background, redeemable from 500€.
Here’s how to create a “20%” incentive promotion shown in the screenshot.
  1. In the Administration, go to Marketing > Promotions.
  2. Click on Edit for the relevant incentive promotion using the three dots on the right-hand side.
  3. Select the Incentive tag above.
  4. Click on the </> symbol in the Incentive promotion text to insert HTML text. (Switch editing modes)
  5. 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)
Shopware administration page showing 20% ​​incentive promotion with multiple configurations and incentive promotion text.
How to add CSS style for “20%” incentive promotion.
  1. In the Administration, go to Extensions > My extensions.
  2. Open the Incentive Promotions extension configuration via the three dots on the right side.
  3. Enable Custom CSS if it is not enabled.
  4. 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;
}
Configuration page for the incentive promotion extension in the Shopware 6 shop, where CSS is configured.

Valentine’s Day” incentive promotion

A Valentine's Day incentive promotion with a 10% discount, redeemable from 100$.

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

A Christmas incentive promotion for customers from Germany, Austria and Switzerland with a 5% discount, redeemable from 80 USD.

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:

Snowflakes on a green background.

5 $ voucher” incentive promotion

An incentive promotion with a $5 discount, redeemable from $50 and motivation to purchase the Shopware extension Form Bot Blocker.

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">&gt;&gt;&gt;</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">&lt;&lt;&lt;</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.

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.