
Interactive dynamic content formats can increase engagement and make promotional communication less intrusive. A scratch card mechanic adds a simple game-like interaction — users reveal an offer themselves, which often increases attention and memorability compared to static banners.

In this use case, you’ll create a predefined dynamic content scratch card template displayed to users who visit a specific product category (for example, the Women category). After scratching the card, users reveal a promotion code that gives them 25% off products from that collection.

The scratch card can be revealed with a finger or cursor, making the experience more interactive while still serving a clear promotional purpose.

The template is predefined, so no coding is required — configuration happens through the template form and campaign settings.

<figure>
<img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/scratch.png" alt="Scratc"  class="full no-frame">
</figure> 


## Prerequisites 
---
- Create [item feed](/docs/ai-hub/recommendations-v2/item-feed-requirements)  

- Create a specific category filter in the product catalog to be reused while preparing the promotion.


  <details class="accordion"><summary>Click here to see how to build the filter</summary><div class="accordion-content"><ol> <li><p>Go to <strong>Data Modeling Hub &gt; Catalogs</strong>.</p> </li> <li><p>On the list, find the catalog in which you want to create the filter.</p> </li> <li><p>On the right side of the screen, click <figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/docs/campaign/_gfx/promotion-filter-define.gif" alt="Clicking the filter icon" class="full"></figure></p> </li> <li><p>Click <strong>Define</strong>.</p> </li> <li><p>On the pop-up, define the conditions by clicking <strong>Choose filter</strong>. The list contains all parameters from the product feed. In our case category should contain WOMEN.</p> <figure> <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/cat_prom_filter2.png" alt="The view of filter configuration for category" class="full"> <figcaption>Filter configuration for category</figcaption> </figure> </li> <li><p>Name and save the filter by clicking <strong>Save filter</strong>.</p> </li> </ol></div></details>


## Process
---
In this use case, you will go through the following steps:
1. [Create a promotion](/use-cases/dc-scratch#create-a-promotion) with discount for specific category.
2. [Create a dynamic content campaign](/use-cases/dc-scratch#create-a-dynamic-content-campaign) with a scratch card.

## Create a promotion
---
Create a promotion for a specific product category with a discount rate (for example, 25%).

1. Go to <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/ai-hub-icon.svg" alt="Image presents the AI Hub icon" class="icon"> **AI Hub > Regular promotions > Add promotion**.
2. Enter a name for the promotion.
3. Select the **For selected items** type of promotion.
4. In the **Audience** section, choose **Everyone**.
5. In the **Content** section:
    1. Define the name, descriptions, thumbnail, and image of the promotion.
    3. Optionally, you can add tags to the promotion and JSON code with additional promotion parameters.
    2. Confirm the settings by clicking **Apply**.

    <figure>
    <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/prom_early_content.png" alt="The view of Content configuration"  class="large">
    <figcaption>Content configuration</figcaption>
    </figure> 
6. In the **Type and limits** section:
    1. Leave **General** in the **Type section**.
    1. In the **Type section** field, select **General** (default option).
    2. In the **Priority**, enter a number that defines the priority of the promotion.
    
       <div class="admonition admonition-note"><div class="admonition-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></div><div class="admonition-body"><div class="admonition-content">

       Priority defines the order of display in the customer’s view. 1 is the highest priority. If two or more promotions applicable to a customer have the same priority, the order of display is determined by the date of creation. The one that was created earlier takes the priority over the other promotion.

       </div></div></div>

    3. Select the **Single** tab (default choice).
    4. In the **Limit per profile** field, type `1`.
    5. From the **Discount type** dropdown list, select **Percentage**.
    6. In **Discount mode**, leave the default option (**Static**).
    7. In the **Value** field, type `25`.
    8. Confirm the settings by clicking **Apply**.
        <figure>
        <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/prom_early_tl.png" alt="The view of Type and limits configuration"  class="large">
        <figcaption>Type and limits configuration</figcaption>
        </figure> 
7. In the **Schedule** section:
    1. In the **Display time** section, choose **Scheduled**.
    2. Pick the dates in the **Start** and **End** fields.
    3. In the **Activity time** section, deselect **Same as display time**.
    4. Set a date range when the promotion can be activated. Pick the dates in the **Start** and **End** fields.
    3. In the **Lasting** field, you can enter the time (in seconds) that a promotion remains redeemable after it is activated. `0` is interpreted as infinity.
    4. Confirm the settings by clicking **Apply**.
8. In the **Items** section:
    1. From the **Source catalog** dropdown list, select a catalog of items.
    2. In the **Include items** section, choose **Filtered items**.
    3. From the **Select filter** dropdown list, select [the filter created as a part of the prerequisites](#prerequisites). In our case, women category.

     <figure>
     <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/prom_scratch.png" alt="The view of Type and limits configuration"  class="large">
     <figcaption>Type and limits configuration</figcaption>
     </figure> 
    
9. To apply configuration and run the promotion, click **Publish**.

## Create a dynamic content campaign
---
In this part of the process, you will create a dynamic content campaign with a scratch card, presented after the user visits the category **Women**.

1. Go to <img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/icons/experience-hub-icon.svg" alt="Experience Hub menu icon" class="icon"> **Experience Hub > Dynamic Content > Create new**
2. Enter a meaningful name for the campaign.
3. Choose the **web layer** type of campaign.

### Define the audience
--- 
1. In the **Audience** section, click **Define**.
2. Select the **Everyone** tab.
3. Click **Apply**.

### Define content
---

1. In the **Content** section, click **Define**.
2. Click **Create message** and from the list of template folders, select **Predefined templates**.
3. Select **Scratch card**.   
    **Result:** You are redirected to the code editor.

   <div class="admonition admonition-note"><div class="admonition-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg></div><div class="admonition-body"><div class="admonition-content">

   You can edit the template in two ways, by editing the code of the template ([add inserts](/docs/campaign/in-app-messages/creating-inapp-templates/creating-inapp-template#adding-a-snippet-to-the-template-code), [add variables](/docs/campaign/in-app-messages/creating-inapp-templates/creating-inapp-template#adding-a-variable)) and/or by filling out the form in the **Config** tab. In this use case, we will use the capabilities of the predefined **Config** tab.

   </div></div></div>


#### Edit form in the Config tab
---
The **Config** tab already has default values filled in. You can change them to fit your business needs.  

 <figure><img src="/api/docs/image/54176ad07f146575310749eba44b7c2f42c1b327/use-cases/all-cases/_gfx/scratch11.png" class="full" alt="In-app configuration"><figcaption>Dynamic content configuration</figcaption></figure>  

1. In the **Content** section:
    1. Fill out **Main Title**, **Subtitle**, **Scratch Surface Text**, and **Button Text** with specific description displayed on the scratch card.
    2. Add also your personalized copy for **Copied Confirmation Text** and **Footer Text** where you can add info for example about the validation date.
2. In the **Prize** section:  
    1. In the **Discount Value** field, enter the value of the prize.
    2. In **Prize Text**, add the copy which will be displayed as the description for the prize amount.
    3. In **Promo Code**, enter the discount code displayed, created in the ["Create a promotion" part of the process](#create-a-promotion).
2. In the **Settings** section: 
    1. Set up the **Scratch Threshold** (in percentage) - what percentage of the card's surface does the customer need to scratch off to see its value.
    2. Set up the **Brush Size** - in pixels.

5. In the **Colors** section, define your color scheme.

9. If the template is ready, in the upper right corner, click **Save this template > Save as**.
10. On the pop-up:
    1. In the **Template name** field, enter the name of the template.
    2. From the **Template folder** dropdown list, select the folder where the template will be saved.
    3. Confirm by clicking **Apply**.
11. Click **Next** to continue the process of configuring the in-app campaign.
12. Click **Apply** to save your content changes. 


### Schedule the message and configure display settings
---
As the final part of the process, you need to set the schedule.

1. In the **Schedule** section, click **Define** and set the time when the campaign will be active. 
3. Click **Apply**. 
2. In the **Display Settings** section, click **Define**. If you want the countdown bar to be displayed to all users continuously across the website upon landing, keep the default settings.
3. Click **Apply**. 

### Set up the display settings

1. In the **Display settings** section, define the circumstances the dynamic content will be shown:
  - **Always on landing**.
  - **On a specific URL** which indicates a product page (for example, if a URL contains product).

4. Optionally, you can define the UTM parameters and additional parameters for your dynamic content campaign.
5. Click **Activate**.


## Check the use case set up on the Synerise Demo workspace
---
You can check the configuration of the campaign components directly in Synerise Demo workspace:
- [promotion configuration](https://app.synerise.com/campaigns/promotions/9d67af84-ab72-4b3b-ad07-e349af9d1382),
- [Dynamic content](https://app.synerise.com/campaigns/dynamic-content/create/d5193acb-db56-45f8-b8e7-2b95ddd6da5d)

If you’re our partner or client, you already have automatic access to the **Synerise Demo workspace (1590)**, where you can explore all the configured elements of this use case and copy them to your workspace.  

If you’re not a partner or client yet, we encourage you to fill out the contact [form](https://demo.synerise.com/request) to schedule a meeting with our representatives. They’ll be happy to show you how our demo works and discuss how you can apply this use case in your business. 

## Read more
---
- [Dynamic content](/docs/campaign/dynamiccontent)
- [Promotions](/docs/campaign/promotions)