Skip to main content
Nudj’s preview mode shows any challenge, reward, post, or achievement as members see it — before you go live. Every entity supports preview (#898).

​
The preview panel

Click Preview on any entity editor to open the preview panel (#1942). It renders the member-facing experience beside your editor, with a device toggle:

Desktop view

Member-facing web app rendering at a standard desktop width.

Mobile view

Toggle to mobile width — catch responsive layout bugs before launch.
Your admin editor stays visible alongside the panel, so you can edit and watch the preview update.

​
Preview in new tab

Click Preview in New Tab (#703) to open just the member view in a new browser tab. Useful for:
  • Sending a preview link to a teammate for review (before going Live).
  • Doing a quick mobile spot-check on your phone.

​
Preview respects auth

Preview is auth-aware (#2038) — you see the challenge / reward as a real authenticated member would. This means:
  • Key-gated challenges show the unlock prompt.
  • Achievement-gated challenges show the lock screen if you haven’t unlocked.
  • Loyalty-tier-scoped rewards show according to your current tier.
The preview button itself was fixed in #749 (earlier versions sometimes failed to route correctly).

​
Chat previews

The Nudj Agent supports chat previews (#900) — when the agent drafts content, it shows an inline preview card so you can see what the agent proposes without leaving the chat.

​
What you can preview

Every admin-authored entity:
  • Challenges (most commonly previewed)
  • Rewards (wallet row, asset card, redemption flow)
  • Posts (feed card + full post)
  • Achievements (profile badge + criteria view)
  • Games (via the game builder preview, see Games)
  • Leaderboards (tier display, distribution)
  • Themes (live iframe preview, see Branding)

​
Best practices

Always preview before Live. Do a full end-to-end run of the challenge — complete it, claim the reward — in preview mode before flipping status.
Test previews on mobile. Most members use mobile. Use the mobile preview toggle or preview-in-new-tab on your phone.