Dynamic Content Scratch Card

Published February 16, 2026
Modules
Difficulty

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.

Scratc

Prerequisites


  • Create item feed

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

Click here to see how to build the filter

  1. Go to Data Modeling Hub > Catalogs.

  2. On the list, find the catalog in which you want to create the filter.

  3. On the right side of the screen, click

    Clicking the filter icon

  4. Click Define.

  5. On the pop-up, define the conditions by clicking Choose filter. The list contains all parameters from the product feed. In our case category should contain WOMEN.

    The view of filter configuration for category
    Filter configuration for category
  6. Name and save the filter by clicking Save filter.

Process


In this use case, you will go through the following steps:

  1. Create a promotion with discount for specific category.
  2. 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 Image presents the Communication 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.
    2. Optionally, you can add tags to the promotion and JSON code with additional promotion parameters.
    3. Confirm the settings by clicking Apply.
    The view of Content configuration
    Content configuration
  6. In the Type and limits section:

    1. Leave General in the Type section.
    2. In the Type section field, select General (default option).
    3. In the Priority, enter a number that defines the priority of the promotion.
      Note: 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.
    4. Select the Single tab (default choice).
    5. In the Limit per profile field, type 1.
    6. From the Discount type dropdown list, select Percentage.
    7. In Discount mode, leave the default option (Static).
    8. In the Value field, type 25.
    9. Confirm the settings by clicking Apply.
      The view of Type and limits configuration
      Type and limits configuration
  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.
    5. 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.
    6. 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. In our case, women category.
    The view of Type and limits configuration
    Type and limits configuration
  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 Campaigns menu 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.
    Note: You can edit the template in two ways, by editing the code of the template (add inserts, add variables) 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.

Edit form in the Config tab


The Config tab already has default values filled in. You can change them to fit your business needs.

In-app configuration
Dynamic content configuration
  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.
  3. 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.
  4. In the Colors section, define your color scheme.

  5. If the template is ready, in the upper right corner, click Save this template > Save as.

  6. 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.
  7. Click Next to continue the process of configuring the in-app campaign.

  8. 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.
  2. Click Apply.
  3. 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.
  4. 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).
  1. Optionally, you can define the UTM parameters and additional parameters for your dynamic content campaign.
  2. 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:

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 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


😕

We are sorry to hear that

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

😉

Awesome!

Thank you for helping improve out documentation. If you need help or have any questions, please consider contacting support.

Close modal icon Placeholder alt for modal to satisfy link checker