The Claimr Widget

More reasons to engage Built into your product

Add quests, achievements, referrals and rewards to your product. Choose the modules you need and match the Widget to your brand.

Try the live Widget
  • Choose your modules
  • Match your brand
  • Responsive layout
Explore styles and modules
RewardsInteractive preview
Your progressExplorer
1,240XP
260 XP to the next tier1,500 XP
YOUR NEXT MOVES0 / 3

Try a quest. Feel the progress.

Sample XP - exploration XP is separate - Powered by Claimr

Try a quest inside the example product - earn demo XP and unlock a badge

Make it yours

Same possibilities, your personality

Compare Web3, gaming and SaaS examples, then choose which modules appear. These previews show how the same capabilities can fit different products.

Choose an industry
Choose your modules3 of 6
Modules included in the preview
Explore customization
Protocol missions & season points
ORBITExplorer #0142

Ecosystem season / 03

Your activity
opens new doors

Testnet explorer
1,240SEASON POINTS
260 to community access
Active missions

Explore the ecosystem

  1. Protocol basicsExplore the protocol
    Done
  2. Testnet activityComplete a testnet swap
    Done
  3. Ecosystem explorationTry a new network
    +260 PTS

Eligible activity builds your season points

Illustrative preview - changes apply only here

Web3 style - 3 modules enabled - desktop preview - Quests & challenges

Find the right spot

Meet users where the next move happens

Embed it in a page, open it on demand, or give it a home of its own. Choose the placement that fits your product.

Make progress part of an existing page

Keep the experience one click away

Open an engagement panel beside the product

Give a milestone or campaign a focused moment

Give engagement a dedicated destination

Inline

A natural fit for onboarding and account dashboards

Highlighted areas show where the Widget appears in your product

Personalization

Match challenges to
each user’s progress

Use product activity and connected signals to set eligibility. Show users the challenges, achievements and rewards that fit their progress.

Connected to the user

Turn activity into relevant milestones

Product activity, referrals, and optional social or wallet signals inform eligibility. Your rules decide what unlocks in the Widget.

Illustrative program rules

First feature exploredNext challenge
Referral qualifiesReferral reward
Milestone reachedNew achievement
Explore User Intelligence

A head start

Recognize progress before signup

Let eligible actions count while someone explores. When they create an account, connect the progress they have already earned.

  1. 01
    Explore the product

    A visitor takes an eligible action

  2. 02
    See progress begin

    Eligible activity counts toward a milestone

  3. Continue after signup

    Connect the account and earned progress

Activity recording and account linking depend on the configured identity and consent model.

Explore pre-signup engagement

Integration

Add the Widget in three steps

Once your campaign is configured, add a container and the Claimr script to your product. The Widget loads the campaign and adapts to its container.

  1. Add the container

    Place it where the experience should appear.

    <div id="CLAIMR_CONTAINER_ID"></div>

  2. Configure the Widget

    Add the Claimr script and your campaign settings.

    <script
  src="https://widgets.claimr.io/claimr.min.js"
  id="claimr-script"
  data-organization="acme"
  data-campaign="acme-promo"
  data-autoresize="true"
  data-container="CLAIMR_CONTAINER_ID">
</script>

  3. Claimr handles the rest

    The campaign loads, renders, and resizes automatically.

    load · render · resize

Need a custom interface?Use the API and SDK to build your own experience, with events, callbacks, and webhooks.

Explore developer options

Before you build

Questions about the Widget

Branding, modules, identity and integration.

Security & data handling
Is the Widget the recommended way to start with Claimr?

Yes, when you want a ready-made interface you can customize. Choose the modules and appearance, then connect the Widget to your product. Use the API when you need your own interface, with supported SDK methods where relevant.

Can we match our existing product design?

Yes. Customize colors, typography, spacing, borders, icons, and layout to fit your product. The previews on this page are illustrative starting points.

Do we have to enable every module?

No. Choose the modules relevant to your first program, such as quests and challenges, achievements, competitions, or referrals. Add rewards and loyalty as the experience grows.

Can people make progress before creating an account?

Eligible activity can count before signup and connect to an account later. Progress recording and account linking depend on the configured identity and consent model.

Do users need a wallet or connected social account?

No. A program can use product activity alone. Add wallet or social signals only when they are relevant to the experience.

Can developers control the Widget?

Yes. Use configuration, API and SDK capabilities, events, callbacks, and webhooks to connect the Widget to your product. The developer documentation covers the available integration options.

Make the next move

Build your first Widget experience

Try the live Widget, or talk with the team about your brand, modules and first campaign.

Try the live Widget