User GuideDeveloper GuideAPI GuideTechnology PartnersNetcore Cloud AI: Co-Marketer
User Guide
BlogLogin

Gamification Template Library

Build engaging in-app experiences with ready-to-use Custom HTML templates. Simply paste the template into the Netcore Code Editor, update the configuration, and publish

Every template in this library is a self-contained Custom HTML file. Paste it into the in-app Code Editor, update the small configuration block at the top, and publish. No developer involvement is required to configure the settings.

Gamified in-app messages turn a passive announcement into something your users act on. Instead of showing a flat discount banner, you give people a reason to tap: a wheel to spin, a card to scratch, a box to open. Start with Custom HTML to learn how to add HTML to an in-app campaign, then come back here to pick a template.

Before using the template, ensure the following requirements are met.

Prerequisites Checklist
Requirement Description
📱 Netcore SDK Your Android or iOS app must have the Netcore SDK integrated with In-app Messaging enabled.
⚙️ JavaScript Custom HTML creatives require JavaScript to render correctly.
📄 Template source Paste the HTML directly, upload it as a file, or host it externally and provide a URL.
🔗 Direct URL support Requires iOS SDK 2.4.3+ and Android SDK 2.0.11+ or 2.2.12+.
🎁 Reward fulfilment The template only displays reward codes. Coupon generation and redemption must be handled by your own backend or commerce platform.
⚠️ Before you continue

These templates assume your app already meets the prerequisites above. If any requirement is missing, the template may fail to render or some features may not work as expected.

Use Custom Code for Template

  1. Log in to the Netcore CE panel, and navigate to create an in-app campaign or in app template. See Custom HTML for the full campaign flow.

  2. Select the template type and click on Custom HTML.

  3. Paste the code into the Code Editor and select Validate.

  4. Preview the message, then schedule and publish.

📘

Good To Know

Edit only the CONFIG block at the top of the file.

Available Templates

🎠
Carousel

Showcase multiple offers or products in a swipeable interactive experience.

☸️
Spin the Wheel

Eight configurable reward segments with weighted odds, confetti, coupon copy, and a claim deeplink.

💳
Scratch Card

Reveal a hidden reward by scratching the card and turning discounts into interactive experience.

🎁
Mystery Box

Tap to open a virtual gift box and reveal a surprise reward, increasing engagement.

📍
Pull the Lever

Pull the lever to spin the reels and reveal a reward code when the symbols align.

❓
MCQ Quiz

Engage users with a quick quiz and reward them based on their answers.

Workflow

The custom HTML template codes has two parts:

The CONFIG block sits at the very top of the file and holds everything you are expected to edit: colors, copy, reward values, odds, button labels, and destination links.

Everything below it is the working template, including the Netcore SDK integration, the widget layout, and the interaction logic. Leave this section alone unless you are making developer-level changes.

🚧

Do Not Modify the SDK Section

Each template contains a Netcore Smartech In-App SDK section marked DO NOT MODIFY. This section enables message rendering, tracking, and dismissal within your app. Editing it, removing it, or changing the script load order can cause the template to stop working.

📘

Rewards Are Displayed, Not Generated

The template displays a reward and copies the code to the user's clipboard. It does not generate coupons, apply discounts, or manage inventory.

Create and manage the underlying offer in Coupon Management or your commerce platform before launching the campaign.

Updated about 1 hour ago

Did this page help you?